Youtube Userstyle

youtube.css

:root {
    --grey50: #A0A0A0;
    --grey75: #C0C0C0;
    --grey90: #E0E0E0;
    --opacity: 1;
}

.ytp-gradient-bottom { display: none; }
.ytp-cairo-refresh-signature-moments .ytp-play-progress { background: #F00; }
.ytp-button[data-tooltip-target-id=ytp-autonav-toggle-button],
.ytp-miniplayer-button,
.ytp-size-button,
.ytp-next-button,
.ytp-subtitles-button { display: none !important; }

#previewbar, .ytp-progress-list { transform: scaleY(0.7) !important; }
.ytp-timed-markers-container { transform: scaleY(1.8); }

.ytp-progress-list { background: var(--grey50); opacity: var(--opacity); }
.ytp-load-progress { background: var(--grey75); opacity: var(--opacity); }
.ytp-hover-progress-light { background: var(--grey90); opacity: var(--opacity); }
ytd-watch-flexy[rounded-player-large][default-layout] #ytd-player.ytd-watch-flexy { border-radius: 4px; }

.ytp-volume-panel { width: 52px; margin-right: 3px; } 

.ytp-time-current, .ytp-time-separator, .ytp-time-duration { opacity: var(--opacity); color: var(--grey50); font-weight: 500; font-size: 120% }
.ytp-chrome-controls .ytp-button, .ytp-replay-button { opacity: var(--opacity); }
.ytp-svg-fill { fill: var(--grey50); }
.ytp-volume-slider-handle, .ytp-volume-slider-handle::before, .ytp-volume-slider-handle::after { background: var(--grey50); }
.ytp-volume-slider-handle { opacity: var(--opacity); }
.ytp-settings-button path { fill: var(--grey50); }
.ytp-chrome-top, .ytp-chrome-bottom { text-shadow: none; } 
.ytp-svg-shadow { stroke: none; }

.ytp-time-display { margin-left: 1.3em; }