fix(ui): add better contrast on shine effect color

fix #523
mateusfg7 · May 30, 2023 · 1947d4d · 1947d4d
1 parent 48631e2
commit 1947d4d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/styles/utilities.css b/src/styles/utilities.css
@@ -14,6 +14,7 @@
   }
 
   .shine {
-    @apply absolute top-0 left-0 h-full w-1/3 -translate-x-full -skew-x-20 bg-white/0 bg-gradient-to-r from-white/0 via-white/10 to-white/0 text-white/0;
+    @apply absolute top-0 left-0 h-full w-1/3 -translate-x-full -skew-x-20;
+    @apply bg-white/0 bg-gradient-to-r from-white/0 via-white/30 to-white/0 text-white/0 dark:via-white/10;
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -55,7 +55,7 @@ module.exports = {
         },
         shine: {
           '20%, 100%': {
-            transform: 'translateX(300%)'
+            transform: 'translateX(300%) skewX(-20deg)'
           }
         }
       }