fix(Tooltip): fix arrow color opacity

shuriken-ui · Mar 4, 2024 · c5fad6c · c5fad6c
1 parent 95033e5
commit c5fad6c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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`]: