html.latte {
    --bg: #eff1f5;
    --fg: #4c4f69;
    --sidebar-bg: #e6e9ef;
    --sidebar-fg: #4c4f69;
    --sidebar-non-exhaustive: #7c7f93;
    --scrollbar: #acb0be;
    --icons: #6c6f85;
    --icons-hover: #1e66f5;
    --links: #1e66f5;
    --inline-code-color: #8839ef;
    --theme-popup-bg: #e6e9ef;
    --theme-popup-border: #acb0be;
    --theme-hover: #ccd0da;
    --quote-bg: #e6e9ef;
    --quote-border: #1e66f5;
    --table-border-color: #bcc0cc;
    --table-header-bg: #e6e9ef;
    --table-alternate-bg: #e6e9ef;
    --searchbar-border-color: #bcc0cc;
    --searchbar-bg: #e6e9ef;
    --searchbar-fg: #4c4f69;
    --searchbar-shadow-color: #bcc0cc;
    --searchresults-header-fg: #4c4f69;
    --searchresults-border-color: #bcc0cc;
    --searchresults-li-bg: #e6e9ef;
    --search-mark-bg: #f9e2af;
}

html.mocha {
    --bg: #1e1e2e;
    --fg: #cdd6f4;
    --sidebar-bg: #181825;
    --sidebar-fg: #cdd6f4;
    --sidebar-non-exhaustive: #a6adc8;
    --scrollbar: #585b70;
    --icons: #a6adc8;
    --icons-hover: #89b4fa;
    --links: #89b4fa;
    --inline-code-color: #cba6f7;
    --theme-popup-bg: #181825;
    --theme-popup-border: #585b70;
    --theme-hover: #313244;
    --quote-bg: #181825;
    --quote-border: #89b4fa;
    --table-border-color: #45475a;
    --table-header-bg: #181825;
    --table-alternate-bg: #181825;
    --searchbar-border-color: #45475a;
    --searchbar-bg: #181825;
    --searchbar-fg: #cdd6f4;
    --searchbar-shadow-color: #11111b;
    --searchresults-header-fg: #cdd6f4;
    --searchresults-border-color: #45475a;
    --searchresults-li-bg: #181825;
    --search-mark-bg: #f9e2af;
}

.latte .hljs {
    color: #4c4f69;
    background: #e6e9ef;
}

.latte .hljs-keyword,
.latte .hljs-selector-tag {
    color: #8839ef;
}

.latte .hljs-string,
.latte .hljs-attribute {
    color: #40a02b;
}

.latte .hljs-number,
.latte .hljs-literal {
    color: #fe640b;
}

.latte .hljs-title,
.latte .hljs-section {
    color: #1e66f5;
}

.latte .hljs-comment {
    color: #7c7f93;
}

.mocha .hljs {
    color: #cdd6f4;
    background: #181825;
}

.mocha .hljs-keyword,
.mocha .hljs-selector-tag {
    color: #cba6f7;
}

.mocha .hljs-string,
.mocha .hljs-attribute {
    color: #a6e3a1;
}

.mocha .hljs-number,
.mocha .hljs-literal {
    color: #fab387;
}

.mocha .hljs-title,
.mocha .hljs-section {
    color: #89b4fa;
}

.mocha .hljs-comment {
    color: #a6adc8;
}