feat: create colors with opacity

devedmonton · May 29, 2024 · c9f8a77 · c9f8a77
1 parent b82d6b3
commit c9f8a77
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -14,15 +14,10 @@ p + p {
   @apply bg-gradient-to-r to-secondary from-blue-700;
 }
 
-/* We use this color just one time */
-.light {
-  ::selection {
-    background: #d4b5d4;
-  }
+::selection {
+  @apply bg-secondaryWithOpacity;
 }
 
-.dark {
-  ::selection {
-    @apply bg-primary;
-  }
+.dark ::selection {
+  @apply bg-primaryWithOpacity;
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -7,6 +7,8 @@ export default <Partial<Config>>{
       colors: {
         primary: '#265DAD',
         secondary: '#37C5F0',
+        primaryWithOpacity: 'rgba(38,93,173,0.5)',
+        secondaryWithOpacity: 'rgba(55,197,240,0.5)',
       },
     },
   },