From 5e6d1642e3310fd24a5ac84e39015a776b2d7117 Mon Sep 17 00:00:00 2001
From: Seth Falco <seth@falco.fun>
Date: Sat, 8 Jul 2023 02:23:53 +0100
Subject: [PATCH 1/2] fix: make textarea text white in dark theme

---
 libretranslate/static/css/main.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libretranslate/static/css/main.css b/libretranslate/static/css/main.css
index dd7a9a1..1459101 100644
--- a/libretranslate/static/css/main.css
+++ b/libretranslate/static/css/main.css
@@ -362,6 +362,7 @@ select {
 .textarea-container textarea {
   font-size: 1.25rem;
   resize: none;
+  color: var(--fg-color);
   background: var(--sec-bg-color);
   border: 1px solid var(--border-color);
   padding: 1rem 2rem 1rem 1.5rem;

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 2/2] 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;