Use the built-in dark theme of docs.pi-hole.net regardless of system or browser settings
Pi-hole documentation - Use built-in dark theme by alan
Mirrored from https://codeberg.org/alan2b7/firefox/raw/branch/main/userstyles/pihole.user.css
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
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%);
}
}