Skip to content

Commit b056d8e

Browse files
authored
fix(theme-toggle): show moon in light mode, sun in dark mode (#16802)
1 parent 4ebc08e commit b056d8e

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/components/theme-toggle.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ export function ThemeToggle({
1313
<Fragment>
1414
<style>{`
1515
:root, .light, .light-theme {
16-
--theme-toggle-sun-icon-display: block;
17-
--theme-toggle-moon-icon-display: none;
18-
}
19-
.dark, .dark-theme {
2016
--theme-toggle-sun-icon-display: none;
2117
--theme-toggle-moon-icon-display: block;
2218
}
19+
.dark, .dark-theme {
20+
--theme-toggle-sun-icon-display: block;
21+
--theme-toggle-moon-icon-display: none;
22+
}
2323
`}</style>
2424

2525
<Tooltip className="radix-themes-custom-fonts" content="Toggle theme">

0 commit comments

Comments
 (0)