style: add table dark theme

web/src/styles/antd/dark.less

@@ -11,7 +11,8 @@
     border-color: #434343;
     background: transparent;
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       color: var(--antd-primary-border);
       border-color: var(--antd-primary-border);
     }
@@ -36,7 +37,10 @@
         }
       }
 
-      &[disabled],&[disabled]:hover,&[disabled]:focus,&[disabled]:active {
+      &[disabled],
+      &[disabled]:hover,
+      &[disabled]:focus,
+      &[disabled]:active {
         color: rgba(255, 255, 255, 0.3);
         border-color: #434343;
         background: #555;
@@ -87,7 +91,8 @@
       border-right-width: 1px !important;
     }
 
-    &:focus, &.ant-input-focused {
+    &:focus,
+    &.ant-input-focused {
       border-color: #177ddc;
       border-right-width: 1px !important;
       box-shadow: 0 0 0 2px rgb(23 125 220 / 20%);
@@ -115,7 +120,8 @@
     .ant-dropdown-menu {
       background-color: #1f1f1f;
 
-      .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
+      .ant-dropdown-menu-item,
+      .ant-dropdown-menu-submenu-title {
         color: rgba(255, 255, 255, 0.65);
 
         &:hover {
@@ -161,45 +167,45 @@
   .ant-empty {
     .ant-empty-img-default-ellipse {
       fill: #fff;
-      fill-opacity: .08
+      fill-opacity: 0.08;
     }
 
     .ant-empty-img-default-path-1 {
-      fill: #262626
+      fill: #262626;
     }
 
     .ant-empty-img-default-path-2 {
-      fill: url(#linearGradient-1)
+      fill: url(#linearGradient-1);
     }
 
     .ant-empty-img-default-path-3 {
-      fill: #595959
+      fill: #595959;
     }
 
     .ant-empty-img-default-path-4 {
-      fill: #434343
+      fill: #434343;
     }
 
     .ant-empty-img-default-path-5 {
-      fill: #595959
+      fill: #595959;
     }
 
     .ant-empty-img-default-g {
-      fill: #434343
+      fill: #434343;
     }
 
     .ant-empty-img-simple-ellipse {
       fill: #fff;
-      fill-opacity: .08
+      fill-opacity: 0.08;
     }
 
     .ant-empty-img-simple-g {
-      stroke: #434343
+      stroke: #434343;
     }
 
     .ant-empty-img-simple-path {
       fill: #262626;
-      stroke: #434343
+      stroke: #434343;
     }
   }
 
@@ -220,4 +226,27 @@
       color: #fff;
     }
   }
+
+  // Table
+  .ant-table {
+    color: rgba(255, 255, 255, 0.85);
+    background: rgba(0, 0, 0, 0.2);
+
+    .ant-table-thead > tr > th {
+      background: rgba(0, 0, 0, 0.2);
+      color: rgba(255, 255, 255, 0.85);
+      border-bottom: 1px solid #303030;
+    }
+
+    .ant-table-tbody {
+      & > tr > td {
+        border-bottom: 1px solid #303030;
+      }
+
+      tr.ant-table-row:hover > td,
+      tr > td.ant-table-cell-row-hover {
+        background-color: rgba(255, 255, 255, 0.1);
+      }
+    }
+  }
 }