From 0b5601981e27f4523742db2f776d4ee9a4d6ce96 Mon Sep 17 00:00:00 2001
From: Piero Toffanin <pt@masseranolabs.com>
Date: Fri, 6 Jan 2023 13:47:05 -0500
Subject: [PATCH] Dark theme fixes

---
 libretranslate/static/css/dark-theme.css |  2 +-
 libretranslate/static/css/main.css       | 10 ++++++++--
 libretranslate/templates/index.html      |  4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/libretranslate/static/css/dark-theme.css b/libretranslate/static/css/dark-theme.css
index dcb1866..f409977 100644
--- a/libretranslate/static/css/dark-theme.css
+++ b/libretranslate/static/css/dark-theme.css
@@ -52,7 +52,7 @@
         margin-top: 1rem;
     }
 
-    select {
+    select, select#locales{
         color: #fff;
         background: #111;
     }
diff --git a/libretranslate/static/css/main.css b/libretranslate/static/css/main.css
index be150e8..60999b4 100644
--- a/libretranslate/static/css/main.css
+++ b/libretranslate/static/css/main.css
@@ -39,13 +39,14 @@ h3.header {
   position: relative;
 }
 
+
+
 .top-nav .locale-panel{
   position: absolute;
   top: 64px;
   height: 68px;
   left: -9px;
   padding: 0 16px;
-  background: #1565c0;
   width: 240px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
@@ -73,6 +74,7 @@ h3.header {
   height: 32px;
   font-size: 14px;
   background-color: #fff;
+  border: none;
 }
 
 .locale-panel a{
@@ -100,7 +102,7 @@ h3.header {
 }
 
 .locale-panel a:hover{
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 #nav-mobile .locale-panel{
@@ -109,6 +111,10 @@ h3.header {
   padding-top: 12px;
 }
 
+#nav-mobile a, #nav-mobile a i.material-icons{
+  color: #fff;
+}
+
 #nav-mobile .locale-panel a{
   padding: 0;
 }
diff --git a/libretranslate/templates/index.html b/libretranslate/templates/index.html
index e058577..8ae6092 100644
--- a/libretranslate/templates/index.html
+++ b/libretranslate/templates/index.html
@@ -71,7 +71,7 @@
 					{% endif %}
 					<li class="change-language"><a class="noline" href="javascript:void(0)" title="{{ _h('Change language') }}"><i class="material-icons">language</i></a>
 					</li>
-					<li class="locale-panel">
+					<li class="locale-panel blue darken-3">
 						<select id="locales" onchange="changeLocale(this)">
 							{% for l in available_locales %}<option value="{{ l['code'] }}" {{ 'selected' if current_locale == l['code'] else ''}}>{{ l['name'] }}</option>{% endfor %}
 						</select>
@@ -80,7 +80,7 @@
 					{% endset %}
 					{{ menulinks }}
 				</ul>
-				<ul id="nav-mobile" class="sidenav">
+				<ul id="nav-mobile" class="sidenav blue darken-3">
 					{{ menulinks }}
 				</ul>
 				<script>