diff --git a/marietje/marietje/static/marietje/css/custom.css b/marietje/marietje/static/marietje/css/custom.css index f229400..ec49163 100644 --- a/marietje/marietje/static/marietje/css/custom.css +++ b/marietje/marietje/static/marietje/css/custom.css @@ -31,19 +31,6 @@ a { color: var(--text-color); } -.table { - color: var(--text-color); -} - -.table-striped tbody tr:nth-of-type(odd) { - background-color: var(--background-shade); - color: var(--text-color); -} - -.table-striped > tbody > tr:nth-of-type(odd) > * { - color: var(--text-color); -} - input[type="text"], input[type="password"] { background-color: var(--background-shade-light); border: 1px solid var(--background-shade); @@ -82,6 +69,19 @@ footer { text-align: center; } +.table { + color: var(--text-color); +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: var(--background-shade); + color: var(--text-color); +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + color: var(--text-color); +} + .marietjequeue { color: #777777; } @@ -91,7 +91,24 @@ footer { } .marietjequeue-pre-start td { - border-bottom: 3px double #777777; + border-bottom: 3px double var(--text-color); +} + +.marietjequeue-post-start td { + border-top: 3px double var(--text-color); +} + +tr.requested_song{ + border-left: 1px solid var(--text-color); +} + +.currentsong { + border-bottom: 1px solid var(--text-color); + font-weight: bold; +} + +.underline_cell { + border-bottom: 1px solid var(--text-color); } .block-button { @@ -100,13 +117,10 @@ footer { transition: 1s transform ease-in-out; } -.currentsong { - border-bottom: 1px solid #DDDDDD; -} - .navbar-text { color: var(--text-color); } + .danger { color: red !important; } diff --git a/marietje/marietje/static/marietje/css/variables.css b/marietje/marietje/static/marietje/css/variables.css index 1a416fb..3c7405d 100644 --- a/marietje/marietje/static/marietje/css/variables.css +++ b/marietje/marietje/static/marietje/css/variables.css @@ -20,17 +20,19 @@ @media (prefers-color-scheme: dark) { :root { - --background-color: #202020; - --background-shade: #404040; - --background-shade-light: #696969; + --background-color: #181818; + --background-shade: #282828; + --background-shade-light: #404040; - --card-background: #696969; - --card-background-shade: #404040; - --card-background-contrast: #ffffff; + --card-background: #404040; + --card-background-shade: #282828; + --card-background-contrast: #dddddd; --title-color: #000000; --sub-title-color: #dddddd; --link-color: #007bff; - --text-color: #ffffff; + --text-color: #dddddd; + + --bs-border-color: #282828; } } \ No newline at end of file diff --git a/marietje/queues/templates/queues/queue.html b/marietje/queues/templates/queues/queue.html index 4ac8b66..5a72366 100644 --- a/marietje/queues/templates/queues/queue.html +++ b/marietje/queues/templates/queues/queue.html @@ -71,7 +71,7 @@
| Artist | Title | Requested By | @@ -84,7 +84,9 @@
| <% song.song.artist %> | <% song.song.title %> |