Skip to content

Cyan Youtube by IvanGurjev

Screenshot of Cyan Youtube

Details

AuthorIvanGurjev

LicenseNo License

Categoryyoutube

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Changes colors

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           ? - Jan 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("youtube.com") {
.yt-spec-brand-button-background, .ytp-play-progress, .html5-play-progress .html5-scrubber-button, .ytp-scrubber-button, .yt-spec-brand-button, .yt-spec-static-brand-red .ytp-live-badge[disabled]:before, .YtProgressBarProgressBarPlayheadDot, .YtProgressBarProgressBarPlayed, .thumbnail-overlay-resume-playback-progress, .ytd-thumbnail-overlay-resume-playback-renderer, .live-at-head.time-display-with-live-dot::before{
    background: #08A696 !important;
    background-color: #08A696 !important;
    --yt-spec-static-brand-red: #08A696 !important;
    --ytcp-error-red: #08A696 !important;
}
    
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer, .yt-spec-static-brand-red, .yt-spec-brand-button-background, #info-panel.ytd-reel-player-overlay-renderer, #suggested-action.ytd-reel-player-overlay-renderer, .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
    background: #025159 !important;
}

.ytcp-home-button{
    filter: hue-rotate(78deg) !important;
}

html{
    --yt-brand-youtube-red: #08A696 !important;
    --yt-brand-medium-red: #08A696 !important;
    --yt-brand-light-red: #08A696 !important;
    --yt-spec-red-30: #08A696 !important;
    --yt-spec-red-70: #08A696 !important;
    --yt-brand-medium-red-alpha-90: #08A696 !important;
}
html[dark], [dark]{
    --yt-spec-static-brand-red: #08A696 !important;
}
.ytp-settings-button.ytp-hd-quality-badge:after, .ytp-settings-button.ytp-hdr-quality-badge:after, .ytp-settings-button.ytp-4k-quality-badge:after, .ytp-settings-button.ytp-5k-quality-badge:after, .ytp-settings-button.ytp-8k-quality-badge:after, .ytp-settings-button.ytp-3d-badge-grey:after, .ytp-settings-button.ytp-3d-badge:after{
    background: #08A696;
}
.yt-spec-icon-shape{
    filter: hue-rotate(175deg) saturate(56%) !important;
}
}

Reviews

No reviews yet.