fixed_colors_in_components

soramitsu · Jul 24, 2024 · d9941c3 · d9941c3
1 parent 490a243
commit d9941c3
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/ui/src/components/Accordion/SAccordionItem.vue b/packages/ui/src/components/Accordion/SAccordionItem.vue
@@ -134,7 +134,7 @@ if (groupApi) {
     }
 
     #{$component}__trigger {
-      background-color: theme.token-as-var('ref.color.common.color-base-on-accent');
+      background-color: theme.token-as-var('ref.color.common.color-base-content-tertiary');
     }
 
     #{$component}__body-wrapper {

diff --git a/packages/ui/src/components/Select/SSelectButton.vue b/packages/ui/src/components/Select/SSelectButton.vue
@@ -91,7 +91,7 @@ const slots = useSlots()
   @apply select-none inline-flex items-center space-x-2 cursor-pointer;
 
   &_default {
-    background: theme.token-as-var('ref.color.common.color-base-on-accent');
+    background: theme.token-as-var('ref.color.common.color-base-content-tertiary');
     color: theme.token-as-var('sys.color.content-primary');
     @apply rounded px-4;
 

diff --git a/packages/ui/src/components/Select/SSelectInput.vue b/packages/ui/src/components/Select/SSelectInput.vue
@@ -259,7 +259,7 @@ function handleChevronClick(event: MouseEvent) {
   @apply rounded flex items-center px-4;
   @apply select-none cursor-pointer;
 
-  background: theme.token-as-var('ref.color.common.color-base-on-accent');
+  background: theme.token-as-var('ref.color.common.color-base-content-tertiary');
   color: theme.token-as-var('sys.color.content-primary');
   border: 1px solid transparent;
 

diff --git a/packages/ui/src/components/Tabs/STab.vue b/packages/ui/src/components/Tabs/STab.vue
@@ -118,7 +118,7 @@ $font-color-disabled: theme.token-as-var('sys.color.content-quaternary');
 
   &_background_secondary {
     $font-color-active: theme.token-as-var('sys.color.content-primary');
-    $background-color: theme.token-as-var('ref.color.common.color-base-on-accent');
+    $background-color: theme.token-as-var('ref.color.common.color-base-content-tertiary');
     $tab-shadow-active: theme.token-as-var('sys.shadow.active-tab');
 
     background: $background-color;

diff --git a/packages/ui/src/components/TextField/STextField.vue b/packages/ui/src/components/TextField/STextField.vue
@@ -341,7 +341,7 @@ $label-top-primary: 16px;
 $label-top-secondary: 6px;
 $message-icon-alignment-fix: -1px;
 
-$theme-bg: theme.token-as-var('ref.color.common.color-base-on-accent');
+$theme-bg: theme.token-as-var('ref.color.common.color-base-content-tertiary');
 $theme-bg-hover: theme.token-as-var('ref.color.common.color-base-content-secondary');
 $theme-border-primary: theme.token-as-var('ref.color.common.color-utility-surface');
 $theme-content-tertiary: theme.token-as-var('sys.color.content-tertiary');