From d4071e8a0244e84ba13ace095ee599cdd59b2386 Mon Sep 17 00:00:00 2001
From: Seth Falco <seth@falco.fun>
Date: Sat, 8 Jul 2023 02:36:01 +0100
Subject: [PATCH] fix(css): fix issues visual issues with dark theme

---
 libretranslate/static/css/main.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/libretranslate/static/css/main.css b/libretranslate/static/css/main.css
index 1459101..862153a 100644
--- a/libretranslate/static/css/main.css
+++ b/libretranslate/static/css/main.css
@@ -121,11 +121,12 @@ h3.header {
   display: block;
 }
 
-.locale-panel select{
+.locale-panel select {
   display: block;
   height: 32px;
   font-size: 14px;
-  background-color: #fff;
+  color: var(--fg-color);
+  background-color: var(--pri-bg-color);
   border: none;
 }
 
@@ -431,6 +432,14 @@ code[class*="language-"], pre[class*="language-"] {
   align-items: center;
 }
 
+.card-content {
+  background-color: var(--pri-bg-color);
+}
+
+.card-stacked {
+  background-color: var(--sec-bg-color)
+}
+
 @media (min-width: 280px) {
   .btn-text {
     display: inline;