From 2f0fd02ac050e3b3f87cbbb04ae22410d4e44303 Mon Sep 17 00:00:00 2001
From: Vivek Vardhan <91594529+vivekvardhan2810@users.noreply.github.com>
Date: Thu, 8 Aug 2024 10:12:29 +0530
Subject: [PATCH] Update style.css

---
 css/style.css | 41 +++++++++++++++++++++++++++++------------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index ccb5d1a..fd10d6b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2460,19 +2460,36 @@ goog-logo-link,
   color: transparent !important;
 }
 
+:root {
+  --background-color: transparent;
+  --text-color-light: rgb(44, 50, 44);
+  --text-color-dark: rgb(114, 158, 182);
+  --border-color: #050f7f;
+  --border-radius: 10px;
+  --padding: 4px;
+  --font-size: 16px;
+  --height: 40px;
+}
+
+.dark-mode body {
+  background-color: #181818; /* Dark mode background */
+  color: var(--text-color-dark);
+}
+
 .goog-te-gadget .goog-te-combo {
-  background-color:transparent !important;
-  color: black !important;
-  font-size: 16px;
-  height: 40px;
-  border: 2px solid #050f7f;
-  border-radius: 10px;
-  padding: 4px;
+  background-color: var(--background-color) !important;
+  color: var(--text-color-light) !important;
+  font-size: var(--font-size);
+  height: var(--height);
+  border: 2px solid var(--border-color);
+  border-radius: var(--border-radius);
+  padding: var(--padding);
+  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
 }
- 
-.dark-mode .goog-te-gadget .goog-te-combo
-{
-  color: white !important;
+
+.dark-mode .goog-te-gadget .goog-te-combo {
+  color: var(--text-color-dark) !important;
+  border-color: var(--border-color);
 }
 
 #goog-gt-tt,
@@ -2700,4 +2717,4 @@ goog-logo-link,
   .light-mode *{
     font-size: 10px !important;
   }
-}
\ No newline at end of file
+}