@CHARSET "UTF-8";
.darkMode {
    --standardText: #f6f6f6;
    --lightText: #fafafa;
    --lightTextInversed: #333;
    --standardBackground: #222;
    --lightBackground: #202124;
    --detailedBackground: #35363a;
    --overlayBackground: #1c1c1c;
    --lighterBackground: #343434;
    --darkBorder: #a1a1a1;
    --titleColor: #00a8ec;
    --titleColorBright: #00b1f6;
    --regionBoxBack: #2d2e33;
    --hoverColor: #3b4d59;
    /* Opacity */
    --shadowColor: #00a8ec80;
    --shadowBW: #fafafa15;
    --opaBrightBW: #00000075;
    --opa97BrightBW: #000000cc;
    /* colors */
    --mediumOkColor: #23e423;
    --highlightInputBack: #000066;
}


.darkMode #footer {
    background-color: #333333;
}
.darkMode .title,
.darkMode .subtitle,
.darkMode .subtitleLeft {
    color: #c6cfe0;
}
.darkMode button[type="webapp"] img {
    filter:invert();
}
.darkMode ::-webkit-scrollbar {
    width: 16px;
    background-color: #1e1e1e;
}

.darkMode ::-webkit-scrollbar-thumb {
    background-color: #888;
}

.darkMode ::-webkit-scrollbar-track {
    background-color: #2f2f2f;
}