diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss index 8050d00..0e3f2e3 100644 --- a/src/assets/styles/common-inputs.scss +++ b/src/assets/styles/common-inputs.scss @@ -24,7 +24,7 @@ form .iqser-input-group:not(first-of-type) { background: var(--iqser-grey-5); height: 34px; width: 34px; - border-left: 1px solid var(--iqser-inputs-border); + border-left: 1px solid var(--iqser-inputs-outline); border-top-right-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; @@ -97,7 +97,7 @@ form .iqser-input-group:not(first-of-type) { box-sizing: border-box; padding-left: 11px; padding-right: 11px; - border: 1px solid var(--iqser-inputs-border); + border: 1px solid var(--iqser-inputs-outline); font-family: Inter, sans-serif; font-size: 13px; background-color: var(--iqser-background); diff --git a/src/assets/styles/common-tabs.scss b/src/assets/styles/common-tabs.scss index 58051a5..422df34 100644 --- a/src/assets/styles/common-tabs.scss +++ b/src/assets/styles/common-tabs.scss @@ -16,7 +16,7 @@ cursor: pointer; &:not([disabled]):not(.active):hover { - background-color: var(--iqser-grey-6); + background-color: var(--iqser-tab-hover); } &.active { diff --git a/src/lib/filtering/popup-filter/popup-filter.component.scss b/src/lib/filtering/popup-filter/popup-filter.component.scss index 97a3f53..2e05059 100644 --- a/src/lib/filtering/popup-filter/popup-filter.component.scss +++ b/src/lib/filtering/popup-filter/popup-filter.component.scss @@ -28,7 +28,7 @@ } .filter-options { - background-color: var(--iqser-grey-2); + background-color: var(--iqser-side-nav); padding-bottom: 8px; } diff --git a/src/lib/filtering/quick-filters/quick-filters.component.scss b/src/lib/filtering/quick-filters/quick-filters.component.scss index 619ce6c..a7440a2 100644 --- a/src/lib/filtering/quick-filters/quick-filters.component.scss +++ b/src/lib/filtering/quick-filters/quick-filters.component.scss @@ -6,7 +6,7 @@ .quick-filter { box-sizing: border-box; - border: 1px solid var(--iqser-inputs-border); + border: 1px solid var(--iqser-inputs-outline); border-radius: 17px; background-color: var(--iqser-btn-bg); padding: 0 14px; diff --git a/src/lib/inputs/round-checkbox/round-checkbox.component.scss b/src/lib/inputs/round-checkbox/round-checkbox.component.scss index ff18c89..fc7aaeb 100644 --- a/src/lib/inputs/round-checkbox/round-checkbox.component.scss +++ b/src/lib/inputs/round-checkbox/round-checkbox.component.scss @@ -9,7 +9,7 @@ border-radius: 50%; &.inactive { - border: 1px solid var(--iqser-inputs-border); + border: 1px solid var(--iqser-inputs-outline); background-color: var(--iqser-background); }