DietPi-Docs by alan

/* ==UserStyle==
@name           DietPi-Docs
@namespace      alan
@version        1.0
@description    Customizable theme for DietPi Documentation
@author         alan
@homepageURL    https://codeberg.org/alan2b7/firefox
@license        MIT
@preprocessor   stylus
@var            color bg-color "Background color" #0d0d0d
@var            color fg-color "Foreground color" #cccccc
@var            select brightness-level "Images brightness level" {
                    "80%": "brightness(80%)",
                    "100% (default)": "none",
                    "60%": "brightness(60%)",
                    "50%": "brightness(50%)"
                    }
==/UserStyle== */

@-moz-document url-prefix("https://dietpi.com/docs/") {
    :root,
    [data-md-color-scheme=default] {
        --md-default-fg-color: fg-color;
        --md-default-fg-color--light: darken(fg-color, 50%);
        --md-default-fg-color--lighter: darken(fg-color, 70%);
        --md-default-fg-color--lightest: darken(fg-color, 90%);
        --md-default-bg-color: bg-color;
        --md-default-bg-color--light: lighten(bg-color, 2%);
        --md-default-bg-color--lighter: lighten(bg-color, 3%);
        --md-default-bg-color--lightest: lighten(bg-color, 4%);
        --md-code-fg-color: fg-color;
        --md-code-bg-color: lighten(bg-color, 10%);
    }
    p > img {
        filter: brightness-level;
    }
}