Firefox CSS, No More RED Youtube

gistfile1.txt

@-moz-document domain("youtube.com") {
yt-icon.ytd-topbar-logo-renderer,
yt-icon.ytd-logo {
fill-opacity: 0;
background: url(chrome/yt.png) center center/100% no-repeat !important;
max-width: 100%;
max-height: 100px;
position: relative !important;}

.ytp-swatch-background-color { background-color: #fffd80 !important; }

/* notifications badge color now yellow */
.yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
background-color: #fffd80 !important; color: #2b2b2b !important;}
.yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__badge {
border: 0px solid rgba(0,0,0,0.8) !important;}

/* Button that shows video is live under thumbnail is now cyan blue */
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
background: rgba(92, 198, 223, 0.9) !important;
color: var(--yt-spec-static-brand-white) !important;}

/* watching live indicator now cyan */
.ytp-live-badge[disabled]::before {background: #00e3fb;}

.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-color: #313131 !important;}
} /* <---- dont delete this closes out youtube customization */

Updated settings badge icon

watching live video button is now cyan