118 lines
2.0 KiB
Django/Jinja
118 lines
2.0 KiB
Django/Jinja
:root {
|
|
--color-text-primary: {{ white1 }}
|
|
--color-text-tertiary: {{ foreground }};
|
|
--color-text-link: {{ blue }};
|
|
--color-text-link-hover: {{ yellow }};
|
|
--color-bg-primary: {{ background }};
|
|
--color-bg-secondary: {{ background }};
|
|
--color-bg-tertiary: {{ grey1 }};
|
|
--color-border-primary: {{ grey2 }};
|
|
--color-border-secondary: {{ grey3 }};
|
|
--color-border-tertiary: {{ grey_bright }};
|
|
--color-kbd-foreground: {{ white2 }};
|
|
--color-markdown-blockquote-border: {{ grey3 }};
|
|
--color-markdown-table-border: {{ grey3 }};
|
|
--color-markdown-table-tr-border: {{ highlight }};
|
|
--color-markdown-code-bg: {{ grey1 }};
|
|
|
|
--foreground-color: {{ foreground }};
|
|
--background-color: {{ background }};
|
|
--border-color: {{ grey_bright }};
|
|
}
|
|
|
|
.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 0.5em;
|
|
color: var(--color-text-primary);
|
|
background: var(--background-color);
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: {{ highlight }};
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: var(--color-text-primary);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-number,
|
|
.hljs-literal,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag .hljs-attr {
|
|
color: {{ teal }};
|
|
}
|
|
|
|
.hljs-string,
|
|
.hljs-doctag {
|
|
color: {{ red }};
|
|
}
|
|
|
|
.hljs-title,
|
|
.hljs-section,
|
|
.hljs-selector-id {
|
|
color: {{ red }};
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-subst {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-type,
|
|
.hljs-class .hljs-title {
|
|
color: {{ blue }};
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-attribute {
|
|
color: {{ orange }};
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-regexp,
|
|
.hljs-link {
|
|
color: {{ green }};
|
|
}
|
|
|
|
.hljs-symbol,
|
|
.hljs-bullet {
|
|
color: {{ purple }};
|
|
}
|
|
|
|
.hljs-built_in,
|
|
.hljs-builtin-name {
|
|
color: {{ cyan }};
|
|
}
|
|
|
|
.hljs-meta {
|
|
color: {{ grey_bright }};
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
color: var(--background-color);
|
|
background: #fdd;
|
|
}
|
|
|
|
.hljs-addition {
|
|
color: var(--background-color);
|
|
background: #dfd;
|
|
}
|
|
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
}
|