quartznet/quartznet-info
2
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Moving more colors to css variables and tweaking some of the values.

Browse Source 
- Added color variables for lines and links.
- Testing a slightly lighter gray for the background.
This commit is contained in:
Chris Dill 2020-09-10 14:52:11 +01:00
parent 2fe04a6ec2
commit 5d21c148c7
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/css/themes.css
View File

@ -1,15 +1,19 @@
/* Default theme */ /* Default theme */
:root { :root {
--background-color: #222222; --background-color: #2d2d2d;
--headings-color: #ffffff; --headings-color: #ffffff;
--font-color: #ffffff; --font-color: #ffffff;
--line-color: #ffffff;
--link-color: #CC99FF;
} }
/* Dark theme */ /* Dark theme */
html[data-theme='dark'] { html[data-theme='dark'] {
--background-color: #222222; --background-color: #2d2d2d;
--headings-color: #ffffff; --headings-color: #ffffff;
--font-color: #ffffff; --font-color: #ffffff;
--line-color: #eeeeee;
--link-color: #CC99FF;
} }
body { body {
@ -19,25 +23,26 @@ body {
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
color: var(--headings-color); color: var(--headings-color);
font-weight: bold;
} }
hr { hr {
background-color: #eeeeee; background-color: var(--line-color);
} }
.overlay { .overlay {
border-bottom: 2px solid #eeeeee; border-bottom: 2px solid var(--line-color);
} }
li a:hover { li a:hover {
border-bottom: 3px solid white; border-bottom: 3px solid var(--line-color);
text-decoration: none; text-decoration: none;
} }
a { a {
color: #CC99FF; color: var(--link-color);
} }
a:hover { a:hover {
color: white; color: var(--font-color);
} }