fix: icon hover color

unfoldadmin · Apr 22, 2023 · d6484f9 · d6484f9
1 parent ac29537
commit d6484f9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/styles.css b/styles.css
@@ -146,7 +146,7 @@ table tr.selected {
 }
 
 .datetimeshortcuts a:first-child:after {
-  @apply bg-white border flex h-9.5 items-center justify-center leading-none material-symbols-outlined py-2 rounded shadow-sm text-base text-center w-9.5 hover:bg-primary-200 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700;
+  @apply bg-white border flex h-9.5 items-center justify-center leading-none material-symbols-outlined py-2 rounded shadow-sm text-base text-center w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:hover:text-white;
   content: 'timer';
 }
 
@@ -155,7 +155,7 @@ table tr.selected {
 }
 
 .date-icon {
-  @apply block h-9.5 ml-2 text-gray-400 transition-all w-9.5 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200;
+  @apply block h-9.5 ml-2 text-gray-400 transition-all w-9.5 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white;
 }
 
 .date-icon:after {
@@ -164,15 +164,15 @@ table tr.selected {
 }
 
 .date-icon:after {
-  @apply flex;
+  @apply flex dark:hover:text-white;
 }
 
 .clock-icon {
   @apply block h-9.5 ml-2 w-9.5 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200;
 }
 
 .clock-icon:after {
-  @apply bg-white border h-9.5 items-center justify-center material-symbols-outlined py-2 rounded shadow-sm text-base text-center w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700;
+  @apply bg-white border h-9.5 items-center justify-center material-symbols-outlined py-2 rounded shadow-sm text-base text-center w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:hover:text-white;
   content: 'edit';
 }