diff --git a/package.json b/package.json index ec533fd9..271f61ee 100644 --- 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 index be81823d..da4bcf6a 100644 --- 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 index ccc03f99..aadc4902 100644 --- 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 index edf9555e..a47dd3b4 100644 --- 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 index c9c7658b..357973c2 100644 --- 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 index 21a96bd6..97a270ad 100644 --- 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 index 6ebf0f29..be482090 100644 --- 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); }