Skip to content

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

website in dark/night mode

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);
    }
}

Reviews

No reviews yet.