Skip to content

Zenburn Youtube by filingroove

Screenshot of Zenburn Youtube
Write a review Install Get Stylus

Details

Authorfilingroove

LicenseCC BY-NC-SA 4.0

Categoryyoutube, yt, zenburn, vim, emacs

Created

Updated

Size3.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Theme that matches Zenburn vim theme colors on YouTube

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Zenburn Youtube
@version      20211007.08.56
@namespace    userstyles.world/user/filingroove
@description  Theme that matches Zenburn vim theme colors on YouTube
@author       filingroove
@license      CC BY-NC-SA 4.0
==/UserStyle== */

@-moz-document domain("youtube.com") {
html:not(.style-scope)[dark], :not(.style-scope)[dark] {
    --zenburn: 63, 63, 63;
    --zenburn-red: 220, 163, 163;
    --zenburn-blue: 148, 191, 243;
    --zenburn-green: 96, 180, 138;
    --zenburn-pink: 220, 140, 195;
    --zenburn-cyan: 140, 208, 211;
    --zenburn-inactive: 112, 144, 128;

    --yt-spec-brand-background-solid: rgba(var(--zenburn));
    --yt-spec-brand-background-primary: rgba(var(--zenburn), 0.98);
    --yt-spec-brand-background-secondary: rgba(var(--zenburn), 0.95);
    --yt-spec-general-background-a: rgba(var(--zenburn));
    --yt-spec-general-background-b: rgba(var(--zenburn));
    --yt-spec-general-background-c: rgba(var(--zenburn));
    --yt-spec-error-background: #f9f9f9;
    --yt-spec-text-primary: #fff;
    --yt-spec-text-primary-inverse: #030303;
    --yt-spec-text-secondary: #aaa;
    --yt-spec-text-disabled: #717171;
    --yt-spec-call-to-action: rgb(var(--zenburn-blue));
    --yt-spec-call-to-action-inverse: rgb(var(--zenburn-blue));
    --yt-spec-icon-active-other: #fff;
    --yt-spec-icon-inactive: #909090;
    --yt-spec-icon-disabled: #606060;
    --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.1);
    --yt-spec-verified-badge-background: rgba(255, 255, 255, 0.25);
    --yt-spec-suggested-action: rgba(var(--zenburn));
    --yt-spec-button-chip-background-hover: rgba(255, 255, 255, 0.2);
    --yt-spec-touch-response: #fff;
    --yt-spec-paper-tab-ink: rgba(255, 255, 255, 0.3);
    --yt-spec-filled-button-text: #030303;
    --yt-spec-brand-icon-active: #fff;
    --yt-spec-brand-icon-inactive: #909090;
    --yt-spec-brand-button-background: rgb(var(--zenburn-red));
    --yt-spec-brand-link-text: #ff4e45;
    --yt-spec-filled-button-focus-outline: rgba(255, 255, 255, 0.7);
    --yt-spec-call-to-action-button-focus-outline: rgba(62, 166, 255, 0.3);
    --yt-spec-brand-text-button-focus-outline: rgba(255, 78, 69, 0.3);
    --yt-spec-inactive-text-button-focus-outline: #606060;
    --yt-spec-ad-indicator: rgb(var(--zenburn-cyan));
    --yt-spec-brand-subscribe-button-background:var(--yt-spec-brand-button-background);
    --yt-spec-wordmark-text: #fff;
    --yt-spec-10-percent-layer: rgba(255, 255, 255, 0.1);
    --yt-spec-snackbar-background: rgba(var(--zenburn));
    --yt-spec-selected-nav-text: #fff;
    --yt-spec-themed-blue: rgb(var(--zenburn-blue));
    --yt-spec-themed-green: rgb(var(--zenburn-green));
    --yt-spec-themed-overlay-background: rgba(var(--zenburn), 0.8);
    
    --yt-searchbox-background: rgba(var(--zenburn));
    --ytd-searchbox-legacy-border-color: rgba(var(--zenburn));
    --ytd-searchbox-legacy-border-shadow-color: rgba(var(--zenburn));
    --yt-searchbox-text-color: #fff;
    
    --ytd-searchbox-legacy-button-border-color: rgba(var(--zenburn));
    --ytd-searchbox-legacy-button-color: rgba(var(--zenburn));
}

}

Reviews

No reviews yet.