Skip to content

Nettavisen Nord Dark by ogrim

Details

Authorogrim

LicenseNo License

Categorynettavisen

Created

Updated

Size4.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for Nettavisen based on the Nord palette.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Nettavisen Nord Dark
@version      1.0.0
@namespace    https://userstyles.world/user/ogrim
@description  Dark theme for Nettavisen based on the Nord palette.
@author       Onkel Ogrim
@license      No License
==/UserStyle== */
@-moz-document domain("nettavisen.no") {
    :root {
        /* Nord color scheme */
        --nord0: #2e3440;
        --nord1: #3b4252;
        --nord2: #434c5e;
        --nord3: #4c566a;
        --nord4dark: #d1d8e3;
        --nord4: #d8dee9;
        --nord5: #e5e9f0;
        --nord6: #eceff4;
        --nord7: #8fbcbb;
        --nord8: #88c0d0;
        --nord9: #81a1c1;
        --nord10: #5e81ac;
        --nord11: #bf616a;
        --nord12: #d08770;
        --nord13: #ebcb8b;
        --nord14: #a3be8c;
        --nord15: #b48ead;
        --nordBlack: #252932;
        --nordInactive: #9b9ea4;
        --rgbnord0: 46, 52, 64;
        --rgbnord1: 59, 66, 82;
        --rgbnord2: 67, 76, 94;
        --rgbnord3: 76, 86, 106;
        --rgbnord4dark: 209, 216, 227;
        --rgbnord4: 216, 222, 233;
        --rgbnord5: 229, 233, 240;
        --rgbnord6: 236, 239, 244;
        --rgbnord7: 143, 188, 187;
        --rgbnord8: 136, 192, 208;
        --rgbnord9: 129, 161, 193;
        --rgbnord10: 94, 129, 172;
        --rgbnord11: 191, 97, 106;
        --rgbnord12: 208.135.112;
        --rgbnord13: 235, 203, 139;
        --rgbnord14: 163, 190, 140;
        --rgbnord15: 180, 142, 173;
        --rgbnordBlack: 37, 41, 50;
        --rgbnordInactive: 155, 158, 164;

        --dh-box-background: var(--nord2);
        --dh-box-text: var(--nord4);
    }

    @media (prefers-color-scheme: dark) {
        :root {
            --blackout: var(--nordBlack);
            --background0: var(--nord0);
            --background1: var(--nord1);
            --background2: var(--nord2);
            --background3: var(--nord3);
            --foreground0: var(--nord6);
            --foreground1: var(--nord5);
            --foreground2: var(--nord4);
            --foreground3: var(--nord4dark);
            --textPrimary: var(--nord4);
            --link: var(--nord9);

            --rgblackout: var(--rgbnordBlack);
            --rgbackground0: var(--rgbnord0);
            --rgbackground1: var(--rgbnord1);
            --rgbackground2: var(--rgbnord2);
            --rgbackground3: var(--rgbnord3);
            --rgbforeground0: var(--rgbnord6);
            --rgbforeground1: var(--rgbnord5);
            --rgbforeground2: var(--rgbnord4);
            --rgbforeground3: var(--rgbnord4dark);
        }
    }

    @media (prefers-color-scheme: light) {
        :root {
            --blackout: var(--nord0);
            --background0: var(--nord6);
            --background1: var(--nord5);
            --background2: var(--nord4);
            --background3: var(--nord4dark);
            --foreground0: var(--nord0);
            --foreground1: var(--nord1);
            --foreground2: var(--nord2);
            --foreground3: var(--nord3);
            --textPrimary: var(--nord1);
            --link: var(--nord10);

            --rgbackground0: var(--rgbnord6);
            --rgbackground1: var(--rgbnord5);
            --rgbackground2: var(--rgbnord4);
            --rgbackground3: var(--rgbnord4dark);
            --rgbforeground0: var(--rgbnord0);
            --rgbforeground1: var(--rgbnord1);
            --rgbforeground2: var(--rgbnord2);
            --rgbforeground3: var(--rgbnord3);
        }
    }

    html,
    body,
    #forsiden-www-nettavisen-no,
    body.maelstrom
    {
        background-color: var(--background0);
        color: var(--textPrimary);
    }
    
    amedia-frontpage {
        background-color: var(--background2);
        color: var(--textPrimary);
    }
    
    .article--c-cmpvrW-hEmTrk-design-nettavisen {
        color: var(--textPrimary);
    }
}

Reviews

No reviews yet.