Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tab Styling Fixes

Browse Source
This commit is contained in:
blessedcoolant 2022-11-22 17:01:22 +13:00
parent 723dcf4236
commit 8b08af714d
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/features/options/components/AccordionItems/AdvancedSettings.scss
View File

@ -44,7 +44,7 @@
font-weight: bold; font-weight: bold;
&[aria-expanded='true'] { &[aria-expanded='true'] {
background-color: var(--tab-color); background-color: var(--tab-hover-color);
border-radius: 0.4rem 0.4rem 0 0; border-radius: 0.4rem 0.4rem 0 0;
} }

4
frontend/src/styles/Themes/_Colors_Dark.scss
View File

@ -39,8 +39,8 @@
// Tabs // Tabs
--tab-color: rgb(30, 32, 42); --tab-color: rgb(30, 32, 42);
--tab-hover-color: rgb(36, 38, 48); --tab-hover-color: rgb(46, 48, 58);
--tab-panel-bg: var(--background-color-secondary); --tab-panel-bg: rgb(36, 38, 48);
--tab-list-bg: var(--accent-color); --tab-list-bg: var(--accent-color);
--tab-list-text: rgb(202, 204, 216); --tab-list-text: rgb(202, 204, 216);
--tab-list-text-inactive: rgb(92, 94, 114); --tab-list-text-inactive: rgb(92, 94, 114);

2
frontend/src/styles/Themes/_Colors_Green.scss
View File

@ -40,7 +40,7 @@
// Tabs // Tabs
--tab-color: rgb(40, 44, 48); --tab-color: rgb(40, 44, 48);
--tab-hover-color: rgb(48, 52, 56); //done --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-bg: var(--accent-color);
--tab-list-text: rgb(202, 204, 206); --tab-list-text: rgb(202, 204, 206);
--tab-list-text-inactive: rgb(92, 94, 96); //done --tab-list-text-inactive: rgb(92, 94, 96); //done

2
frontend/src/styles/Themes/_Colors_Light.scss
View File

@ -40,7 +40,7 @@
// Tabs // Tabs
--tab-color: rgb(202, 204, 206); --tab-color: rgb(202, 204, 206);
--tab-hover-color: rgb(196, 198, 200); --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-bg: rgb(235, 185, 5);
--tab-list-text: rgb(0, 0, 0); --tab-list-text: rgb(0, 0, 0);
--tab-list-text-inactive: rgb(106, 108, 110); --tab-list-text-inactive: rgb(106, 108, 110);