blob: e925ce130aad0911e7c764a015c7892c5fa2e55d [file] [log] [blame]
/* Theme inspired by nordtheme. The colors have been darkened to work on light backgrounds. */
:root {
--hljs-bg: var(--code-bg);
--hljs-fg: var(--code-fg);
--hljs-comment: #90A1C1;
--hljs-doctag: #4B6B92;
--hljs-meta: hsl(40, 100%, 40%);
--hljs-subst: hsl(40, 100%, 40%);
--hljs-title: hsl(193, 60%, 42%);
--hljs-type: hsl(179, 61%, 30%);
--hljs-keyword: hsl(213, 60%, 45%);
--hljs-string: hsl(92, 46%, 43%);
--hljs-literal: hsl(311, 30%, 47%);
--hljs-addition: hsl(122, 40.97%, 44.51%);
--hljs-deletion: hsl(1 , 66% , 64%);
}
:root.theme-dark {
--hljs-meta: hsl(40, 100%, 49%);
--hljs-subst: hsl(40, 100%, 49%);
--hljs-title: hsl(193, 60%, 58%);
--hljs-keyword: hsl(213, 60%, 60%);
--hljs-type: hsl(179, 61%, 45%);
--hljs-string: hsl(92, 46%, 68%);
--hljs-literal: hsl(311, 30%, 62%);
}
pre, .hljs {
background: var(--hljs-bg);
color: var(--code-fg);
}
.hljs-comment {
color: var(--hljs-comment);
}
.hljs-doctag {
color: var(--hljs-doctag);
font-weight: 500;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-bold {
font-weight: bold;
}
.hljs-meta {
color: var(--hljs-meta);
font-weight: 500;
}
.hljs-subst {
color: var(--hljs-subst);
}
.hljs-title {
color: var(--hljs-title);
font-weight: 500;
}
.hljs-type {
color: var(--hljs-type);
}
.hljs-keyword {
color: var(--hljs-keyword);
font-weight: 500;
}
.hljs-string {
color: var(--hljs-string);
}
.hljs-built_in, .hljs-number, .hljs-literal {
color: var(--hljs-literal);
}
.hljs-addition {
color: var(--hljs-addition);
}
.hljs-deletion {
color: var(--hljs-deletion);
}
.hljs-attribute {
color: var(--hljs-type);
}