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

Styling Updates

Browse Source
This commit is contained in:
blessedcoolant 2022-11-22 16:46:39 +13:00
parent 8488575e5c
commit ddfd82559f
3 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

@ -12,7 +12,7 @@
border: none; border: none;
border-top: 0px; border-top: 0px;
border-radius: 0.4rem; border-radius: 0.4rem;
background-color: var(--background-color-secondary); background-color: var(--tab-panel-bg);
&[aria-expanded='true'] { &[aria-expanded='true'] {
background-color: var(--tab-hover-color); background-color: var(--tab-hover-color);

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

@ -10,7 +10,7 @@
// App Colors // App Colors
--root-bg-color: rgb(10, 10, 10); --root-bg-color: rgb(10, 10, 10);
--background-color: rgb(20, 20, 26); --background-color: rgb(26, 26, 32);
--background-color-light: rgb(40, 44, 48); --background-color-light: rgb(40, 44, 48);
--background-color-secondary: rgb(16, 16, 22); --background-color-secondary: rgb(16, 16, 22);
@ -40,7 +40,7 @@
// 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(36, 38, 48);
--tab-panel-bg: rgb(20, 22, 28); --tab-panel-bg: var(--background-color-secondary);
--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);

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

@ -12,7 +12,7 @@
--root-bg-color: rgb(255, 255, 255); --root-bg-color: rgb(255, 255, 255);
--background-color: rgb(220, 222, 224); --background-color: rgb(220, 222, 224);
--background-color-light: rgb(250, 252, 254); --background-color-light: rgb(250, 252, 254);
--background-color-secondary: rgb(204, 206, 208); --background-color-secondary: rgb(208, 210, 212);
--text-color: rgb(0, 0, 0); --text-color: rgb(0, 0, 0);
--text-color-secondary: rgb(40, 40, 40); --text-color-secondary: rgb(40, 40, 40);
@ -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: rgb(214, 216, 218); --tab-panel-bg: var(--background-color-secondary);
--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);