Firefox DevTools hides unreferenced CSS variables
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
Here's a quick and handy addition to the Firefox DevTools.
Whenever you debug CSS that's full of CSS variables, it becomes annoyingly hard to parse everything going on in the DevTools because the custom properties are cluttering :root or * or whatever.
Firefox 145 (released Nov 11, 2025) now added a tiny adjustment that helps out massively.
Love it!
If you enjoyed this article...
Join 6.3k readers and learn something new every week with Web Weekly.
Reply to this post and share your thoughts via good old email.
Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.