apache.org website in dark/night mode
apache.org dark mode by s-light
Details
Authors-light
LicenseCC0
Categoryapache.org
Created
Updated
Size1.3 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 apache.org dark mode
@namespace github.com/openstyles/stylus
@version 1.0.0
@description apache.org website in dark/night mode
@author Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("apache.org") {
/* global */
:root {
--bg: black;
--bg-light: hsl(250, 100%, 10%);
--bg-highlight: hsl(250, 100%, 30%);
--bg-highlight2: hsl(250, 100%, 50%);
--bg-gradient: linear-gradient( to bottom,
var(--bg-highlight),
var(--bg-highlight2));
--bg-gradient-dark: linear-gradient( to bottom,
var(--bg-light),
var(--bg-highlight));
--text: hsl(42, 65%, 50%);
--text-highlight: hsl(170, 100%, 50%);
}
}
@-moz-document url-prefix("https://httpd.apache.org/docs/") {
html,
body {
background-color: var(--bg);
color: var(--text);
}
div#quickview {
background: var(--bg-gradient-dark);
}
div.example,
div.note,
div.warning {
background-color: var(--bg-highlight);
color: inherit;
}
pre.prettyprint.lang-config {
/*background-color: var(--bg-highlight2);
color: inherit;*/
filter: invert(0.9);
}
}