Merge pull request #86 from Mageas/master

Dark theme: style white buttons to be dark
user234683 · Sep 8, 2021 · d5bc01b · d5bc01b
2 parents b6e9114 + aa216f7
commit d5bc01b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/youtube/static/dark_theme.css b/youtube/static/dark_theme.css
@@ -37,5 +37,30 @@ a:not([href]){
     color: #10547f;
 }
 
+.button,
+input,
+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,
+select:hover,
+button[type=submit]:hover{
+    background-color: #222222;
+}
+
+input[type="checkbox"]{
+    -webkit-filter: invert(85%) hue-rotate(18deg) brightness(1.7);
+            filter: invert(85%) hue-rotate(18deg) brightness(1.7);
+} 
+input[type="checkbox"]:checked{
+    -webkit-filter: none;
+            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">