the multi-lingual drop down menu color need to be change when it's in dark theme.
Browse files- index.html +9 -9
index.html
CHANGED
|
@@ -59,16 +59,16 @@
|
|
| 59 |
<div class="flex items-center space-x-4">
|
| 60 |
<!-- Language Selector -->
|
| 61 |
<div class="relative">
|
| 62 |
-
<select class="appearance-none bg-transparent border border-gray-300 dark:border-gray-600 rounded px-3 py-1 pr-8 text-sm text-gray-700 dark:text-gray-
|
| 63 |
-
<option value="en">English</option>
|
| 64 |
-
<option value="es">Español</option>
|
| 65 |
-
<option value="fr">Français</option>
|
| 66 |
-
<option value="de">Deutsch</option>
|
| 67 |
-
<option value="ja">日本語</option>
|
| 68 |
-
|
| 69 |
<div class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none">
|
| 70 |
-
<i data-feather="globe" class="h-4 w-4 text-gray-400 dark:text-gray-
|
| 71 |
-
|
| 72 |
</div>
|
| 73 |
<!-- Dark Mode Toggle -->
|
| 74 |
<button id="theme-toggle" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2">
|
|
|
|
| 59 |
<div class="flex items-center space-x-4">
|
| 60 |
<!-- Language Selector -->
|
| 61 |
<div class="relative">
|
| 62 |
+
<select class="appearance-none bg-transparent border border-gray-300 dark:border-gray-600 rounded px-3 py-1 pr-8 text-sm text-gray-700 dark:text-gray-100 focus:outline-none focus:ring-1 focus:ring-primary-500 dark:bg-gray-700">
|
| 63 |
+
<option value="en" class="dark:bg-gray-700 dark:text-gray-100">English</option>
|
| 64 |
+
<option value="es" class="dark:bg-gray-700 dark:text-gray-100">Español</option>
|
| 65 |
+
<option value="fr" class="dark:bg-gray-700 dark:text-gray-100">Français</option>
|
| 66 |
+
<option value="de" class="dark:bg-gray-700 dark:text-gray-100">Deutsch</option>
|
| 67 |
+
<option value="ja" class="dark:bg-gray-700 dark:text-gray-100">日本語</option>
|
| 68 |
+
</select>
|
| 69 |
<div class="absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none">
|
| 70 |
+
<i data-feather="globe" class="h-4 w-4 text-gray-400 dark:text-gray-300"></i>
|
| 71 |
+
</div>
|
| 72 |
</div>
|
| 73 |
<!-- Dark Mode Toggle -->
|
| 74 |
<button id="theme-toggle" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2">
|