/* Theme variables */

html,
html[data-theme="light"] {
    /*Navbar theme variables*/
    /*Desktop*/
    --color-navbar-text: white;
    --color-navbar-bg-hover: rgba(255, 255, 255, 0.2);
    /*Mobile*/
    --color-gray: #dadada;
    --color-gray-lighter: #eeeeee;

    /*Titlebar theme variables*/
    --color-titlebar-bg: #5d5187;
    --color-titlebar-text: white;

    /*Dialog theme variables*/
    --color-dialog-bg: #f2f2da;

    /*General theme variables*/
    --color-accent: #5d5187;
    --color-accent-darken: #d5dafa;
    --color-body: white;
    --color-text: #2e2e2e;
    --color-text-secondary: #595959;

    /*Button theme variables*/
    --color-button-bg-hover: #dadada;
    --color-button-bg-disabled: #a3a3a3;

    /*Post theme variables*/
    --color-post-section-text-hover: white;
    --color-checkerboard: rgb(249, 249, 249);

    --img-navbar-logo: url("../img/logo.jpg");
    --img-sidebar: url("../img/textures/purpl170.jpg");
    --img-article: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23DADADA' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

html[data-theme="dark"] {
    /*Navbar theme variables*/
    /*Desktop*/
    --color-navbar-text: white;
    --color-navbar-bg-hover: rgba(255, 255, 255, 0.2);
    /*Mobile*/
    --color-gray: #414a5d;
    --color-gray-lighter: #252c3b;

    /*Titlebar theme variables*/
    --color-titlebar-bg: #5d5187;
    --color-titlebar-text: white;

    /*Dialog theme variables*/
    --color-dialog-bg: #5d5187;

    /*General theme variables*/
    --color-accent: #f2f2da;
    --color-accent-darken: #25283f;
    --color-body: #151327;
    --color-text: white;
    --color-text-secondary: #b0b0b0;

    /*Button theme variables*/
    --color-button-bg-hover: #414a5d;
    --color-button-bg-disabled: #a3a3a3;

    /*Post theme variables*/
    --color-post-section-text-hover: #151327;
    --color-checkerboard: rgba(105, 105, 105, 0.1);

    --img-navbar-logo: url("../img/logo.jpg");
    --img-sidebar: url("../img/textures/purpl170.jpg");
    --img-article: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23414a5d' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: light) {
    html,
    html[data-theme="light"] {
        /*Navbar theme variables*/
        /*Desktop*/
        --color-navbar-text: white;
        --color-navbar-bg-hover: rgba(255, 255, 255, 0.2);
        /*Mobile*/
        --color-gray: #dadada;
        --color-gray-lighter: #eeeeee;

        /*Titlebar theme variables*/
        --color-titlebar-bg: #5d5187;
        --color-titlebar-text: white;

        /*Dialog theme variables*/
        --color-dialog-bg: #f2f2da;

        /*General theme variables*/
        --color-accent: #5d5187;
        --color-accent-darken: #bfc4ec;
        --color-body: white;
        --color-text: #2e2e2e;
        --color-text-secondary: #595959;

        /*Button theme variables*/
        --color-button-bg-hover: #dadada;
        --color-button-bg-disabled: #a3a3a3;

        /*Post theme variables*/
        --color-post-section-text-hover: white;
        --color-checkerboard: rgba(249, 249, 249);

        --img-navbar-logo: url("../img/logo.jpg");
        --img-sidebar: url("../img/textures/purpl170.jpg");
        --img-article: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23DADADA' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    }

    html[data-theme="dark"] {
        /*Navbar theme variables*/
        /*Desktop*/
        --color-navbar-text: white;
        --color-navbar-bg-hover: rgba(255, 255, 255, 0.2);
        /*Mobile*/
        --color-gray: #414a5d;
        --color-gray-lighter: #252c3b;

        /*Titlebar theme variables*/
        --color-titlebar-bg: #5d5187;
        --color-titlebar-text: white;

        /*Dialog theme variables*/
        --color-dialog-bg: #5d5187;

        /*General theme variables*/
        --color-accent: #f2f2da;
        --color-accent-darken: #25283f;
        --color-body: #151327;
        --color-text: white;
        --color-text-secondary: #b0b0b0;

        /*Button theme variables*/
        --color-button-bg-hover: #414a5d;
        --color-button-bg-disabled: #a3a3a3;

        /*Post theme variables*/
        --color-post-section-text-hover: #151327;
        --color-checkerboard: rgba(105, 105, 105, 0.1);

        --img-navbar-logo: url("../img/logo.jpg");
        --img-sidebar: url("../img/textures/purpl170.jpg");
        --img-article: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23414a5d' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
}