52 lines
915 B
CSS
52 lines
915 B
CSS
|
/* Color theme roughly based on:
|
||
|
|
* https://paletton.com/#uid=5000p0kw8dLmVn9rgiuHN93Sj4E
|
||
|
|
*/
|
||
|
|
:root {
|
||
|
|
--header-font-color: rgb(238, 237, 226);
|
||
|
|
--header-bg-color: rgb(110, 0, 0);
|
||
|
|
|
||
|
|
--page-font-color: white;
|
||
|
|
--page-bg-color: rgb(32, 34, 37);
|
||
|
|
|
||
|
|
--footer-bg-color: rgb(54, 57, 63);
|
||
|
|
|
||
|
|
--link-new-color: rgb(147, 22, 22);
|
||
|
|
--link-hover-color: rgb(255, 94, 94);
|
||
|
|
--link-visited-color: rgb(184, 52, 52);
|
||
|
|
|
||
|
|
--code-bg: rgb(47, 49, 54);
|
||
|
|
|
||
|
|
--slug-bg: rgb(15, 16, 17);
|
||
|
|
--slug-border: rgb(0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
#header a {
|
||
|
|
color: var(--header-font-color);
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--link-new-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a:active, a:visited {
|
||
|
|
color: var(--link-visited-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover,
|
||
|
|
#header a:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--link-hover-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
code {
|
||
|
|
background-color: var(--code-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.slug {
|
||
|
|
padding: 0.5rem;
|
||
|
|
background-color: var(--slug-bg);
|
||
|
|
border: 4px solid var(--slug-border);
|
||
|
|
border-radius: 1.5rem;
|
||
|
|
}
|