/* 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"] #main .top .other .title1,
html[data-theme="dark"] #main .top .other .title2 {
    color: #f1f1f1;
}

html[data-theme="dark"] #main .top .other .text {
    color: #b0b0b0;
}

html[data-theme="dark"] #main .line {
    background-color: #333333;
}

html[data-theme="dark"] #main .bottom .alsoInHere .title,
html[data-theme="dark"] #main .bottom .sourceCode .title {
    color: #d9d9d9;
}

html[data-theme="dark"] #main .bottom .alsoInHere .steam,
html[data-theme="dark"] #main .bottom .alsoInHere .github,
html[data-theme="dark"] #main .bottom .alsoInHere .other,
html[data-theme="dark"] #main .bottom .sourceCode .desktop,
html[data-theme="dark"] #main .bottom .sourceCode .web {
    color: #bfbfbf;
}