From d9941c308bc5cb9fda766f537731df3c52a0b03d Mon Sep 17 00:00:00 2001
From: Kron1749 <drakgr98@gmail.com>
Date: Wed, 24 Jul 2024 12:28:38 +0300
Subject: [PATCH] fixed_colors_in_components

---
 packages/ui/src/components/Accordion/SAccordionItem.vue | 2 +-
 packages/ui/src/components/Select/SSelectButton.vue     | 2 +-
 packages/ui/src/components/Select/SSelectInput.vue      | 2 +-
 packages/ui/src/components/Tabs/STab.vue                | 2 +-
 packages/ui/src/components/TextField/STextField.vue     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/Accordion/SAccordionItem.vue b/packages/ui/src/components/Accordion/SAccordionItem.vue
index 6f194a5d..ce9832c7 100644
--- 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
index 91854eb1..fc6c20ab 100644
--- 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
index 3c34bf01..5d7ee382 100644
--- 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
index ac892930..747c6aec 100644
--- 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
index 7c0ecfc2..5773eaeb 100644
--- 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');