Dark theme fixes

libretranslate/static/css/dark-theme.css

@@ -52,7 +52,7 @@
         margin-top: 1rem;
     }
 
-    select {
+    select, select#locales{
         color: #fff;
         background: #111;
     }

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;
 }

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>