From c5fad6ce07b8f0a6862c7715957b3b7f13480345 Mon Sep 17 00:00:00 2001
From: Driss Chelouati <driss.chelouati@gmail.com>
Date: Mon, 4 Mar 2024 15:28:32 +0100
Subject: [PATCH] fix(Tooltip): fix arrow color opacity

---
 src/plugins/components/tooltip/index.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/plugins/components/tooltip/index.ts b/src/plugins/components/tooltip/index.ts
index f64aaba..9ad08f9 100644
--- a/src/plugins/components/tooltip/index.ts
+++ b/src/plugins/components/tooltip/index.ts
@@ -67,7 +67,7 @@ export default plugin(({ addComponents, theme }) => {
       [`@apply font-${config.font.family} text-xs shadow-lg`]: {},
       [`@apply text-${config.font.color.light} dark:text-${config.font.color.light}`]:
         {},
-      [`@apply bg-${config.background.light} dark:bg-${config.background.dark}`]:
+      [`@apply !bg-${config.background.light} dark:!bg-${config.background.dark}`]:
         {},
     },
     [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]:
@@ -84,7 +84,7 @@ export default plugin(({ addComponents, theme }) => {
         bottom: 'calc(100% + 8px)',
         borderBottomWidth: '0',
         borderTopColor: 'currentColor',
-        [`@apply text-${config.background.light} dark:text-${config.background.light}`]:
+        [`@apply !text-${config.background.light} dark:!text-${config.background.light}`]:
           {},
       },
     [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]:
@@ -102,7 +102,7 @@ export default plugin(({ addComponents, theme }) => {
       top: '100%',
       borderTopWidth: '0',
       borderBottomColor: 'currentColor',
-      [`@apply text-${config.background.light} dark:text-${config.background.dark}`]:
+      [`@apply !text-${config.background.light} dark:!text-${config.background.dark}`]:
         {},
     },
     [`[${tooltip}][${position}^='down']::after`]: {
@@ -122,7 +122,7 @@ export default plugin(({ addComponents, theme }) => {
         borderLeftColor: 'currentColor',
         insetInlineStart: 'calc(0em - 5px)',
         transform: 'translate(-0.5em, -50%)',
-        [`@apply text-${config.background.light} dark:text-${config.background.dark}`]:
+        [`@apply !text-${config.background.light} dark:!text-${config.background.dark}`]:
           {},
       },
     [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]:
@@ -140,7 +140,7 @@ export default plugin(({ addComponents, theme }) => {
         borderRightColor: 'currentColor',
         insetInlineEnd: 'calc(0em - 5px)',
         transform: 'translate(0.5em, -50%)',
-        [`@apply text-${config.background.light} dark:text-${config.background.dark}`]:
+        [`@apply !text-${config.background.light} dark:!text-${config.background.dark}`]:
           {},
       },
     [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: