98 lines
2.4 KiB
CSS
98 lines
2.4 KiB
CSS
:root {
|
|
color-scheme: light dark;
|
|
/* Selenized White/Black for main content */
|
|
--bg-0: light-dark(#ffffff,#181818);
|
|
--bg-1: light-dark(#ebebeb,#252525);
|
|
--bg-2: light-dark(#cdcdcd,#3b3b3b);
|
|
--dim-0: light-dark(#878787,#777777);
|
|
--fg-0: light-dark(#474747,#b9b9b9);
|
|
--fg-1: light-dark(#282828,#dedede);
|
|
--red: light-dark(#d6000c,#ed4a46);
|
|
--green: light-dark(#1d9700,#70b433);
|
|
--yellow: light-dark(#c49700,#dbb32d);
|
|
--blue: light-dark(#0064e4,#368aeb);
|
|
--magenta: light-dark(#dd0f9d,#eb6eb7);
|
|
--cyan: light-dark(#00ad9c,#3fc5b7);
|
|
--orange: light-dark(#d04a00,#e67f43);
|
|
--violet: light-dark(#7f51d6,#a580e2);
|
|
/* Selenized Light/Dark for code content */
|
|
--code-bg-0: light-dark(#fbf3db,#103c48);
|
|
--code-bg-1: light-dark(#ece3cc,#184956);
|
|
--code-bg-2: light-dark(#d5cdb6,#2d5b69);
|
|
--code-dim-0: light-dark(#909995,#72898f);
|
|
--code-fg-0: light-dark(#53676d,#adbcbc);
|
|
--code-fg-1: light-dark(#3a4d53,#cad8d9);
|
|
--code-red: light-dark(#d2212d,#fa5750);
|
|
--code-green: light-dark(#489100,#75b938);
|
|
--code-yellow: light-dark(#ad8900,#dbb32d);
|
|
--code-blue: light-dark(#0072d4,#4695f7);
|
|
--code-magenta: light-dark(#ca4898,#f275be);
|
|
--code-cyan: light-dark(#009c8f,#41c7b9);
|
|
--code-orange: light-dark(#c25d1e,#ed8649);
|
|
--code-violet: light-dark(#8762c6,#af88eb);
|
|
/* Set basic colors */
|
|
color: var(--fg-0);
|
|
background-color: var(--bg-1);
|
|
}
|
|
|
|
/* Set link colors */
|
|
a:link {
|
|
color: var(--cyan);
|
|
}
|
|
a:visited {
|
|
color: var(--magenta);
|
|
}
|
|
|
|
/* Color our main content elements */
|
|
.site-header {
|
|
background-color: var(--bg-0);
|
|
}
|
|
.site-logo {
|
|
color: var(--red);
|
|
}
|
|
.site-tagline {
|
|
color: var(--dim-0);
|
|
}
|
|
.post-body, .post-header, .post-blurbs {
|
|
background-color: var(--bg-0);
|
|
}
|
|
.post-blurb {
|
|
background-color: var(--bg-1);
|
|
}
|
|
.post-title, .post-blurbs > h1 {
|
|
color: var(--green);
|
|
}
|
|
.post-body > h2, .post-body > h3, .post-body > h4 {
|
|
color: var(--fg-1);
|
|
}
|
|
blockquote {
|
|
background-color: var(--bg-1);
|
|
}
|
|
|
|
/* Colorization for code blocks */
|
|
code {
|
|
color: var(--code-fg-0);
|
|
background-color: var(--code-bg-0);
|
|
}
|
|
.hl-type {
|
|
color: var(--code-yellow);
|
|
}
|
|
.hl-module {
|
|
font-style: italic;
|
|
color: car(--code-fg-1);
|
|
}
|
|
.hl-function {
|
|
color: var(--code-green);
|
|
}
|
|
.hl-bound {
|
|
color: var(--code-magenta);
|
|
}
|
|
.hl-keyword {
|
|
color: var(--code-blue);
|
|
}
|
|
.hl-comment {
|
|
color: var(--code-dim-0);
|
|
}
|
|
.hl-data {
|
|
color: var(--code-red);
|
|
}
|