diff --git a/site/_includes/css/prism.css b/site/_includes/css/prism.css index 7ce453a..201b5b6 100644 --- a/site/_includes/css/prism.css +++ b/site/_includes/css/prism.css @@ -45,130 +45,45 @@ p:has(>code) + pre[class*="language-"] { } .token.id { font-weight: bold; } .token.important { font-weight: bold; } -/* Prism Material Light, darkened in LCH by 50% */ -.language-scss > code { color: oklch(0.349 0.178 36.3); } -.token.atrule { color: oklch(0.29 0.247 288.2); } -.token.attr-name { color: oklch(0.344 0.101 201.7); } -.token.attr-value { color: oklch(0.391 0.153 69.5); } -.token.attribute { color: oklch(0.391 0.153 69.5); } -.token.boolean { color: oklch(0.29 0.247 288.2); } -.token.builtin { color: oklch(0.344 0.101 201.7); } -.token.cdata { color: oklch(0.344 0.101 201.7); } -.token.char { color: oklch(0.344 0.101 201.7); } -.token.class { color: oklch(0.344 0.101 201.7); } -.token.class-name { color: oklch(0.302 0.091 260); } -.token.comment { color: oklch(0.396 0.027 228); } -.token.constant { color: oklch(0.29 0.247 288.2); } -.token.deleted { color: oklch(0.304 0.209 27); } -.token.doctype { color: oklch(0.396 0.027 228); } -.token.entity { color: oklch(0.304 0.209 27); } -.token.function { color: oklch(0.29 0.247 288.2); } -.token.hexcode { color: oklch(0.349 0.178 36.3); } -.token.id { color: oklch(0.29 0.247 288.2); } -.token.important { color: oklch(0.29 0.247 288.2); } -.token.inserted { color: oklch(0.344 0.101 201.7); } -.token.keyword { color: oklch(0.29 0.247 288.2); } -.token.number { color: oklch(0.349 0.178 36.3); } -.token.operator { color: oklch(0.344 0.101 201.7); } -.token.prolog { color: oklch(0.396 0.027 228); } -.token.property { color: oklch(0.344 0.101 201.7); } -.token.pseudo-class { color: oklch(0.391 0.153 69.5); } -.token.pseudo-element { color: oklch(0.391 0.153 69.5); } -.token.punctuation { color: oklch(0.344 0.101 201.7); } -.token.regex { color: oklch(0.302 0.091 260); } -.token.selector { color: oklch(0.304 0.209 27); } -.token.string { color: oklch(0.391 0.153 69.5); } -.token.symbol { color: oklch(0.29 0.247 288.2); } -.token.tag { color: oklch(0.304 0.209 27); } -.token.unit { color: oklch(0.349 0.178 36.3); } -.token.url { color: oklch(0.304 0.209 27); } -.token.variable { color: oklch(0.304 0.209 27); } -/* Prism Material Dark */ -[data-theme="dark"] { - .language-css > code, - .language-sass > code, - .language-scss > code { - color: #fd9170; - } - .token.atrule { color: #c792ea; } - .token.attr-name { color: #ffcb6b; } - .token.attr-value { color: #a5e844; } - .token.attribute { color: #a5e844; } - .token.boolean { color: #c792ea; } - .token.builtin { color: #ffcb6b; } - .token.cdata { color: #80cbc4; } - .token.char { color: #80cbc4; } - .token.class { color: #ffcb6b; } - .token.class-name { color: #f2ff00; } - .token.comment { color: #616161; } - .token.constant { color: #c792ea; } - .token.deleted { color: #ff6666; } - .token.doctype { color: #616161; } - .token.entity { color: #ff6666; } - .token.function { color: #c792ea; } - .token.hexcode { color: #f2ff00; } - .token.id { color: #c792ea; } - .token.important { color: #c792ea; } - .token.inserted { color: #80cbc4; } - .token.keyword { color: #c792ea; } - .token.number { color: #fd9170; } - .token.operator { color: #89ddff; } - .token.prolog { color: #616161; } - .token.property { color: #80cbc4; } - .token.pseudo-class { color: #a5e844; } - .token.pseudo-element { color: #a5e844; } - .token.punctuation { color: #89ddff; } - .token.regex { color: #f2ff00; } - .token.selector { color: #ff6666; } - .token.string { color: #a5e844; } - .token.symbol { color: #c792ea; } - .token.tag { color: #ff6666; } - .token.unit { color: #fd9170; } - .token.url { color: #ff6666; } - .token.variable { color: #ff6666; } -} -@media (prefers-color-scheme: dark) { - [data-theme="auto"] { - .language-sass > code, - .language-scss > code { - color: #fd9170; - } - .token.atrule { color: #c792ea; } - .token.attr-name { color: #ffcb6b; } - .token.attr-value { color: #a5e844; } - .token.attribute { color: #a5e844; } - .token.boolean { color: #c792ea; } - .token.builtin { color: #ffcb6b; } - .token.cdata { color: #80cbc4; } - .token.char { color: #80cbc4; } - .token.class { color: #ffcb6b; } - .token.class-name { color: #f2ff00; } - .token.comment { color: #616161; } - .token.constant { color: #c792ea; } - .token.deleted { color: #ff6666; } - .token.doctype { color: #616161; } - .token.entity { color: #ff6666; } - .token.function { color: #c792ea; } - .token.hexcode { color: #f2ff00; } - .token.id { color: #c792ea; } - .token.important { color: #c792ea; } - .token.inserted { color: #80cbc4; } - .token.keyword { color: #c792ea; } - .token.number { color: #fd9170; } - .token.operator { color: #89ddff; } - .token.prolog { color: #616161; } - .token.property { color: #80cbc4; } - .token.pseudo-class { color: #a5e844; } - .token.pseudo-element { color: #a5e844; } - .token.punctuation { color: #89ddff; } - .token.regex { color: #f2ff00; } - .token.selector { color: #ff6666; } - .token.string { color: #a5e844; } - .token.symbol { color: #c792ea; } - .token.tag { color: #ff6666; } - .token.unit { color: #fd9170; } - .token.url { color: #ff6666; } - .token.variable { color: #ff6666; } - } +.language-css > code, +.language-sass > code, +.language-scss > code { + color: #fd9170; } +.token.atrule { color: #c792ea; } +.token.attr-name { color: #ffcb6b; } +.token.attr-value { color: #a5e844; } +.token.attribute { color: #a5e844; } +.token.boolean { color: #c792ea; } +.token.builtin { color: #ffcb6b; } +.token.cdata { color: #80cbc4; } +.token.char { color: #80cbc4; } +.token.class { color: #ffcb6b; } +.token.class-name { color: #f2ff00; } +.token.comment { color: #616161; } +.token.constant { color: #c792ea; } +.token.deleted { color: #ff6666; } +.token.doctype { color: #616161; } +.token.entity { color: #ff6666; } +.token.function { color: #c792ea; } +.token.hexcode { color: #f2ff00; } +.token.id { color: #c792ea; } +.token.important { color: #c792ea; } +.token.inserted { color: #80cbc4; } +.token.keyword { color: #c792ea; } +.token.number { color: #fd9170; } +.token.operator { color: #89ddff; } +.token.prolog { color: #616161; } +.token.property { color: #80cbc4; } +.token.pseudo-class { color: #a5e844; } +.token.pseudo-element { color: #a5e844; } +.token.punctuation { color: #89ddff; } +.token.regex { color: #f2ff00; } +.token.selector { color: #ff6666; } +.token.string { color: #a5e844; } +.token.symbol { color: #c792ea; } +.token.tag { color: #ff6666; } +.token.unit { color: #fd9170; } +.token.url { color: #ff6666; } +.token.variable { color: #ff6666; }