diff options
Diffstat (limited to '_sass/code.scss')
-rw-r--r-- | _sass/code.scss | 51 |
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); } |