Firefox DevTools hides unreferenced CSS variables (#note)

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 :ro…


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis

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.

Chrome DevTools with open CSS panel showing tons of unused custom properties.

Firefox 145 (released Nov 11, 2025) now added a tiny adjustment that helps out massively.

Firefox DevTools hiding "52 unused CSS properties".

Love it!

Reply to Stefan


This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis


Print Share Comment Cite Upload Translate Updates
APA

Stefan Judis | Sciencx (2026-01-09T23:00:00+00:00) Firefox DevTools hides unreferenced CSS variables (#note). Retrieved from https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/

MLA
" » Firefox DevTools hides unreferenced CSS variables (#note)." Stefan Judis | Sciencx - Friday January 9, 2026, https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/
HARVARD
Stefan Judis | Sciencx Friday January 9, 2026 » Firefox DevTools hides unreferenced CSS variables (#note)., viewed ,<https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/>
VANCOUVER
Stefan Judis | Sciencx - » Firefox DevTools hides unreferenced CSS variables (#note). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/
CHICAGO
" » Firefox DevTools hides unreferenced CSS variables (#note)." Stefan Judis | Sciencx - Accessed . https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/
IEEE
" » Firefox DevTools hides unreferenced CSS variables (#note)." Stefan Judis | Sciencx [Online]. Available: https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/. [Accessed: ]
rf:citation
» Firefox DevTools hides unreferenced CSS variables (#note) | Stefan Judis | Sciencx | https://www.scien.cx/2026/01/09/firefox-devtools-hides-unreferenced-css-variables-note/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts