Skip to content

YouTube Nord Theme by steven-na

Screenshot of YouTube Nord Theme

Details

Authorsteven-na

LicenseNo License

Categoryyoutube

Created

Updated

Size1.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A Nord theme style for YouTube

Notes

You can change the Cascadia Code import to a font you'd like

Source code

/* ==UserStyle==
@name           YouTube Nord Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A Nord theme style for YouTube
@author         steven-na
==/UserStyle== */
@font-face {
    font-family: 'Cascadia Code';
    src: url('https://cdn.jsdelivr.net/gh/microsoft/cascadia-code@v2008.01/CascadiaCode.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/microsoft/cascadia-code@v2008.01/CascadiaCode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@-moz-document domain("youtube.com") {
    html,
    body,
    * {
        font-family: 'Cascadia Code', monospace !important;
        letter-spacing: -0.7px !important;
    }
    html[dark],
    [dark] {
        --yt-spec-base-background: #191c23;
        --yt-spec-raised-background: #2e3440;
        --yt-spec-menu-background: #2e3440;
        --yt-spec-call-to-action: #4c566a;
    }
    html[darker-dark-theme][dark],
    [darker-dark-theme] [dark] {
        --yt-spec-text-primary: #91959e !important;
        --yt-spec-text-primary-inverse: #0f0f0f !important;
    }
    #contents {
        padding-top: 12px !important;
    }
    ytd-rich-item-renderer.style-scope.ytd-rich-grid-renderer {
        background-color: #3b4252 !important;
        padding: 12px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        margin-bottom: 16px !important;

    }
}

Reviews

No reviews yet.