A Nord theme style for YouTube
YouTube Nord Theme by steven-na

Details
Authorsteven-na
LicenseNo License
Categoryyoutube
Created
Updated
Code size1.5 kB
Code checksume48d42f
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}