/* Dark theme overrides */
html[data-theme="dark"] body {
    background-color: #111214;
    color: #e6e6e6;
}

html[data-theme="dark"] #menu {
    background-color: #1c1c1c;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
}

html[data-theme="dark"] #menu .buttons .whatIsIt .text,
html[data-theme="dark"] #menu .buttons .home .text,
html[data-theme="dark"] #menu .buttons .themeToggle .text,
html[data-theme="dark"] #menu .buttons .language .text {
    color: #e6e6e6;
}

html[data-theme="dark"] #menu .buttons .whatIsIt .line,
html[data-theme="dark"] #menu .buttons .home .line,
html[data-theme="dark"] #menu .buttons .themeToggle .line,
html[data-theme="dark"] #menu .buttons .language .line {
    background-color: #ffcd2f;
}

html[data-theme="dark"] #menu .buttons .language .choose .box {
    background-color: #2a2a2a;
}

html[data-theme="dark"] #menu .buttons .language .choose .corner {
    border-color: transparent transparent #2a2a2a transparent;
}

html[data-theme="dark"] #menu .buttons .language .choose .english,
html[data-theme="dark"] #menu .buttons .language .choose .chinese {
    color: #e6e6e6;
}

html[data-theme="dark"] #menu .buttons .language .choose .chinese {
    border-color: #e6e6e6;
}

html[data-theme="dark"] #menu .buttons .language .choose .english:hover,
html[data-theme="dark"] #menu .buttons .language .choose .chinese:hover {
    border-color: #e6e6e6;
}

html[data-theme="dark"] #content h1,
html[data-theme="dark"] #content h2 {
    color: #f1f1f1;
}

html[data-theme="dark"] #content p,
html[data-theme="dark"] #content b,
html[data-theme="dark"] #content li,
html[data-theme="dark"] #content a {
    color: #bfbfbf;
}