Merge pull request #610 from vivekvardhan2810/colours

Updated the UI of the language button
sk66641 · Aug 8, 2024 · 53335b3 · 53335b3
2 parents 0082fab + 2f0fd02
commit 53335b3
Showing 1 changed file with 29 additions and 12 deletions.
diff --git 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;
   }
-}
+}