aboutsummaryrefslogtreecommitdiff
path: root/_sass/code.scss
diff options
context:
space:
mode:
Diffstat (limited to '_sass/code.scss')
-rw-r--r--_sass/code.scss51
1 files changed, 10 insertions, 41 deletions
diff --git a/_sass/code.scss b/_sass/code.scss
index 331b5bd..abec864 100644
--- a/_sass/code.scss
+++ b/_sass/code.scss
@@ -1,11 +1,5 @@
-pre {
- background-color: var(--bg-alt);
- border-radius: 6px;
- padding: 6px;
-}
-
pre.highlight {
- code { color: var(--magnolia); }
+ code { color: var(--code); }
// https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
@each $c in c,cm,cp,c1,cs { .#{$c} { @extend %token_comment } }
@each $c in k,kc,kd,kn,kp,kr,kt { .#{$c} { @extend %token_keyword } }
@@ -14,39 +8,14 @@ pre.highlight {
@each $c in o,ow { .#{$c} { @extend %token_operator } }
}
-%token_comment
-{ font-style: italic; }
-
-%token_keyword
-{ font-weight: 700; }
-
-%token_string,
-%token_number
-{ color: var(--fg); }
-
-%token_comment {
- color: var(--heliotrope-gray);
- opacity: .7;
-}
-
-%token_keyword
-{ color: var(--fire-opal); }
-
-%token_operator
-{ opacity: .8; }
-
-@media (prefers-color-scheme: light) {
- pre { background-color: var(--heliotrope-gray); }
+%token_comment { font-style: italic; }
+%token_keyword { font-weight: 700; }
+%token_comment { opacity: .7; }
+%token_operator { opacity: .8; }
- pre.highlight code { color: var(--fg); }
-
- %token_string,
- %token_number
- { opacity: .8; }
-
- %token_comment {
- color: var(--oxford-blue);
- opacity: .5;
- }
-}
+%token_comment { color: var(--code-comment); }
+%token_keyword { color: var(--code-keyword); }
+%token_string { color: var(--code-string); }
+%token_number { color: var(--code-number); }
+%token_operator { color: var(--code-operator); }