Update dark theme

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

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
@@ -37,5 +37,31 @@ a:not([href]){
     color: #10547f;
 }
 
+.button,
+input,
+input[type="file"]::file-selector-button,
+select,
+button[type=submit]{
+    color: var(--text-color);
+    background-color: #444444;
+    border: 1px solid var(--text-color);
+    border-radius: 3px;
+    padding: 2px 3px;
+}
+
+.button:hover,
+input:hover,
+input[type="file"]::file-selector-button:hover,
+select:hover,
+button[type=submit]:hover{
+    background-color: #222222;
+}
+
+input[type="checkbox"]{
+    filter: invert(85%) hue-rotate(18deg) brightness(1.7);
+}
+input[type="checkbox"]:checked{
+    filter: none;
+}
 
 
diff --git a/youtube/templates/base.html b/youtube/templates/base.html
@@ -6,8 +6,8 @@
         <title>{{ page_title }}</title>
         <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; media-src 'self' blob: https://*.googlevideo.com;
             {{ "img-src 'self' https://*.googleusercontent.com https://*.ggpht.com https://*.ytimg.com;" if not settings.proxy_images else "" }}">
-        <link href="{{ theme_path }}" type="text/css" rel="stylesheet">
         <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet">
+        <link href="{{ theme_path }}" type="text/css" rel="stylesheet">
         <link href="/youtube.com/static/comments.css" type="text/css" rel="stylesheet">
         <link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon">
         <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml">
@@ -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" id="playlist-name-selection" list="playlist-options" type="text" placeholder="Playlist name">
+                    <input name="playlist_name" class="search-box" 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>