Update dark theme

user234683 · Sep 7, 2021 · 8503b65 · 8503b65
1 parent 0c4955e
commit 8503b65
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
@@ -37,6 +37,13 @@ a:not([href]){
     color: #10547f;
 }
 
+input[type="file"]::-webkit-file-upload-button{
+    color: var(--text-color);
+    background-color: #444444;
+    border: 1px solid var(--text-color);
+    border-radius: 3px;
+    padding: 2px 3px;
+}
 .button,
 input,
 input[type="file"]::file-selector-button,
@@ -49,6 +56,9 @@ button[type=submit]{
     padding: 2px 3px;
 }
 
+input[type="file"]::-webkit-file-upload-button:hover{
+    background-color: #222222;
+}
 .button:hover,
 input:hover,
 input[type="file"]::file-selector-button:hover,
@@ -58,10 +68,12 @@ button[type=submit]:hover{
 }
 
 input[type="checkbox"]{
-    filter: invert(85%) hue-rotate(18deg) brightness(1.7);
-}
+    -webkit-filter: invert(85%) hue-rotate(18deg) brightness(1.7);
+            filter: invert(85%) hue-rotate(18deg) brightness(1.7);
+} 
 input[type="checkbox"]:checked{
-    filter: none;
+    -webkit-filter: none;
+            filter: none;
 }
 
 
diff --git a/youtube/templates/base.html b/youtube/templates/base.html
@@ -106,7 +106,7 @@ <h3>Duration</h3>
             {% if header_playlist_names is defined %}
                 <input id="playlist-form-toggle-cbox" type="checkbox" hidden>
                 <form id="playlist-edit" action="/youtube.com/edit_playlist" method="post" target="_self">
-                    <input name="playlist_name" class="search-box" id="playlist-name-selection" list="playlist-options" type="text" placeholder="Playlist name">
+                    <input name="playlist_name" id="playlist-name-selection" list="playlist-options" type="text" placeholder="Playlist name">
                     <datalist id="playlist-options">
                     {% for playlist_name in header_playlist_names %}
                         <option value="{{ playlist_name }}">{{ playlist_name }}</option>