Fix opacity for light theme

Signed-off-by: Jo Vandeginste <[email protected]>
jovandeginste · Feb 26, 2024 · de528f2 · de528f2
1 parent 4e7b238
commit de528f2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/assets/output.css b/assets/output.css
@@ -1191,14 +1191,14 @@ table {
   overflow-y: auto;
   padding-left: 1rem;
   padding-right: 1rem;
-  --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.8;
 }
 
 @media (prefers-color-scheme: dark) {
   .modal {
-    --tw-bg-opacity: 1;
     background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+    --tw-bg-opacity: 0.6;
   }
 }
 

diff --git a/main.css b/main.css
@@ -188,9 +188,9 @@
   }
 
   .modal {
-    @apply hidden fixed inset-0 bg-opacity-60 overflow-y-auto h-full w-full px-4 z-[3000];
-    @apply bg-gray-100;
-    @apply dark:bg-gray-900;
+    @apply hidden fixed inset-0 overflow-y-auto h-full w-full px-4 z-[3000];
+    @apply bg-gray-100 bg-opacity-80;
+    @apply dark:bg-gray-900 dark:bg-opacity-60;
     .window {
       @apply relative top-40 mx-auto shadow-xl rounded-3xl max-w-md;
       @apply bg-neutral-100;