Skip to content

dark blue by reazongd

Screenshot of dark blue

Details

Authorreazongd

LicenseNo License

Categoryyoutube.com

Created

Updated

Size6.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hi, its my first style! inspired by HackTheBox Theme on VScode. Dark Blue backround with green accent!

Notes

recomended using on dark mode

Source code

/* ==UserStyle==
@name           youtube.com - 9/25/2022, 8:23:57 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
    body {
        
        --yt-spec-raised-background: #121d2e;
        --yt-spec-menu-background: #121d2ecc;
        --yt-spec-base-background: #121d2e;
        --yt-spec-brand-background-primary: #0d192d;
        --yt-spec-brand-background-solid: #0f1929;
        --yt-spec-general-background-a: #121d2e;
        --yt-spec-general-background-b: #0f1929;
        --yt-spec-text-primary: #95b1b2;
        --yt-spec-text-secondary: #00ef2b95;
        --yt-spec-static-overlay-background-brand: #0f1929;
        --yt-spec-static-brand-white: #95b1b2;
        --yt-spec-badge-chip-background: #182335;
        --yt-spec-button-chip-background-hover: #202e44;
        --yt-spec-static-overlay-text-primary: #00ef2b; 
    }
    html[watch-color-update] {
        --yt-live-chat-background-color: #182335;
        --yt-live-chat-header-background-color: #0f1929;
        --yt-live-chat-action-panel-background-color: var( --yt-spec-brand-background-primary);
        --yt-live-chat-message-highlight-background-color: #0d192d;
        --yt-live-chat-ninja-message-background-color: var( --yt-spec-brand-background-primary);
        --yt-live-chat-primary-text-color: #95b1b2;
    }
    
    
    yt-live-chat-message-input-renderer,
    ytd-browse[page-subtype=channels],
    ytd-app {
        background: #121d2e !important;
    }

/*     ytd-multi-page-menu-renderer, */
    .tp-yt-paper-tooltip[style-target=tooltip]{
        background: #182335aa !important;
        backdrop-filter: blur(100px);
        
    }
    ytd-mini-guide-entry-renderer,
    ytd-mini-guide-renderer,
    #guide-content.ytd-app,
    #contentContainer.tp-yt-app-drawer,
    .header.ytd-playlist-panel-renderer,
    ytd-masthead,
    #masthead-container {
        background: #182335 !important;
    }
    tp-yt-paper-listbox,
    #voice-search-button.ytd-masthead,
    #search-icon-legacy.ytd-searchbox,
    #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
    .container.ytd-playlist-panel-renderer,
    #container.ytd-searchbox {
        background: #0f1929 !important;
        border-color: #18253d;
    }
    .ytp-scrubber-button {
        background: url("https://raw.githubusercontent.com/ReazonGd/myExtension/main/img/hertaa1.webp")! important;
        background-repeat: no-repeat! important;
        width: 126px! important;
        height: 90px! important;
        margin-left: -75px! important;
        margin-top: -67px! important;
        transform: scale(0.6)! important;
    }
    .ytp-volume-slider-handle,
    .ytp-volume-slider-handle::before,
    .ytp-swatch-background-color {
        background: #00ef2b;
    }
    ytd-mini-guide-entry-renderer svg,
    ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox,
    .ytd-guide-renderer a,
    ytd-pinned-comment-badge-renderer svg,
    .ytd-comment-renderer #header-author span,
    .badge-style-type-verified svg,
    #byline,
    yt-formatted-string#content-text a,
    ytd-channel-name a,
    ytd-post-renderer span.style-scope.ytd-post-renderer,
    yt-formatted-string[link-inherit-color] {
        color: #00ef2b !important;
        fill: #00ef2b !important;
    }
    ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer,
    ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer,
    ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer,
    .style-default-active,
    .style-default-active ~ span,
    yt-formatted-string#content-text,
    #video-title {
        color: #95b1b2 !important;
    }
    .less-button.style-scope.ytd-comment-renderer,
    .more-button.style-scope.ytd-comment-renderer {
        color: #00ccfd70 !important;
        fill: #00ccfd70 !important;
    }
    ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer,
    ytd-pinned-comment-badge-renderer span,
    .ytd-comment-renderer #header-author a,
    #metadata-line {
        color: #00ef2b95 !important;
    }
    ytd-author-comment-badge-renderer,
    yt-formatted-string#content-text a {
        background-color: #0f1929 !important;
        border-radius: 5px;
        padding: 0px 5px;
    }
    ytd-post-renderer,
    .playlist-items.ytd-playlist-panel-renderer,
    ytd-comment-thread-renderer {
        background-color: #182335 !important;
        padding: 10px 10px;
        border-radius: 5px;
    }
    .ytp-exp-bottom-control-flexbox .ytp-left-controls svg,
    button.yt-icon-button svg,
    .style-scope.ytd-guide-renderer yt-icon,
    .yt-icon-container.yt-icon svg {
        fill: #00ff47;
    }
    
    ytd-playlist-panel-video-renderer[selected]{
        border-radius: 5px;
    }
    
    
    ::-webkit-scrollbar-thumb {
        height: 56px;
        border-radius: 8px;
        border: 4px solid transparent;
        background-clip: content-box;
        background-color: #00ef2b !important;
    }
    #progress.ytd-thumbnail-overlay-resume-playback-renderer,
    tp-yt-paper-button.ytd-subscribe-button-renderer {
        background: #00ef2b;
        color: #0f1929;
    }
    ytd-button-renderer.style-suggestive[is-paper-button] {
        color: #00ef2b;
        border: 1px solid #00ef2b;
    }
    [dark] yt-live-chat-app ::-webkit-scrollbar-thumb,
    [dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb {
        background-color: var(--yt-spec-text-secondary);
    }
    #cinematics.ytd-watch-flexy{
        opacity: 0;
    }
    yt-live-chat-text-message-renderer[author-type="owner"]{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .badge-style-type-live-now-alternate.ytd-badge-supported-renderer{
        padding: 5px 7px;
    }
}

Reviews

No reviews yet.