/* ==UserStyle==
@name           Modem Dark
@version        1.0.1
@author         Hussein Esmail
@description    `A dark theme template for websites`
@namespace      https://github.com/hussein-esmail7/userstyles
@homepageURL    https://github.com/hussein-esmail7/userstyles
@supportURL     https://github.com/hussein-esmail7/userstyles/issues
@updateURL      https://raw.githubusercontent.com/hussein-esmail7/userstyles/main/src/dark_modem.user.css
==/UserStyle== */

@-moz-document domain("192.168.2.1") {
    :root {
        --color-bg: #141414;            /* Default background color */
        --color-fg: #f8f8f8;            /* Default text color */
        --color-fg-button: black;
        --color-bg-search: white;
        --color-bg-button: blue;
        color-scheme: dark;                 /* Used to get dark scroll bars */
    }

    html, div, div *, #myServices {
        /* Background color */
        background-color: var(--color-bg) !important;
    }

    h1, h2, h3, h4, h5, h6, a, p, strong, label, .detDesc, div, div#sortby, .comment, #comments, #detailsouterframe *, .comment, #details *, dl *, input, button.headerButton {
        /* Text color */
        color: var(--color-fg) !important;
    }

    input {
        background-color: var(--color-fg-button) !important;
    }

    .https_form {
        background-color: var(--color-bg-search);
    }
    
    .tileTextContainerWrapper, .tileTextContainer, .title, .networkDisabledText, .tileLabel, .tileInfoContainer, .tileInfoBlock, .tileInfoNum, .buttonContainer, .toggleOn, .toggleOff, .tileInfoLabel, .SSIDContainer, span.label, .WiFiPasswordContainer, span.passwordContainer, .showPassword, .wrapSSID, .clickTitle {
        /* Transparent */
        background-color: transparent !important;
    }
    
    #closebutton {
        background-color: var(--color-bg-button) !important;
    }

}