Browse Source

style: a11y theme update (#661)

走鹃 3 years ago
parent
commit
b35d99d720

+ 1 - 1
packages/semi-foundation/table/table.scss

@@ -467,7 +467,7 @@ $module: #{$prefix}-table;
         position: relative;
         z-index: 1;
         padding: #{$spacing-table-paddingY} #{$spacing-table-paddingX};
-        color: $color-table_disabled-bg-default;
+        color: $color-table_placeholder-text-default;
         font-size: #{$font-table_base-fontSize};
         text-align: center;
         background: $color-table_pl-bg-default;

+ 1 - 0
packages/semi-foundation/table/variables.scss

@@ -73,6 +73,7 @@ $color-table_sorter-text-hover: var(--semi-color-text-2); // 表格排序按钮
 $color-table_page-text-default: var(--semi-color-text-2); // 表格翻页器文本颜色
 $color-table_resizer-bg-default: var(--semi-color-primary); // 表格拉伸标示线颜色
 $color-table_selection-bg-default: rgba(var(--semi-grey-0), 1); // 表格分组背景色
+$color-table_placeholder-text-default: var(--semi-color-text-2); // 表格空数据文本颜色
 
 // Other
 $font-table_base-fontSize: 14px; // 表格默认文本字号

+ 1 - 1
packages/semi-theme-default/scss/_palette.scss

@@ -16,7 +16,7 @@ body .semi-always-light {
     --semi-blue-2: 152,205,253;
     --semi-blue-3: 101,178,252;
     --semi-blue-4: 50,149,251;
-    --semi-blue-5: 0,119,250;
+    --semi-blue-5: 0,100,250;
     --semi-blue-6: 0,98,214;
     --semi-blue-7: 0,79,179;
     --semi-blue-8: 0,61,143;

+ 4 - 4
packages/semi-theme-default/scss/global.scss

@@ -92,7 +92,7 @@ body, body[theme-mode="dark"] .semi-always-light {
     --semi-color-bg-4: rgba(var(--semi-white), 1); // 背景色 - 最上层(特殊)
     --semi-color-text-0: rgba(var(--semi-grey-9), 1); // 文本/图标颜色 - 最主要
     --semi-color-text-1: rgba(var(--semi-grey-9), .8); // 文本/图标颜色 - 稍次要
-    --semi-color-text-2: rgba(var(--semi-grey-9), .6); // 文本/图标颜色 - 次要
+    --semi-color-text-2: rgba(var(--semi-grey-9), .62); // 文本/图标颜色 - 次要
     --semi-color-text-3: rgba(var(--semi-grey-9), .35); // 文本/图标颜色 - 最次要
     --semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1); // 用于toast, modal, popover等需要提升层级的界面元素
     --semi-border-radius-extra-small: 3px; // 超小圆角,用于 checkbox 内圆角
@@ -169,9 +169,9 @@ body[theme-mode="dark"], body .semi-always-dark {
     --semi-color-nav-bg: rgba(35, 36, 41, 1);
     --semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);
     --semi-color-overlay-bg: rgba(22, 22, 26, .6);
-    --semi-color-fill-0: rgba(var(--semi-white), .05);
-    --semi-color-fill-1: rgba(var(--semi-white), .09);
-    --semi-color-fill-2: rgba(var(--semi-white), .13);
+    --semi-color-fill-0: rgba(var(--semi-white), .12);
+    --semi-color-fill-1: rgba(var(--semi-white), .16);
+    --semi-color-fill-2: rgba(var(--semi-white), .20);
     --semi-color-border: rgba(var(--semi-white), .08);
     --semi-color-shadow: rgba(var(--semi-black), .04);
     --semi-color-bg-0: rgba(22, 22, 26, 1);