Initial commit

1 files changed, 85 insertions, 0 deletions

diff --git a/dark.css b/dark.css
new file mode 100644
index 0000000..4ee8c92
--- /dev/null
+++ b/dark.css
@@ -0,0 +1,85 @@
+@media (prefers-color-scheme: dark) {
+    #navigation-bar {
+        border-bottom: 1px solid #252525 !important;
+        background: rgba(17, 17, 17, 0.5) !important;
+    }
+
+    body, #selector {
+        background: #111 !important;
+        color: white !important;
+    }
+
+    #logo {
+        color: white !important;
+    }
+
+    #main-container {
+        color: white !important;
+    }
+
+    #video-info {
+        color: white !important;
+    }
+
+    li.list-group-item {
+        background: #222;
+        color: white;
+    }
+
+    li.list-group-item:hover {
+        background: #333 !important;
+        color: white !important;
+    }
+
+    li.list-group-item:active {
+        background: #252525 !important;
+        color: white !important;
+    }
+
+    #loader, #loader-box {
+        background: #151515 !important;
+    }
+
+    #search-box, #counts {
+        color: white !important;
+    }
+
+    #search {
+        background: #222;
+        border: 1px solid #222;
+        color: white;
+    }
+
+    .card {
+        background: #222;
+        color: white;
+    }
+    
+    .modal-content {
+        color: black;
+    }
+
+    .alert-warning {
+        color: #fff3cd;
+        background-color: #8564044a;
+        border-color: #8564049c;
+    }
+
+    .alert-info {
+        color: #fff3cd;
+        background-color: rgba(4, 84, 133, 0.29);
+        border-color: rgba(4, 64, 133, 0.61);
+    }
+
+    #intermission-note {
+        position: fixed;
+        bottom: 10px;
+        left: 0;
+        right: 0;
+        text-align: center;
+    }
+
+    #close-btn {
+        filter: invert(1);
+    }
+}