适配暗黑模式

web/apps/web-antd/src/views/match/components/match_item.vue

@@ -88,4 +88,23 @@ export default {
   color: #888;
   margin-top: 4px;
 }
-</style>
+
+.dark {
+  .match-item {
+    &.selected {
+      background-color: #172b41;
+    }
+  }
+  .match-league {
+    color: #fff;
+  }
+  .match-team {
+    &.team-home {
+      color: #5797ff;
+    }
+    &.team-away {
+      color: #ff626a;
+    }
+  }
+}
+</style>

web/apps/web-antd/src/views/match/related/index.vue

@@ -412,6 +412,34 @@ onMounted(() => {
   color: #999;
 }
 
+.dark {
+  .top-panel {
+    border-color: #505050;
+    background-color: #141414;
+    span {
+      color: #fff;
+      border-color: #505050;
+    }
+  }
+  .match-list {
+    border-color: #505050;
+    background-color: #141414;
+  }
+  .match-row {
+    border-color: #505050;
+    .match-item {
+      border-color: #505050;
+    }
+  }
+  .match-col {
+    border-color: #505050;
+    .match-item {
+      border-color: #505050;
+    }
+  }
+
+}
+
 @media (max-width: 768px) {
   .match-item {
     min-width: calc(50% - 16px);