diff options
Diffstat (limited to 'assets/dark.css')
| -rw-r--r-- | assets/dark.css | 52 |
1 files changed, 42 insertions, 10 deletions
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 |