Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

Avatar for Username

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

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

  • 3 件の返信
  • 1 人がこの問題に困っています
  • 1 回表示
  • 最後の返信者: cor-el

CerebralDatabank
CerebralDatabank
more options

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
more options

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 質問者
more options

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
more options

選ばれた解決策

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.