PeachCloud/peach-workspace
3
2
Fork 1
Code Issues 17 Pull Requests 1 Projects Releases Wiki Activity

fix dark theme styling and button widths

Browse Source
This commit is contained in:
glyph
2022-03-07 12:02:03 +02:00
parent 5ab47cf742
commit 67c727716c
6 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
peach-web/static/css/_variables.css
View File

@ -170,6 +170,7 @@
--background: var(--moon-gray);
--button-background: var(--light-gray);
--button-border: var(--near-black);
--circle-background: var(--light-gray);
--circle-small-hover-background: var(--white);
@ -180,6 +181,8 @@
--capsule-background: var(--light-gray);
--list-background: var(--light-gray);
--text-color-normal: var(--near-black);
--text-color-gray: var(--mid-gray);
--text-color-light-gray: var(--moon-gray);
@ -191,20 +194,15 @@
/* DARK THEME VARIABLES */
/*--background-dark: var(--dark-gray);*/
--background-dark: #222;
--button-background-dark: var(--mid-gray);
/*--capsule-background-dark: var(--light-gray);*/
--button-border-dark: var(--silver);
--capsule-background-dark: #333;
--circle-background-dark: var(--silver);
--circle-small-hover-background-dark: var(--moon-gray);
--list-background-dark: #333;
}
/* we need to add shades for each accent colour
*
* --info-100
* --info-200
* --info-300 -> var(--blue)
* --info-400
* --info-500
*/