docs: update prism theme

This commit is contained in:
FireIsGood 2024-06-08 23:08:06 -07:00 committed by Jan De Dobbeleer
parent b54878253f
commit 72acdb764c

View file

@ -5,197 +5,197 @@
* Ported for PrismJS by fvrests [@fvrests] * Ported for PrismJS by fvrests [@fvrests]
*/ */
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: #e0def4; color: #e0def4;
background: #232136; background: #232136;
font-family: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco, font-family: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
Consolas, "Liberation Mono", "Courier New", monospace; monospace;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
word-break: normal; word-break: normal;
word-wrap: normal; word-wrap: normal;
line-height: 1.5; line-height: 1.5;
-moz-tab-size: 4; -moz-tab-size: 4;
-o-tab-size: 4; -o-tab-size: 4;
tab-size: 4; tab-size: 4;
-webkit-hyphens: none; -webkit-hyphens: none;
-moz-hyphens: none; -moz-hyphens: none;
-ms-hyphens: none; -ms-hyphens: none;
hyphens: none; hyphens: none;
@media print { @media print {
text-shadow: none; text-shadow: none;
} }
} }
/* Selection */ /* Selection */
code[class*="language-"]::-moz-selection, code[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection, code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection { pre[class*="language-"] ::-moz-selection {
background: #312f44; background: #44415a;
} }
code[class*="language-"]::selection, code[class*="language-"]::selection,
pre[class*="language-"]::selection, pre[class*="language-"]::selection,
code[class*="language-"] ::selection, code[class*="language-"] ::selection,
pre[class*="language-"] ::selection { pre[class*="language-"] ::selection {
background: #312f44; background: #44415a;
} }
/* Code (block & inline) */ /* Code (block & inline) */
:not(pre) > code[class*="language-"], :not(pre) > code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: #e0def4; color: #e0def4;
background: #232136; background: #232136;
} }
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: 1em; padding: 1em;
margin: 0.5em 0; margin: 0.5em 0;
overflow: auto; overflow: auto;
} }
/* Inline code */ /* Inline code */
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
padding: 0.1em; padding: 0.1em;
border-radius: 0.3em; border-radius: 0.3em;
white-space: normal; white-space: normal;
color: #e0def4; color: #e0def4;
background: #232136; background: #232136;
} }
/* Text style & opacity */ /* Text style & opacity */
.token.entity { .token.entity {
cursor: help; cursor: help;
} }
.token.important, .token.important,
.token.bold { .token.bold {
font-weight: bold; font-weight: bold;
} }
.token.italic, .token.italic,
.token.selector, .token.selector,
.token.doctype, .token.doctype,
.token.attr-name, .token.attr-name,
.token.inserted, .token.inserted,
.token.deleted, .token.deleted,
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.cdata, .token.cdata,
.token.constant, .token.constant,
.token.parameter, .token.parameter,
.token.url { .token.url {
font-style: italic; font-style: italic;
} }
.token.url { .token.url {
text-decoration: underline; text-decoration: underline;
} }
.namespace { .namespace {
opacity: 0.7; opacity: 0.7;
} }
/* Syntax highlighting */ /* Syntax highlighting */
.token.constant { .token.constant {
color: #e0def4; color: #e0def4;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.cdata, .token.cdata,
.token.punctuation { .token.punctuation {
color: #59546d; color: #908caa;
} }
.token.delimiter, .token.delimiter,
.token.important, .token.important,
.token.atrule, .token.atrule,
.token.operator, .token.operator,
.token.keyword { .token.keyword {
color: #3e8fb0; color: #3e8fb0;
} }
.token.tag, .token.tag,
.token.tag .punctuation, .token.tag .punctuation,
.token.doctype, .token.doctype,
.token.variable, .token.variable,
.token.regex, .token.regex,
.token.class-name, .token.class-name,
.token.selector, .token.selector,
.token.inserted { .token.inserted {
color: #9ccfd8; color: #9ccfd8;
} }
.token.boolean, .token.boolean,
.token.entity, .token.entity,
.token.number, .token.number,
.token.symbol, .token.symbol,
.token.function { .token.function {
color: #ea9a97; color: #ea9a97;
} }
.token.string, .token.string,
.token.char, .token.char,
.token.property, .token.property,
.token.attr-value, .token.attr-value,
.token.attr-value .punctuation { .token.attr-value .punctuation {
color: #f6c177; color: #f6c177;
} }
.token.parameter, .token.parameter,
.token.url, .token.url,
.token.name, .token.name,
.token.attr-name, .token.attr-name,
.token.builtin { .token.builtin {
color: #c4a7e7; color: #c4a7e7;
} }
.token.deleted { .token.deleted {
color: #eb6f92; color: #eb6f92;
} }
/* Insertions & deletions */ /* Insertions & deletions */
.token.inserted { .token.inserted {
background: rgba(156 207 216 0.12); background: rgba(156 207 216 0.12);
} }
.token.deleted { .token.deleted {
background: rgba(235 111 146 0.12); background: rgba(235 111 146 0.12);
} }
/* Line highlighting */ /* Line highlighting */
pre[data-line] { pre[data-line] {
position: relative; position: relative;
} }
pre[class*="language-"] > code[class*="language-"] { pre[class*="language-"] > code[class*="language-"] {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.line-highlight, .line-highlight,
.highlight-lines .highlighted { .highlight-lines .highlighted {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
padding: inherit 0; padding: inherit 0;
margin-top: 1em; margin-top: 1em;
background: #312f44; background: #44415a;
box-shadow: inset 5px 0 0 #e0def4; box-shadow: inset 5px 0 0 #e0def4;
z-index: 0; z-index: 0;
pointer-events: none; pointer-events: none;
line-height: inherit; line-height: inherit;
white-space: pre; white-space: pre;
} }