Skip to content

Add dark mode versions of the fullscreen icons - #5972

Merged
canova merged 2 commits into
firefox-devtools:mainfrom
canova:fullscreen-dark
Apr 27, 2026
Merged

Add dark mode versions of the fullscreen icons#5972
canova merged 2 commits into
firefox-devtools:mainfrom
canova:fullscreen-dark

Conversation

@canova

@canovacanova commented Apr 27, 2026

Copy link
Copy Markdown
Member

Fixes#5970.

These svg icons were hardcoded to black color, which made them very difficult to see in the dark mode. This commit adds dark mode equivalents of these icons to make sure that they are visible there as well.

Deploy preview

These svg icons were hardcoded to black color, which made them very
difficult to see in the dark mode. This commit adds dark mode
equivalents of these icons to make sure that they are visible there as
well.
@canova
canova requested a review from fatadelApril 27, 2026 08:04
@codecov

codecovBot commented Apr 27, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.33%. Comparing base (c155fdf) to head (920e7c9).
⚠️ Report is 2 commits behind head on main.

Additional details and impacted files
@@ Coverage Diff @@## main #5972 +/- ##
=======================================
Coverage 85.33% 85.33% =======================================
Files 323 323 Lines 32262 32262 Branches 8895 8810 -85 =======================================
Hits 27532 27532 Misses 4298 4298 Partials 432 432 

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@fatadel

Copy link
Copy Markdown
Contributor

Would be nice to see a deploy preview profile :)

@canova

Copy link
Copy Markdown
MemberAuthor

Here it is

@fatadelfatadel left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wonder why fullscreen and fullscreen-exit are of different sizes but that does not seem to be introduced here... Thanks for the PR!

@canova

Copy link
Copy Markdown
MemberAuthor

Thanks! Yeah, that's weird but they are directly from: https://acorn.firefox.com/latest/desktop/styles/iconography-OJ7DtlvA It looks like the upstream's svg file is incorrect (but not a big deal).

@canova
canova enabled auto-merge (squash) April 27, 2026 10:21
@canova
canova merged commit 423727b into firefox-devtools:mainApr 27, 2026
19 checks passed
@fatadelfatadel mentioned this pull request Apr 28, 2026
fatadel added a commit that referenced this pull request Apr 28, 2026
Changes:
[Nazım Can Altınova] Add Adel to the automatic dependency reviews
(#5930)
[fatadel] Fix arrow panel appearing behind marker tooltips (#5926)
[fatadel] Upgrade Node.js from v22 to v24 (#5923)
[Markus Stange] Use createStackTableBySkippingDiscarded in focusSelf.
(#5916)
[Markus Stange] Propagate isJS to symbolicated funcs (#5907)
[Markus Stange] Always render the CPU-usage-aware activity graph when
CPU information is available (#5918)
[Nazım Can Altınova] Fallback to javascript highlighting in the source
view as a backup (#5936)
[Nazım Can Altınova] Properly type the return value of
_languageExtForPath (#5937)
[Nazım Can Altınova] Update typescript eslint dependencies (#5938)
[Markus Stange] Modernize more of the transform functions (#5934)
[Paul Adenot] Fix extractGeckoLogs for structured Log marker format (bug
2022540) (#5927)
[Nazım Can Altınova] Move some profile fetching code into a separate
module. (#5939)
[Markus Stange] Update the hovered item when panning any viewport canvas
(#5903)
[Markus Stange] Migrate Home page animation to CSS transitions and
remove react-transition-group (#5649)
[Nazım Can Altınova] Fix test/lint commands on Windows and fix CI
(#5947)
[Nazım Can Altınova] Convert profile-logic/js-tracer.tsx to a ts file
(#5942)
[Markus Stange] Remove panelLayoutGeneration (#5946)
[fatadel] Add CounterDisplayConfig to counters in the processed profile
format (#5912)
[Nazım Can Altınova] Fix eslint-config-prettier silently overriding
custom rules (#5955)
[fatadel] Dim non-matching nodes in the stack chart when searching
(#5935)
[Nazım Can Altınova] Fix loading .json.gz profiles from inside zip
archives (#5959)
[Ryan Hunt] Add a fullscreen button to the bottom box (#5605)
[Markus Stange] Speed up _computeCallNodeTableHierarchy by keeping
siblings ordered by func (#5964)
[Markus Stange] Replace symbolicator-cli with a profiler-edit node tool
(#5965)
[Nazım Can Altınova] Add "Include idle samples" toggle to the call tree
settings (#5968)
[Nazım Can Altınova] Add dark mode versions of the fullscreen icons
(#5972)
[fatadel] Replace 4 counter track components with a single generic
TrackCounter (#5944)
[fatadel] Use ephemeral port for esbuild's internal dev server (#5974)
[carverdamien] Remove category from LongTaskMarkerPayload (#5975)
And special thanks to our localizers:
de: Ger de: Michael Köhler el: Jim Spentzos en-GB: Ian Neal es-CL: ravmn fr: Théo Chevalier ia: Melo46 it: Francesco Lodolo [:flod] nl: Mark Heijl pt-BR: Marcelo Ghelman ru: Valery Ledovskoy ru: berry sv-SE: Andreas Pettersson tr: Grk zh-CN: Olvcpr423 zh-CN: wxie zh-TW: Pin-guang Chen
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fullscreen button isn't legible in dark mode

2 participants

@canova@fatadel