Skip to content

Commit 241fe8c

Browse files
Fix tooltip dark mode styling (#688)
* svg for theme toggle * feat: add dark mode state management and CSS variables * feat: add ThemeToggle component with moon/sun icons * feat: integrate ThemeToggle into sidebar with proper positioning * style: update component styles for dark mode compatibility * docs: update changelog with correct repository link - Fix PR link to point to webpack/webpack-bundle-analyzer - Add proper GitHub profile attribution @theEquinoxDev - Follow established changelog format consistency * fix: apply dark mode styles to tooltip using CSS Modules global selector * docs: add changelog entry for tooltip dark mode fix * style: use theme color variables for tooltip dark mode * Fix changelog entry position --------- Co-authored-by: Vesa Laakso <482561+valscion@users.noreply.github.com>
1 parent fc2ddb1 commit 241fe8c

2 files changed

Lines changed: 10 additions & 0 deletions

File tree

CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
1212

1313
## UNRELEASED
1414

15+
* **Bug Fix**
16+
* Fix tooltip styling in dark mode when using CSS Modules ([#688](https://github.com/webpack/webpack-bundle-analyzer/pull/688) by [@theEquinoxDev](https://github.com/theEquinoxDev))
17+
18+
1519
## 5.1.0
1620

1721
* **Bug Fix**

client/components/Tooltip.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,3 +15,9 @@
1515
opacity: 0;
1616
visibility: hidden;
1717
}
18+
19+
:global(html[data-theme='dark']) .container {
20+
background: var(--bg-primary);
21+
color: var(--text-primary);
22+
border: 1px solid var(--border-color);
23+
}

0 commit comments

Comments
 (0)