TheArtificer/www/home/theme.css

52 lines
915 B
CSS
Raw Normal View History

/* 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;
}