Moving more colors to css variables and tweaking some of the values.
- Added color variables for lines and links. - Testing a slightly lighter gray for the background.
This commit is contained in:
parent
2fe04a6ec2
commit
5d21c148c7
@ -1,15 +1,19 @@
|
||||
/* Default theme */
|
||||
:root {
|
||||
--background-color: #222222;
|
||||
--background-color: #2d2d2d;
|
||||
--headings-color: #ffffff;
|
||||
--font-color: #ffffff;
|
||||
--line-color: #ffffff;
|
||||
--link-color: #CC99FF;
|
||||
}
|
||||
|
||||
/* Dark theme */
|
||||
html[data-theme='dark'] {
|
||||
--background-color: #222222;
|
||||
--background-color: #2d2d2d;
|
||||
--headings-color: #ffffff;
|
||||
--font-color: #ffffff;
|
||||
--line-color: #eeeeee;
|
||||
--link-color: #CC99FF;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -19,25 +23,26 @@ body {
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
color: var(--headings-color);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: #eeeeee;
|
||||
background-color: var(--line-color);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
border-bottom: 2px solid #eeeeee;
|
||||
border-bottom: 2px solid var(--line-color);
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
border-bottom: 3px solid white;
|
||||
border-bottom: 3px solid var(--line-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #CC99FF;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: white;
|
||||
color: var(--font-color);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user