website in dark/night mode
s2survey.net dark mode by s-light
Details
Authors-light
LicenseCC0
Categorys2survey.net
Created
Updated
Size1.6 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 s2survey.net dark mode
@namespace github.com/s-light/
@version 1.0.0
@description website in dark/night mode
@author Stefan Krüger s-light.eu
==/UserStyle== */
@-moz-document domain("s2survey.net") {
/* 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 domain("s2survey.net") {
html,
body {
background: var(--bg);
color: var(--text);
}
table.question tr.hover:hover td,
div.hover:hover {
background: var(--bg-highlight);
}
div.shadeF1,
li.shadeF1,
table.question tr.shadeF1 td,
table.question tr.shadeH0 td,
table.question tr.shadeH1 td.invShade {
background-color: var(--bg-light);
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="email"],
input[type="file"],
textarea,
div.textinput textarea,
table.question td.textinput textarea,
div.textinput input,
table.question td.textinput input {
background: var(--bg-gradient-dark);
color: var(--text);
}
}