Bring back the classic glass UI feel to YouTube with this Stylus CSS.
Designed to work smoothly across common layouts and popular extensions.
👉 Stylus page:
YouTube – Revert Glass UI
This CSS has been tested and works with:
- Fullscreen
- Theater mode (mostly OK)
- Enhancer for YouTube
- SponsorBlock
📝 You can also use this script without any extensions.
If something breaks, leave a review describing the issue — I’ll reply ASAP.
This CSS includes two optional tweaks you can enable or disable easily:
-
Always-visible “Skip” button
- Visible even when not in a playlist
- Added because YouTube randomly hid it (and I use it a lot)
-
Volume slider color
- Red by default
💡 These options are now implemented properly using Stylus preprocessor mode,
so you can toggle them cleanly without editing the CSS manually.
- Restore SponsorBlock hover effect when not in fullscreen
(currently looks a bit weird)
- Implemented options correctly using Stylus preprocessor mode
- Added clean Stylus-integrated options:
- Red volume slider toggle
- Forced Skip button toggle
- Added cleaner UserStyle metadata
- Fixed YouTube embeds
- Optional features (slider color + skip button) are now much easier to find
→ search forOPTIONand read comments - Playlist buttons fixed
- Settings wheel rotation fixed
(still blurry when rotated??) - Fixed settings wheel position + rotation when no extensions are used
- Viewbar color is now red in playlists
- Fixed color issues
- Tested all extension combinations
- Found settings icon misalignment when no extensions are used
- Fix planned for next update
- Noticed settings wheel doesn’t rotate from center
- Fix planned for next update
- 🚨 Urgent fix after Enhancer for YouTube update
(Didn’t that guy abandon Firefox updates??)
- Forgot to comment out the red volume handle by default
- First attempt at fixing play/pause alignment when zooming
(not fully fixed, but learned something)
- Fixed SponsorBlock segment hover effect
- Fixed SponsorBlock segments being too low in fullscreen