diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/.DS_Store | bin | 10244 -> 10244 bytes | |||
| -rw-r--r-- | assets/dark.css | 8 | ||||
| -rw-r--r-- | assets/icons/home.svg | 1 | ||||
| -rw-r--r-- | assets/icons/search.svg | 1 | ||||
| -rw-r--r-- | assets/icons/volume-down.svg | 1 | ||||
| -rw-r--r-- | assets/icons/volume-up.svg | 1 | ||||
| -rw-r--r-- | assets/styles.css | 67 |
7 files changed, 42 insertions, 37 deletions
diff --git a/assets/.DS_Store b/assets/.DS_Store Binary files differindex 5ab4458..45c9d8c 100644 --- a/assets/.DS_Store +++ b/assets/.DS_Store diff --git a/assets/dark.css b/assets/dark.css index 18e5855..c1cd24b 100644 --- a/assets/dark.css +++ b/assets/dark.css @@ -12,6 +12,10 @@ background-color: black !important; } + .track:hover { + background-color: #151515 !important; + } + body { color: white !important; } @@ -69,6 +73,10 @@ color: #aaa !important; } + #favorites-user-select { + filter: invert(1) !important; + } + #filter, #search, .btn, .form-check-input, .link, .btn-close { filter: invert(1) hue-rotate(180deg); } diff --git a/assets/icons/home.svg b/assets/icons/home.svg new file mode 100644 index 0000000..0887f2c --- /dev/null +++ b/assets/icons/home.svg @@ -0,0 +1 @@ +<svg fill="#79c2f6" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M242-200h131v-247h214v247h131v-358L480-738 242-558v358Zm-54 54v-439l292-220 292 220v439H533v-247H427v247H188Zm292-323Z"/></svg>
\ No newline at end of file diff --git a/assets/icons/search.svg b/assets/icons/search.svg new file mode 100644 index 0000000..f812a6f --- /dev/null +++ b/assets/icons/search.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M787-138 535-390q-30 25-73.5 38.5T379-338q-102.231 0-173.115-70.837Q135-479.675 135-581.837 135-684 205.837-755q70.838-71 173-71Q481-826 552-755.115 623-684.231 623-582q0 42-13.5 83T572-429l253 253-38 38ZM379-392q81 0 135.5-54.5T569-582q0-81-54.5-135.5T379-772q-81 0-135.5 54.5T189-582q0 81 54.5 135.5T379-392Z"/></svg>
\ No newline at end of file diff --git a/assets/icons/volume-down.svg b/assets/icons/volume-down.svg new file mode 100644 index 0000000..f60256d --- /dev/null +++ b/assets/icons/volume-down.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M310-392v-176h144l154-156v488L454-392H310Zm54-54h112l78 80v-228l-78 80H364v68Zm95-34Z"/></svg>
\ No newline at end of file diff --git a/assets/icons/volume-up.svg b/assets/icons/volume-up.svg new file mode 100644 index 0000000..d97dfa6 --- /dev/null +++ b/assets/icons/volume-up.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M548-121v-56q101-30 164.5-115T776-482q0-104-64-188T548-784v-56q123 31 202.5 131T830-482q0 128-79.5 229T548-121ZM130-392v-176h144l154-156v488L274-392H130Zm418 48v-272q34 23 53 59t19 77q0 42-19.5 77.5T548-344ZM374-594l-78 80H184v68h112l78 80v-228Zm-95 114Z"/></svg>
\ No newline at end of file diff --git a/assets/styles.css b/assets/styles.css index 0ad2afc..890a13e 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -136,13 +136,30 @@ body.native #lyrics-page { } } +.form-range::-webkit-slider-thumb { + background-color: #ccc; + box-shadow: none !important; +} + +.form-range::-webkit-slider-thumb:active { + background-color: #eee; +} + @media (max-width: 863px) { #player.bg-white.desktop-player.mobilified .container { grid-template-columns: 1fr !important; } + #player.mobilified #badges { + display: none !important; + } + #player.desktop-player.mobilified .player-badge-desktop { - display: initial !important; + display: none !important; + } + + #player.desktop-player.mobilified #info-grid-title-inner { + max-width: initial !important; } #player.desktop-player.mobilified .player-btn { @@ -347,42 +364,6 @@ body.native #lyrics-page { margin-right: 5px; } -#player #badge-hires .player-badge-desktop { - background: white; - color: rgb(182, 110, 2); - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -#player #badge-cd .player-badge-desktop { - background: white; - color: #02b6a7; - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -#player #badge-lossy .player-badge-desktop { - background: white; - color: #a402b6; - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - .navigation-item img { filter: brightness(0%); } @@ -513,4 +494,16 @@ body.web { .tooltip { z-index: 99999 !important; +} + +#player.mobilified #info-grid { + z-index: initial !important; +} + +#buttons { + display: block !important; +} + +.track:hover { + background-color: #f2f2f2; }
\ No newline at end of file |
