Skip to content

444.hu dark mode improved by hbede

Screenshot of 444.hu dark mode improved

Details

Authorhbede

LicenseNo License

Categoryuserstyles

Created

Updated

Size1.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

  • background color changed to dark grey
  • main text color changed to light grey
  • other color changed to be at least readable (tried my best to also look nice)

Notes

  • some link colors are still black

Source code

/* ==UserStyle==
@name           444.hu - 7/23/2022, 4:10:47 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://444.hu/") {
    /* Insert code here... */
    :root {
        --c-surface: #111111;
        --yellow: #ffff73;
    }
    body {
        background-color: #252525;
        color: #ddd;
    }

    h1,
    h2,
    h4,
    .h2,
    .h3 {
        color: #ddd;
    }

    .mn {
        background-color: #252525;
        --c-background: #252525;
        --c-on-primary: #252525;
    }
    .jm {
        --highlight-color: var(--yellow);
        color: #000000
    }
    .rbox-manual__highlight--premium,
    .rbox-manual__theme .rbox-manual__container,
    .rbox-manual__highlight,
    .pm {
        --c-rbox: #000;
        background-color: #1c1c1c;
        color: #ddd;
    }

    .legacy .subhead--black {
        --subhead-color: var(--yellow);
    }

    a {
        color: var(--yellow);
    }
    .img {
        background-color: #252525;
    }
    .oP {
        --c-ink: #327428;
        --c-on-ink: #ddd;
        background-color: #111111;
    }
    figure figcaption {
        background-color: #fff0;
    }

    .lU,
    .lZ,
    .gb,
    .jd {
        --report-decor-color: #353535;
        border-color: #353535;
    }
    .gd {
        background-color: #2a2a2a;
    }
    .gp {
        --c-data: #c6c6c6;
    }
}

Reviews

No reviews yet.