💄 style(dark-mode): 初步完成工作台深色模式

src/contentScripts/darkMode/darkMode/dashboard/index.less

@@ -1,3 +1,3 @@
-@import '~theme/index';
 @import 'sidebar';
 @import 'main';
+@import 'right';

src/contentScripts/darkMode/darkMode/dashboard/main.less

@@ -3,3 +3,27 @@
 [class*='Layout-module_main'] {
   .dark-mode-background-base;
 }
+
+[class*='Recent-module_recentTab'] a {
+  .dark-mode-text-color-base;
+  &:hover {
+    .dark-mode-text-color-base-hover;
+  }
+} // 表头
+[class*='Recent-module_active'] a {
+  .dark-mode-text-color-base;
+}
+// 主表
+
+[class*='Recent-module_title'] {
+  .dark-mode-text-color-base;
+}
+
+[class*='Recent-module_filterItem'] {
+  .ant-dropdown-open {
+    .dark-mode-background-light;
+  }
+}
+[class*='Recent-module_activeFilterItem'] span {
+  .dark-mode-background-light;
+}

src/contentScripts/darkMode/darkMode/dashboard/right.less

@@ -0,0 +1,63 @@
+@import '~theme/index';
+
+// 创建文档
+[class*='GlobalDocCreate-module_title'] {
+  .dark-mode-text-color-base;
+}
+[class*='GlobalBookSelector-module_bookSelectorItem'] {
+  .dark-mode-border-bottom-color-light;
+  &:hover {
+    .dark-mode-background-base-hover;
+  }
+}
+
+// honor 组件
+[class*='Honor-module_wrapper'] {
+  .ant-card-body {
+    .dark-mode-background-dark;
+  }
+  [class*='Honor-module_value'] {
+    .dark-mode-text-color-base;
+  }
+  [class*='badge-module_memberBadgeDesc'] {
+    .dark-mode-text-color-second;
+  }
+  [class*='badge-module_memberBadgeName'] {
+    .dark-mode-text-color-emphasize;
+  }
+
+  [class*='Honor-module_thumb'] {
+    background-image: url('https://gw.alipayobjects.com/zos/antfincdn/St2yCYb%24ym/img.png') !important;
+    opacity: 0.2;
+  }
+
+  [class*='Honor-module_item']::before {
+    .dark-mode-background-light;
+  }
+}
+
+// 快捷入口
+[class*='QuickLink-module_quicklink'] {
+  .ant-card-body {
+    .dark-mode-background-base;
+  }
+
+  [class*='LinkList-module_title'] {
+    .dark-mode-text-color-base;
+  }
+  [class*='LinkList-module_linkItem'] {
+    &:hover {
+      .dark-mode-background-light;
+    }
+
+    [class*='LinkList-module_action'] {
+      .dark-mode-background-light;
+
+      [class*='QuickLink-module_icon'] {
+        &:hover {
+          .dark-mode-text-color-base-hover;
+        }
+      }
+    }
+  }
+}

src/contentScripts/darkMode/darkMode/global/card.less

@@ -4,5 +4,3 @@
 .larkui-card {
   .dark-mode-card-base;
 }
-
-

src/contentScripts/darkMode/darkMode/global/index.less

@@ -4,3 +4,6 @@
 @import 'card';
 @import 'image';
 @import 'input';
+@import 'table';
+@import 'menu';
+@import 'modal';

src/contentScripts/darkMode/darkMode/global/menu.less

@@ -0,0 +1,42 @@
+@import '~theme/index';
+
+.ant-menu {
+  .ant-menu-item {
+    .dark-mode-background-base;
+  }
+}
+
+// 下拉菜单
+.ant-dropdown-menu {
+  .dark-mode-background-light;
+
+  .ant-dropdown-menu-item,
+  .ant-dropdown-menu-submenu-title {
+    .dark-mode-text-color-base;
+    &:hover {
+      .dark-mode-background-lighter;
+    }
+  }
+}
+// 级联菜单
+.ant-cascader-menu,
+.ant-cascader-menus {
+  .dark-mode-background-light;
+
+  .ant-cascader-menu-item {
+    .dark-mode-text-color-base;
+    &:hover {
+      .dark-mode-background-lighter;
+    }
+  }
+
+  .ant-cascader-menu-item-active {
+    .dark-mode-background-lighter;
+  }
+}
+
+.ant-cascader-menus {
+  .ant-cascader-menu:not(:last-child) {
+    border-right-color: @dark-mode-border-color-light !important;
+  }
+}

src/contentScripts/darkMode/darkMode/global/modal.less

@@ -0,0 +1,12 @@
+@import '~theme/index';
+
+// 基础卡片
+.ant-modal-content,
+.ant-modal-header {
+  .dark-mode-background-base;
+  .dark-mode-border-bottom-color-light;
+}
+
+.ant-modal-title {
+  .dark-mode-text-color-base;
+}

src/contentScripts/darkMode/darkMode/global/table.less

@@ -0,0 +1,27 @@
+@import '~theme/index';
+
+// 表格
+.ant-table {
+  .dark-mode-background-base;
+  .ant-table-tbody > tr > td {
+    border-bottom-color: @dark-mode-border-color-light;
+  }
+
+  .ant-table-row:hover {
+    .dark-mode-background-light;
+    > td {
+      .dark-mode-background-light;
+    }
+  }
+
+  .ant-table-placeholder:hover > td {
+    .dark-mode-background-light;
+  }
+
+  .ant-table-thead > tr > th {
+    .dark-mode-background-base;
+    .dark-mode-text-color-base;
+
+    border-bottom-color: @dark-mode-border-color-light;
+  }
+}

src/theme/style/background.less

@@ -4,9 +4,14 @@
   background: @dark-mode-background-base !important;
 }
 
+.dark-mode-background-base-hover {
+  background: @dark-mode-background-base-hover !important;
+}
+
 .dark-mode-background-light {
   background: @dark-mode-background-light !important;
 }
+
 .dark-mode-background-lighter {
   background: @dark-mode-background-lighter !important;
 }

src/theme/style/border.less

@@ -0,0 +1,9 @@
+@import '../token/index';
+
+.dark-mode-border-color-light {
+  border-color: @dark-mode-border-color-light !important;
+}
+
+.dark-mode-border-bottom-color-light {
+  border-bottom-color: @dark-mode-border-color-light !important;
+}

src/theme/style/index.less

@@ -1,7 +1,9 @@
 @import 'background';
 @import 'text';
+@import 'border';
 @import 'image';
 @import 'button';
+
 @import 'card';
 
 @import 'search-bar';

src/theme/style/text.less

@@ -1,4 +1,8 @@
 @import '../token/index';
+.dark-mode-text-color-emphasize {
+  color: @dark-mode-text-color-emphasize !important;
+}
+
 .dark-mode-text-color-base {
   color: @dark-mode-text-color-base !important;
 }

src/theme/token/dark-mode.less

@@ -7,6 +7,7 @@
 @base-hue: 240;
 
 @dark-mode-background-base: hsl(@base-hue, @base-tone, 15%);
+@dark-mode-background-base-hover: hsl(@base-hue, @base-tone, 17%);
 // 面板
 @dark-mode-background-lighter: hsl(@base-hue, @base-tone, 22%);
 @dark-mode-background-lighter-hover: hsl(@base-hue, @base-tone, 28%);