Skip to content

Pi-hole documentation - Use built-in dark theme by alan

Mirrored from https://codeberg.org/alan2b7/firefox/raw/branch/main/userstyles/pihole.user.css

Screenshot of Pi-hole documentation - Use built-in dark theme

Details

Authoralan

LicenseMIT

Categorydocs.pi-hole.net

Created

Updated

Size3.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Use the built-in dark theme of docs.pi-hole.net regardless of system or browser settings

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Pi-hole documentation
@namespace      alan
@version        1.2
@description    Use the built-in dark theme regardless of system or browser settings
@author         alan
@homepageURL    https://codeberg.org/alan2b7/firefox
@license        MIT
==/UserStyle== */

@-moz-document url-prefix("https://docs.pi-hole.net") {
    :root,
    [data-md-color-scheme="default"] {
        --md-default-fg-color: hsla(var(--md-hue),15%,90%,0.82);
        --md-default-fg-color--light: hsla(var(--md-hue),15%,90%,0.56);
        --md-default-fg-color--lighter: hsla(var(--md-hue),15%,90%,0.32);
        --md-default-fg-color--lightest: hsla(var(--md-hue),15%,90%,0.12);
        --md-default-bg-color: hsla(var(--md-hue),15%,14%,1);
        --md-default-bg-color--light: hsla(var(--md-hue),15%,14%,0.54);
        --md-default-bg-color--lighter: hsla(var(--md-hue),15%,14%,0.26);
        --md-default-bg-color--lightest: hsla(var(--md-hue),15%,14%,0.07);
        --md-code-fg-color: hsla(var(--md-hue),18%,86%,0.82);
        --md-code-bg-color: hsla(var(--md-hue),15%,18%,1);
        --md-code-hl-color: #2977ff;
        --md-code-hl-color--light: #2977ff1a;
        --md-code-hl-number-color: #e6695b;
        --md-code-hl-special-color: #f06090;
        --md-code-hl-function-color: #c973d9;
        --md-code-hl-constant-color: #9383e2;
        --md-code-hl-keyword-color: #6791e0;
        --md-code-hl-string-color: #2fb170;
        --md-code-hl-name-color: var(--md-code-fg-color);
        --md-code-hl-operator-color: var(--md-default-fg-color--light);
        --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
        --md-code-hl-comment-color: var(--md-default-fg-color--light);
        --md-code-hl-generic-color: var(--md-default-fg-color--light);
        --md-code-hl-variable-color: var(--md-default-fg-color--light);
        --md-typeset-color: var(--md-default-fg-color);
        --md-typeset-a-color: var(--md-primary-fg-color);
        --md-typeset-kbd-color: hsla(var(--md-hue),15%,90%,0.12);
        --md-typeset-kbd-accent-color: hsla(var(--md-hue),15%,90%,0.2);
        --md-typeset-kbd-border-color: hsla(var(--md-hue),15%,14%,1);
        --md-typeset-mark-color: #4287ff4d;
        --md-typeset-table-color: hsla(var(--md-hue),15%,95%,0.12);
        --md-typeset-table-color--light: hsla(var(--md-hue),15%,95%,0.035);
        --md-admonition-fg-color: var(--md-default-fg-color);
        --md-admonition-bg-color: var(--md-default-bg-color);
        --md-footer-bg-color: hsla(var(--md-hue),15%,10%,0.87);
        --md-footer-bg-color--dark: hsla(var(--md-hue),15%,8%,1);
        --md-shadow-z1: 0 0.2rem 0.5rem #0000000d,0 0 0.05rem #0000001a;
        --md-shadow-z2: 0 0.2rem 0.5rem #00000040,0 0 0.05rem #00000040;
        --md-shadow-z3: 0 0.2rem 0.5rem #0006,0 0 0.05rem #00000059;
        color-scheme: dark;

        --code-color: #a47df8;
        --md-typeset-a-color: #7c90ff;
        --table-foreground: #a3acdf;
        --table-background: #272e53;
    }
    p > img {
        filter: brightness(80%);
    }
}

Reviews

No reviews yet.