fix(table): fix fixed column background style issue in dark mode (#3398)

arco-design · Dec 26, 2024 · 5187faa · 5187faa
1 parent 30348b9
commit 5187faa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/web-vue/components/table/style/index.less b/packages/web-vue/components/table/style/index.less
@@ -860,3 +860,9 @@
     width: auto;
   }
 }
+
+@{arco-theme-tag}[arco-theme='dark'] {
+  .@{table-prefix-cls}-tr-checked .@{table-cls-td} {
+    background-color: @table-color-bg-body-row_active_dark;
+  }
+}
diff --git a/packages/web-vue/components/table/style/token.less b/packages/web-vue/components/table/style/token.less
@@ -54,6 +54,9 @@
 @table-color-bg-body-stripe-row: var(~'@{arco-cssvars-prefix}-color-fill-1');
 @table-color-bg-body-row_hover: var(~'@{arco-cssvars-prefix}-color-fill-1');
 @table-color-bg-body-row_active: var(~'@{arco-cssvars-prefix}-color-fill-1');
+@table-color-bg-body-row_active_dark: var(
+  ~'@{arco-cssvars-prefix}-color-neutral-2'
+);
 
 @table-color-expand-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
 @table-color-expand-icon-border: @color-transparent;