From 9f9d66afebc59c6c265c4424f7b8fb36d8876541 Mon Sep 17 00:00:00 2001 From: RaindropsSys Date: Thu, 26 Oct 2023 16:39:03 +0200 Subject: Updated 34 files and added 146 files (automated) --- assets/.DS_Store | Bin 10244 -> 10244 bytes assets/dark.css | 52 +++++++++++++++++++++++++++++++++++++--------- assets/icons/add.svg | 1 + assets/icons/download.svg | 1 + assets/icons/info.svg | 1 + assets/icons/menu.svg | 1 + assets/icons/playlist.svg | 2 +- assets/icons/playnext.svg | 1 + assets/icons/remove.svg | 1 + assets/icons/settings.svg | 2 +- assets/logo-display.ico | Bin 0 -> 13603 bytes assets/logo-mac.png | Bin 0 -> 386333 bytes assets/logo.icns | Bin 0 -> 420932 bytes assets/styles.css | 18 +++++++++++++++- 14 files changed, 67 insertions(+), 13 deletions(-) create mode 100644 assets/icons/add.svg create mode 100644 assets/icons/download.svg create mode 100644 assets/icons/info.svg create mode 100644 assets/icons/menu.svg create mode 100644 assets/icons/playnext.svg create mode 100644 assets/icons/remove.svg create mode 100644 assets/logo-display.ico create mode 100644 assets/logo-mac.png create mode 100644 assets/logo.icns (limited to 'assets') diff --git a/assets/.DS_Store b/assets/.DS_Store index eb23c80..5cbb3b6 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/assets/dark.css b/assets/dark.css index e969545..8279657 100644 --- a/assets/dark.css +++ b/assets/dark.css @@ -11,16 +11,16 @@ filter: brightness(0%) invert(1) grayscale(1) !important; } - .navigation-item.active, .navigation-item:active { + div.navigation-item.active, div.navigation-item:active { background-color: rgba(255, 255, 255, .25) !important; } .navigation-item:hover { - background-color: rgba(255, 255, 255, .1); + background-color: rgba(255, 255, 255, .1) !important; } .album:hover { - background-color: rgba(255, 255, 255, .1); + background-color: rgba(255, 255, 255, .1) !important; } #player.bg-white { @@ -32,11 +32,19 @@ } .player-btn:hover { - background-color: rgba(255, 255, 255, .1); + background-color: rgba(255, 255, 255, .1) !important; } .player-btn:active { - background-color: rgba(255, 255, 255, .25); + background-color: rgba(255, 255, 255, .25) !important; + } + + .dropdown-menu { + filter: invert(1) hue-rotate(180deg); + } + + .dropdown-item:hover { + background-color: rgba(0, 0, 0, .25); } .desktop-player #album-art[src="/assets/nothing.svg"] { @@ -52,16 +60,22 @@ color: #666 !important; } - #filter, .list-group-item, .btn, .form-check-input, .link { + #filter, .btn, .form-check-input, .link, .btn-close { filter: invert(1) hue-rotate(180deg); } - .list-group-item img { - filter: invert(1) hue-rotate(180deg); + .list-group-item .icon { + filter: invert(1) !important; } - .list-group-item .icon { - filter: none !important; + .list-group-item { + background: #050505; + color: white; + border-color: #333; + } + + .dropdown-menu.show { + z-index: 999999 !important; } .desktop-player #seekbar-container { @@ -83,4 +97,22 @@ #lyrics-outer #loading { background-color: transparent !important; } + + body.web { + background-color: black !important; + } + + .dropdown-item img { + filter: none !important; + } + + + .modal-header { + border-bottom: 1px solid #353738; + } + + .modal-content { + border: 1px solid rgba(255, 255, 255, .2); + background-color: #111; + } } \ No newline at end of file diff --git a/assets/icons/add.svg b/assets/icons/add.svg new file mode 100644 index 0000000..37cf0c2 --- /dev/null +++ b/assets/icons/add.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/download.svg b/assets/icons/download.svg new file mode 100644 index 0000000..2e1cd9c --- /dev/null +++ b/assets/icons/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/info.svg b/assets/icons/info.svg new file mode 100644 index 0000000..5cd0fe5 --- /dev/null +++ b/assets/icons/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/menu.svg b/assets/icons/menu.svg new file mode 100644 index 0000000..b182f03 --- /dev/null +++ b/assets/icons/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/playlist.svg b/assets/icons/playlist.svg index 471d3f2..76c1216 100644 --- a/assets/icons/playlist.svg +++ b/assets/icons/playlist.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/icons/playnext.svg b/assets/icons/playnext.svg new file mode 100644 index 0000000..78824a5 --- /dev/null +++ b/assets/icons/playnext.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/remove.svg b/assets/icons/remove.svg new file mode 100644 index 0000000..e24e387 --- /dev/null +++ b/assets/icons/remove.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/settings.svg b/assets/icons/settings.svg index 759e748..1e37786 100644 --- a/assets/icons/settings.svg +++ b/assets/icons/settings.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/logo-display.ico b/assets/logo-display.ico new file mode 100644 index 0000000..1860aa0 Binary files /dev/null and b/assets/logo-display.ico differ diff --git a/assets/logo-mac.png b/assets/logo-mac.png new file mode 100644 index 0000000..29d8a1e Binary files /dev/null and b/assets/logo-mac.png differ diff --git a/assets/logo.icns b/assets/logo.icns new file mode 100644 index 0000000..f3c9a2d Binary files /dev/null and b/assets/logo.icns differ diff --git a/assets/styles.css b/assets/styles.css index de4d33f..100ea0d 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -370,7 +370,7 @@ iframe { } #navigation-container { - grid-template-columns: repeat(5, 1fr) !important; + grid-template-columns: repeat(6, 1fr) !important; display: grid !important; margin-top: 2px; } @@ -407,6 +407,14 @@ iframe { } } +@media (min-height: 64px) { + #info-grid-title, #info-grid-info { + position: relative; + top: 5px; + z-index: -1; + } +} + @media (max-width: 823px) { #lyrics-outer, #lyrics-outer * { color: rgba(255, 255, 255, .75); @@ -429,4 +437,12 @@ iframe { #badges { -webkit-app-region: drag; +} + +.dropdown-item:active img { + filter: invert(1); +} + +body.web { + background-color: white; } \ No newline at end of file -- cgit