diff --git a/frontend/src/features/options/components/AccordionItems/AdvancedSettings.scss b/frontend/src/features/options/components/AccordionItems/AdvancedSettings.scss index f2fd120454..59d1535d12 100644 --- a/frontend/src/features/options/components/AccordionItems/AdvancedSettings.scss +++ b/frontend/src/features/options/components/AccordionItems/AdvancedSettings.scss @@ -44,7 +44,7 @@ font-weight: bold; &[aria-expanded='true'] { - background-color: var(--tab-color); + background-color: var(--tab-hover-color); border-radius: 0.4rem 0.4rem 0 0; } diff --git a/frontend/src/styles/Themes/_Colors_Dark.scss b/frontend/src/styles/Themes/_Colors_Dark.scss index 0b6514fe0c..32ee0e963c 100644 --- a/frontend/src/styles/Themes/_Colors_Dark.scss +++ b/frontend/src/styles/Themes/_Colors_Dark.scss @@ -39,8 +39,8 @@ // Tabs --tab-color: rgb(30, 32, 42); - --tab-hover-color: rgb(36, 38, 48); - --tab-panel-bg: var(--background-color-secondary); + --tab-hover-color: rgb(46, 48, 58); + --tab-panel-bg: rgb(36, 38, 48); --tab-list-bg: var(--accent-color); --tab-list-text: rgb(202, 204, 216); --tab-list-text-inactive: rgb(92, 94, 114); diff --git a/frontend/src/styles/Themes/_Colors_Green.scss b/frontend/src/styles/Themes/_Colors_Green.scss index 0e2ffa7ed4..3fc4bfbcea 100644 --- a/frontend/src/styles/Themes/_Colors_Green.scss +++ b/frontend/src/styles/Themes/_Colors_Green.scss @@ -40,7 +40,7 @@ // Tabs --tab-color: rgb(40, 44, 48); --tab-hover-color: rgb(48, 52, 56); //done - --tab-panel-bg: var(--background-color-secondary); + --tab-panel-bg: rgb(36, 40, 44); --tab-list-bg: var(--accent-color); --tab-list-text: rgb(202, 204, 206); --tab-list-text-inactive: rgb(92, 94, 96); //done diff --git a/frontend/src/styles/Themes/_Colors_Light.scss b/frontend/src/styles/Themes/_Colors_Light.scss index 27832e86f4..1849cd5540 100644 --- a/frontend/src/styles/Themes/_Colors_Light.scss +++ b/frontend/src/styles/Themes/_Colors_Light.scss @@ -40,7 +40,7 @@ // Tabs --tab-color: rgb(202, 204, 206); --tab-hover-color: rgb(196, 198, 200); - --tab-panel-bg: var(--background-color-secondary); + --tab-panel-bg: rgb(206, 208, 210); --tab-list-bg: rgb(235, 185, 5); --tab-list-text: rgb(0, 0, 0); --tab-list-text-inactive: rgb(106, 108, 110);