23.12.76: fixing colors in progress [WTEL-3902]

webitel · Dec 4, 2023 · 76bdba0 · 76bdba0
1 parent 9102fac
commit 76bdba0
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.12.61",
+  "version": "23.12.76",
   "private": false,
   "scripts": {
     "dev": "vite",

diff --git a/src/components/wt-input/wt-input.vue b/src/components/wt-input/wt-input.vue
@@ -293,6 +293,7 @@ onMounted(() => {
   padding: var(--input-padding);
   transition: var(--transition);
   border: var(--input-border);
+  color: var(--wt-text-field-text-color);
   border-color: var(--wt-text-field-input-border-color);
   border-radius: var(--border-radius);
   background: transparent;

diff --git a/src/components/wt-navigation-bar/_variables.scss b/src/components/wt-navigation-bar/_variables.scss
@@ -15,6 +15,7 @@
 
   --wt-navigation-bar-background-color: var(--dp-18-surface-color);
   --wt-navigation-bar-option-text-color: var(--text-main-color);
+  --wt-navigation-bar-option-text-active-color: var(--primary-on-color);
   --wt-navigation-bar-option-background-color: var(--wt-navigation-bar-background-color);
   --wt-navigation-bar-option-background-hover-color: var(--dp-20-surface-color);
   --wt-navigation-bar-option-background-active-color: var(--primary-light-color);

diff --git a/src/components/wt-navigation-bar/wt-navigation-bar.vue b/src/components/wt-navigation-bar/wt-navigation-bar.vue
@@ -237,7 +237,8 @@ export default {
     background: var(--wt-navigation-bar-option-background-hover-color);
   }
 
-  &--active {
+  &.wt-navigation-bar__nav-item-link--active {
+    color: var(--wt-navigation-bar-option-text-active-color);
     background: var(--wt-navigation-bar-option-background-active-color);
   }
 }

diff --git a/src/components/wt-page-wrapper/_variables.scss b/src/components/wt-page-wrapper/_variables.scss
@@ -4,6 +4,8 @@
   --page-wrapper-section-gap: var(--spacing-sm);
 
   --wt-page-wrapper-background-color: var(--grey-lighten-5);
+  --wt-page-wrapper-content-wrapper-color: var(--content-wrapper-color);
+
 }
 
 :root.theme--dark {

diff --git a/src/components/wt-page-wrapper/wt-page-wrapper.vue b/src/components/wt-page-wrapper/wt-page-wrapper.vue
@@ -49,7 +49,7 @@ export default {
   box-sizing: border-box;
   padding: var(--page-wrapper-section-padding);
   border-radius: var(--border-radius);
-  background: var(--wt-page-wrapper-background-color);
+  background: var(--wt-page-wrapper-content-wrapper-color);
 }
 
 .wt-page-wrapper__main {

diff --git a/src/components/wt-table/_variables.scss b/src/components/wt-table/_variables.scss
@@ -15,5 +15,5 @@
 }
 
 :root.theme--dark {
-  --table-head-border-color: var(--grey-darken-1);
+  --wt-table-head-border-color: var(--grey-darken-1);
 }