navidrome/ui/src/themes
Deluan 9f0d3f3cf4 fix(ui): sync body background color with theme
Set document.body.style.backgroundColor to match the current theme's background
color whenever the theme changes. This fixes the white background that appeared
during pull-to-refresh gestures on mobile or overscroll on desktop, where the
browser reveals the area behind the app content.

The background color is determined by the theme's palette.background.default
value if defined, otherwise falls back to Material-UI defaults (#303030 for
dark themes, #fafafa for light themes).

Signed-off-by: Deluan <deluan@navidrome.org>
2025-12-02 16:14:32 -05:00
..
amusic.css.js fix(ui): Amusic theme improvements (#4731) 2025-11-28 08:52:26 -05:00
amusic.js fix(ui): Amusic theme improvements (#4731) 2025-11-28 08:52:26 -05:00
catppuccinMacchiato.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
catppuccinMacchiato.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
dark.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
dark.js fix(ui): increase contrast of button text in the Dark theme 2025-11-12 16:17:41 -05:00
electricPurple.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
electricPurple.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
extradark.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
green.js Artist page improvements (#1391) 2021-10-15 21:02:11 -04:00
gruvboxDark.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
gruvboxDark.js fix(ui): fix color of MuiIconButton in Gruvbox Dark theme (#4585) 2025-10-29 09:14:40 -04:00
index.js feat(ui): add SquiddiesGlass Theme (#4632) 2025-11-22 13:41:59 -05:00
ligera.js fix(ui): adjust margins for bulk actions buttons in Spotify-ish and Ligera 2025-11-13 18:30:44 -05:00
light.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
light.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
monokai.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
monokai.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
nord.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
nord.js fix(ui): playlist details overflow in spotify-based themes (#4184) 2025-06-08 14:21:40 -04:00
nuclear.css.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
nuclear.js build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
README.md build(ui): migrate from CRA/Jest to Vite/Vitest (#3311) 2024-09-28 11:54:36 -04:00
spotify.js fix(ui): adjust margins for bulk actions buttons in Spotify-ish and Ligera 2025-11-13 18:30:44 -05:00
SquiddiesGlass.css.js feat(ui): add SquiddiesGlass Theme (#4632) 2025-11-22 13:41:59 -05:00
SquiddiesGlass.js feat(ui): add SquiddiesGlass Theme (#4632) 2025-11-22 13:41:59 -05:00
theme.test.js fix(ui): playlist details overflow in spotify-based themes (#4184) 2025-06-08 14:21:40 -04:00
useCurrentTheme.js fix(ui): sync body background color with theme 2025-12-02 16:14:32 -05:00
useCurrentTheme.test.jsx fix(ui): sync body background color with theme 2025-12-02 16:14:32 -05:00

To create and contribute with new themes, please refer to https://www.navidrome.org/docs/developers/creating-themes/