A Nord theme style for YouTube
YouTube Nord Theme by steven-na
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
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;
}
}