mirror of
https://github.com/navidrome/navidrome.git
synced 2026-11-09 03:38:48 +01:00
29c123854c* Add Moonbase theme
A warm dark theme with gold (#d4a039) accents on deep charcoal
backgrounds (#0a0a09/#141413). Features muted cream text (#e5ddd3),
copper error states (#c45c3c), and subtle earthy secondary tones.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* Fix review comments on Moonbase theme
- Fix CSS selector: use :not(.player-delete) instead of :not([class=".player-delete"])
- Fix MuiFormHelperText override structure: target error key directly
- Remove empty icon: {} and avatar: {} from NDLogin overrides
- Use comma-separated rgba syntax and hex for linear-gradient
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* Add Moonbase Alpha (light) and rename dark to Moonbase Bravo
Split the Moonbase theme into a complementary pair:
- Moonbase Alpha: warm cream/stone light theme with deep gold accents
- Moonbase Bravo: the original deep charcoal dark theme
Both share the same gold (#d4a039) brand accent, copper error states,
and earthy neutral palette. Alpha uses darkened gold (#9a7420) for
better contrast on light backgrounds.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---------
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Deluan Quintão <deluan@navidrome.org>
63 lines
1.6 KiB
JavaScript
63 lines
1.6 KiB
JavaScript
const stylesheet = `
|
|
|
|
.react-jinke-music-player-main svg:active, .react-jinke-music-player-main svg:hover {
|
|
color: #d4a039
|
|
}
|
|
|
|
.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle, .react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-track {
|
|
background-color: #d4a039;
|
|
border-color: #b8862e
|
|
}
|
|
|
|
.react-jinke-music-player-main ::-webkit-scrollbar-thumb {
|
|
background-color: #d4a039;
|
|
}
|
|
|
|
.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle:active {
|
|
box-shadow: 0 0 2px #d4a039
|
|
}
|
|
|
|
.react-jinke-music-player-main .audio-item.playing svg {
|
|
color: #d4a039
|
|
}
|
|
|
|
.react-jinke-music-player-main .audio-item.playing .player-singer {
|
|
color: #d4a039 !important
|
|
}
|
|
|
|
.react-jinke-music-player-main .rc-slider-rail {
|
|
background-color: #2a2a27 !important
|
|
}
|
|
|
|
.react-jinke-music-player-main .lyric-btn {
|
|
color: #e5ddd3 !important
|
|
}
|
|
|
|
.react-jinke-music-player-main .music-player-panel {
|
|
color: #e5ddd3 !important
|
|
}
|
|
|
|
.react-jinke-music-player-main .lyric-btn-active svg {
|
|
color: #d4a039 !important
|
|
}
|
|
|
|
.music-player-lyric {
|
|
color: #d4a039 !important
|
|
}
|
|
|
|
.audio-lists-panel-content .audio-item.playing, .audio-lists-panel-content .audio-item.playing svg {
|
|
color: #d4a039
|
|
}
|
|
.audio-lists-panel-content .audio-item:active .group:not(.player-delete) svg, .audio-lists-panel-content .audio-item:hover .group:not(.player-delete) svg {
|
|
color: #d4a039
|
|
}
|
|
|
|
.progress-bar-content .audio-title a {
|
|
color: #e5ddd3
|
|
}
|
|
|
|
.MuiCheckbox-colorSecondary.Mui-checked {
|
|
color: #d4a039 !important
|
|
}
|
|
`
|
|
export default stylesheet
|