Codechief commited on
Commit
af2a3bc
·
verified ·
1 Parent(s): fc67470

the multi-lingual drop down menu color need to be change when it's in dark theme.

Browse files
Files changed (1) hide show
  1. 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-300 focus:outline-none focus:ring-1 focus:ring-primary-500">
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
- </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-500"></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">
 
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">