Join us to show up for other Firefox users 🦊. Earn fun badges and Mozilla swag vouchers! Find out more: https://mzl.la/askafox150

Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά παραβίασης».

Μάθετε περισσότερα

Αυτό το νήμα αρχειοθετήθηκε. Κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.

How to have a different compact theme in Developer Tools and in browser

  • 3 απαντήσεις
  • 1 έχει αυτό το πρόβλημα
  • 135 προβολές
  • Τελευταία απάντηση από cor-el
  • Επιλύθηκε

CerebralDatabank
CerebralDatabank

If I switch to the Compact Light Theme for my browser in about:addons, the developer tools also adopts that theme, and vice versa. I want my browser to have a Compact Light theme and my developer tools to have the dark theme. How do I do this?

If I switch to the Compact Light Theme for my browser in about:addons, the developer tools also adopts that theme, and vice versa. I want my browser to have a Compact Light theme and my developer tools to have the dark theme. How do I do this?

Επιλεγμένη λύση

I hadn't tested it with a lightweight theme, but I can confirm that what I posted only works when the default theme is selected. Once you select compact light or compact dark then this applies to the Firefox user interface and to the Developer Tools. You would have to use code in userChrome.css to style the user interface and use devtools.theme = dark for the developer tools.

Προβολή απάντησης εντός συζήτησης 👍 0

Όλες οι απαντήσεις (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor

Did you change the theme setting in the Web Developer toolbox settings (cogwheel on the Web Developer toolbar) once you have chosen the light theme in about:addons appearance?

That should work for the developer tools only.

CerebralDatabank
CerebralDatabank Ιδιοκτήτης ερώτησης

cor-el said

Did you change the theme setting in the Web Developer toolbox settings (cogwheel on the Web Developer toolbar) once you have chosen the light theme in about:addons appearance? That should work for the developer tools only.

I already tried that. However, I tried it again, but it didn't work. :( I have also gone to about:config and set lightweightThemes.selectedThemeID from firefox-compact-dark@mozilla.org to firefox-compact-light@mozilla.org but when I restart Firefox, it resets to whatever the developer tools theme was.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor

Επιλεγμένη λύση

I hadn't tested it with a lightweight theme, but I can confirm that what I posted only works when the default theme is selected. Once you select compact light or compact dark then this applies to the Firefox user interface and to the Developer Tools. You would have to use code in userChrome.css to style the user interface and use devtools.theme = dark for the developer tools.