Changes colors
Cyan Youtube by IvanGurjev

Details
AuthorIvanGurjev
LicenseNo License
Categoryyoutube
Created
Updated
Code size2.0 kB
Code checksum80bc29af
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}