226 lines
4.4 KiB
CSS
226 lines
4.4 KiB
CSS
pre code.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 1em;
|
|
}
|
|
code.hljs {
|
|
padding: 3px 5px;
|
|
}
|
|
code.hljs::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 9999px;
|
|
}
|
|
code.hljs::-webkit-scrollbar-thumb {
|
|
--tw-border-opacity: 1;
|
|
background-color: rgba(217, 217, 227, 0.5);
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
border-radius: 9999px;
|
|
border-width: 1px;
|
|
}
|
|
code.hljs::-webkit-scrollbar {
|
|
height: 0.5rem;
|
|
width: 0.5rem;
|
|
}
|
|
|
|
.hljs {
|
|
color: #24292e;
|
|
background: #f6f8fa;
|
|
}
|
|
.hljs-doctag,
|
|
.hljs-keyword,
|
|
.hljs-meta .hljs-keyword,
|
|
.hljs-template-tag,
|
|
.hljs-template-variable,
|
|
.hljs-type,
|
|
.hljs-variable.language_ {
|
|
/* prettylights-syntax-keyword */
|
|
color: #d73a49;
|
|
}
|
|
.hljs-title,
|
|
.hljs-title.class_,
|
|
.hljs-title.class_.inherited__,
|
|
.hljs-title.function_ {
|
|
/* prettylights-syntax-entity */
|
|
color: #6f42c1;
|
|
}
|
|
.hljs-attr,
|
|
.hljs-attribute,
|
|
.hljs-literal,
|
|
.hljs-meta,
|
|
.hljs-number,
|
|
.hljs-operator,
|
|
.hljs-variable,
|
|
.hljs-selector-attr,
|
|
.hljs-selector-class,
|
|
.hljs-selector-id {
|
|
/* prettylights-syntax-constant */
|
|
color: #005cc5;
|
|
}
|
|
.hljs-regexp,
|
|
.hljs-string,
|
|
.hljs-meta .hljs-string {
|
|
/* prettylights-syntax-string */
|
|
color: #032f62;
|
|
}
|
|
.hljs-built_in,
|
|
.hljs-symbol {
|
|
/* prettylights-syntax-variable */
|
|
color: #e36209;
|
|
}
|
|
.hljs-comment,
|
|
.hljs-code,
|
|
.hljs-formula {
|
|
/* prettylights-syntax-comment */
|
|
color: #6a737d;
|
|
}
|
|
.hljs-name,
|
|
.hljs-quote,
|
|
.hljs-selector-tag,
|
|
.hljs-selector-pseudo {
|
|
/* prettylights-syntax-entity-tag */
|
|
color: #22863a;
|
|
}
|
|
.hljs-subst {
|
|
/* prettylights-syntax-storage-modifier-import */
|
|
color: #24292e;
|
|
}
|
|
.hljs-section {
|
|
/* prettylights-syntax-markup-heading */
|
|
color: #005cc5;
|
|
font-weight: bold;
|
|
}
|
|
.hljs-bullet {
|
|
/* prettylights-syntax-markup-list */
|
|
color: #735c0f;
|
|
}
|
|
.hljs-emphasis {
|
|
/* prettylights-syntax-markup-italic */
|
|
color: #24292e;
|
|
font-style: italic;
|
|
}
|
|
.hljs-strong {
|
|
/* prettylights-syntax-markup-bold */
|
|
color: #24292e;
|
|
font-weight: bold;
|
|
}
|
|
.hljs-addition {
|
|
/* prettylights-syntax-markup-inserted */
|
|
color: #22863a;
|
|
background-color: #f0fff4;
|
|
}
|
|
.hljs-deletion {
|
|
/* prettylights-syntax-markup-deleted */
|
|
color: #b31d28;
|
|
background-color: #ffeef0;
|
|
}
|
|
.hljs-char.escape_,
|
|
.hljs-link,
|
|
.hljs-params,
|
|
.hljs-property,
|
|
.hljs-punctuation,
|
|
.hljs-tag {
|
|
/* purposely ignored */
|
|
}
|
|
|
|
/* Here are rules for darkmode */
|
|
|
|
.dark .hljs {
|
|
color: #c9d1d9;
|
|
background: #0d1117;
|
|
}
|
|
.dark .hljs-doctag,
|
|
.dark .hljs-keyword,
|
|
.dark .hljs-meta .hljs-keyword,
|
|
.dark .hljs-template-tag,
|
|
.dark .hljs-template-variable,
|
|
.dark .hljs-type,
|
|
.dark .hljs-variable.language_ {
|
|
/* prettylights-syntax-keyword */
|
|
color: #ff7b72;
|
|
}
|
|
.dark .hljs-title,
|
|
.dark .hljs-title.class_,
|
|
.dark .hljs-title.class_.inherited__,
|
|
.dark .hljs-title.function_ {
|
|
/* prettylights-syntax-entity */
|
|
color: #d2a8ff;
|
|
}
|
|
.dark .hljs-attr,
|
|
.dark .hljs-attribute,
|
|
.dark .hljs-literal,
|
|
.dark .hljs-meta,
|
|
.dark .hljs-number,
|
|
.dark .hljs-operator,
|
|
.dark .hljs-variable,
|
|
.dark .hljs-selector-attr,
|
|
.dark .hljs-selector-class,
|
|
.dark .hljs-selector-id {
|
|
/* prettylights-syntax-constant */
|
|
color: #79c0ff;
|
|
}
|
|
.dark .hljs-regexp,
|
|
.dark .hljs-string,
|
|
.dark .hljs-meta .hljs-string {
|
|
/* prettylights-syntax-string */
|
|
color: #a5d6ff;
|
|
}
|
|
.dark .hljs-built_in,
|
|
.dark .hljs-symbol {
|
|
/* prettylights-syntax-variable */
|
|
color: #ffa657;
|
|
}
|
|
.dark .hljs-comment,
|
|
.dark .hljs-code,
|
|
.dark .hljs-formula {
|
|
/* prettylights-syntax-comment */
|
|
color: #8b949e;
|
|
}
|
|
.dark .hljs-name,
|
|
.dark .hljs-quote,
|
|
.dark .hljs-selector-tag,
|
|
.dark .hljs-selector-pseudo {
|
|
/* prettylights-syntax-entity-tag */
|
|
color: #7ee787;
|
|
}
|
|
.dark .hljs-subst {
|
|
/* prettylights-syntax-storage-modifier-import */
|
|
color: #c9d1d9;
|
|
}
|
|
.dark .hljs-section {
|
|
/* prettylights-syntax-markup-heading */
|
|
color: #1f6feb;
|
|
font-weight: bold;
|
|
}
|
|
.dark .hljs-bullet {
|
|
/* prettylights-syntax-markup-list */
|
|
color: #f2cc60;
|
|
}
|
|
.dark .hljs-emphasis {
|
|
/* prettylights-syntax-markup-italic */
|
|
color: #c9d1d9;
|
|
font-style: italic;
|
|
}
|
|
.dark .hljs-strong {
|
|
/* prettylights-syntax-markup-bold */
|
|
color: #c9d1d9;
|
|
font-weight: bold;
|
|
}
|
|
.dark .hljs-addition {
|
|
/* prettylights-syntax-markup-inserted */
|
|
color: #aff5b4;
|
|
background-color: #033a16;
|
|
}
|
|
.dark .hljs-deletion {
|
|
/* prettylights-syntax-markup-deleted */
|
|
color: #ffdcd7;
|
|
background-color: #67060c;
|
|
}
|
|
.dark .hljs-char.escape_,
|
|
.dark .hljs-link,
|
|
.dark .hljs-params,
|
|
.dark .hljs-property,
|
|
.dark .hljs-punctuation,
|
|
.dark .hljs-tag {
|
|
/* purposely ignored */
|
|
}
|