UI Inconsistency in tooltip fixed by adding the tailwind class for dark theme text color as text-gray-800

joyalgeorgekj · joyalgeorgekj · commit 23e136562a37 · 2025-11-18T21:44:21.000+05:30
diff --git a/layouts/partials/tooltip.html b/layouts/partials/tooltip.html
@@ -12,7 +12,7 @@
   </div>
   <div
     data-tooltip-body
-    class="absolute top-0 left-0 hidden max-w-56 rounded-sm bg-gray-700 p-2 text-white dark:bg-gray-300"
+    class="absolute top-0 left-0 hidden max-w-56 rounded-sm bg-gray-700 p-2 text-white dark:text-gray-800 dark:bg-gray-300"
     role="tooltip"
   >
     {{ . }}

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`	`</div>`
`13`	`13`	`<div`
`14`	`14`	`data-tooltip-body`
`15`		`- class="absolute top-0 left-0 hidden max-w-56 rounded-sm bg-gray-700 p-2 text-white dark:bg-gray-300"`
	`15`	`+ class="absolute top-0 left-0 hidden max-w-56 rounded-sm bg-gray-700 p-2 text-white dark:text-gray-800 dark:bg-gray-300"`
`16`	`16`	`role="tooltip"`
`17`	`17`	`>`
`18`	`18`	`{{ . }}`