navidrome/ui/src/themes/light.css.js
Deluan Quintão fcdd30ba8f
build(ui): migrate from CRA/Jest to Vite/Vitest (#3311)
* feat: create vite project

* feat: it's alive!

* feat: `make dev` working!

* feat: replace custom serviceWorker with vite plugin

* test: replace Jest with Vitest

* fix: run prettier

* fix: skip eslint for now.

* chore: remove ui.old folder

* refactor: replace lodash.pick with simple destructuring

* fix: eslint errors (wip)

* fix: eslint errors (wip)

* fix: display-name eslint errors (wip)

* fix: no-console eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: build

* fix: pwa manifest

* refactor: pwa manifest

* refactor: simplify PORT configuration

* refactor: rename simple JS files

* test: cover playlistUtils

* fix: react-image-lightbox

* feat(ui): add sourcemaps to help debug issues
2024-09-28 11:54:36 -04:00

123 lines
3.5 KiB
JavaScript

const stylesheet = `
.react-jinke-music-player-main.light-theme .loading svg {
color: #5f5fc4;
font-size: 24px
}
.react-jinke-music-player-mobile-play-model-tip {
background-color: #5f5fc4;
}
.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: #5f5fc4
}
.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle:active {
box-shadow: 0 0 2px #5f5fc4
}
.react-jinke-music-player-main.light-theme .audio-item.playing svg {
color: #5f5fc4
}
.react-jinke-music-player-main.light-theme .audio-item.playing .player-singer {
color: #5f5fc4 !important
}
.audio-lists-panel-content .audio-item.playing, .audio-lists-panel-content .audio-item.playing svg {
color: #5f5fc4
}
.audio-lists-panel-content .audio-item:active .group:not([class=".player-delete"]) svg, .audio-lists-panel-content .audio-item:hover .group:not([class=".player-delete"]) svg {
color: #5f5fc4
}
.react-jinke-music-player-main.light-theme ::-webkit-scrollbar-thumb {
background-color: #5f5fc4;
}
.react-jinke-music-player-main.light-theme svg {
color: #5f5fc4
}
.react-jinke-music-player-main.light-theme svg:active, .react-jinke-music-player-main.light-theme svg:hover {
color: #7171d5
}
.react-jinke-music-player-main.light-theme .rc-slider-rail {
background-color: rgba(0, 0, 0, .09) !important
}
.react-jinke-music-player-main.light-theme .music-player-controller {
background-color: #fff;
border-color: #fff
}
.react-jinke-music-player-main.light-theme .music-player-panel {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 34, 77, .05);
color: #5f5fc4
}
.react-jinke-music-player-main.light-theme .music-player-panel .img-content {
box-shadow: 0 0 10px #dcdcdc
}
.react-jinke-music-player-main.light-theme .music-player-panel .progress-load-bar {
background-color: rgba(0, 0, 0, .06) !important
}
.react-jinke-music-player-main.light-theme .rc-switch {
color: #fff
}
.react-jinke-music-player-main.light-theme .rc-switch:after {
background-color: #fff
}
.react-jinke-music-player-main.light-theme .rc-switch-checked {
background-color: #5f5fc4 !important;
border: 1px solid #5f5fc4
}
.react-jinke-music-player-main.light-theme .rc-switch-inner {
color: #fff
}
.react-jinke-music-player-main.light-theme .audio-lists-btn {
background-color: #f7f8fa !important
}
.react-jinke-music-player-main.light-theme .audio-lists-btn:active, .react-jinke-music-player-main.light-theme .audio-lists-btn:hover {
background-color: #fdfdfe;
color: #444
}
.react-jinke-music-player-main.light-theme .audio-lists-btn > .group:hover, .react-jinke-music-player-main.light-theme .audio-lists-btn > .group:hover > svg {
color: #444
}
.react-jinke-music-player-main.light-theme .audio-lists-panel {
background-color: #fff;
box-shadow: 0 0 2px #dcdcdc;
color: #444
}
.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item {
background-color: #fff
}
.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item:nth-child(odd) {
background-color: #fafafa !important
}
.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing {
background-color: #f2f2f2 !important
}
.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing, .react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing svg {
color: #5f5fc4 !important
}
`
export default stylesheet