diff options
Diffstat (limited to 'assets/css/content.css')
| -rw-r--r-- | assets/css/content.css | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/assets/css/content.css b/assets/css/content.css index 925fed8..2cb5272 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -13,8 +13,8 @@ main a.volatile:visited { main a:focus, main a:hover { - background-color: var(--bg); - color: var(--yellow); + background-color: var(--prismite-bg); + color: var(--prismite-yellow); } main a:active { @@ -26,16 +26,16 @@ main a:active { } a.anchor:link, a.anchor:visited { - color: var(--border); + color: var(--prismite-border); } a.anchor:focus, a.anchor:hover { - color: var(--yellow-bright); + color: var(--prismite-yellow-bright); } a.anchor:active { - color: var(--yellow); + color: var(--prismite-yellow); } .anchor::after { @@ -53,13 +53,13 @@ h1, h2 { .anchor::before { content: ""; height: var(--border-width); - background-color: var(--border); + background-color: var(--prismite-border); } h1::after, h2::after { content: ""; height: var(--border-width); - background-color: var(--border); + background-color: var(--prismite-border); flex-grow: 1; } @@ -78,7 +78,7 @@ main li { } main li::marker { - color: var(--border); + color: var(--prismite-border); } main ol, @@ -104,8 +104,8 @@ code { /* padding-inline: calc(var(--padding) / 2); */ padding-inline: var(--padding); font-family: "Aporetic Mono", monospace; - color: var(--fg); - background: var(--bg); + color: var(--prismite-fg); + background: var(--prismite-bg); overflow: auto; border-radius: var(--border-radius); } @@ -115,7 +115,7 @@ pre > code { padding: var(--padding-big); position: relative; line-height: 1.3; - border: var(--border-width) solid var(--border); + border: var(--border-width) solid var(--prismite-border); } pre > code[data-lang]::after { @@ -125,9 +125,9 @@ pre > code[data-lang]::after { right: 0; padding: var(--padding); border-radius: 0 var(--border-radius); - border-bottom: var(--border-width) solid var(--border); - border-left: var(--border-width) solid var(--border); - background-color: var(--bg-high); + border-bottom: var(--border-width) solid var(--prismite-border); + border-left: var(--border-width) solid var(--prismite-border); + background-color: var(--prismite-bg-high); transition: transform 0.2s var(--easing); } @@ -137,7 +137,7 @@ pre > code[data-lang]:hover::after { aside { padding: var(--padding-big); - border: var(--border-width) solid var(--border); + border: var(--border-width) solid var(--prismite-border); border-radius: var(--border-radius); box-sizing: border-box; font-size: 0.9em; @@ -166,12 +166,12 @@ aside::after { } aside::before { - border-bottom: var(--arrow-size) solid var(--border); + border-bottom: var(--arrow-size) solid var(--prismite-border); top: calc(var(--arrow-size) * -1); } aside::after { - border-bottom: var(--arrow-size) solid var(--yellow); + border-bottom: var(--arrow-size) solid var(--prismite-yellow); top: calc(var(--arrow-size) * -1 + var(--border-width)); } |
