@hazae41/labase 1.0.19 → 1.0.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@hazae41/labase",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "The Tailwind framework for monochrome apps",
   "repository": "github:hazae41/labase",
   "author": "hazae41",

package/src/background/index.css

@@ -19,33 +19,33 @@
 }
 
 @utility bg-default-contrast {
-  @apply bg-black/[0.05];
+  @apply bg-black/5;
 
   @variant dark {
-    @apply bg-white/[0.075];
+    @apply bg-white/10;
   }
 }
 
 @utility bg-opposite-contrast {
-  @apply bg-black/[0.925];
+  @apply bg-black/90;
 
   @variant dark {
-    @apply bg-white/[0.95];
+    @apply bg-white/95;
   }
 }
 
 @utility bg-default-double-contrast {
-  @apply bg-black/[0.1];
+  @apply bg-black/10;
 
   @variant dark {
-    @apply bg-white/[0.15];
+    @apply bg-white/20;
   }
 }
 
 @utility bg-opposite-double-contrast {
-  @apply bg-black/[0.85];
+  @apply bg-black/80;
 
   @variant dark {
-    @apply bg-white/[0.9];
+    @apply bg-white/90;
   }
 }

package/src/border/index.css

@@ -18,12 +18,12 @@
   @apply border-black/10;
 
   @variant dark {
-    @apply border-white/15;
+    @apply border-white/20;
   }
 }
 
 @utility border-opposite-contrast {
-  @apply border-white/85;
+  @apply border-white/80;
 
   @variant dark {
     @apply border-black/90;
@@ -162,7 +162,7 @@
   @apply border-b-black/10;
 
   @variant dark {
-    @apply border-b-white/15;
+    @apply border-b-white/20;
   }
 }
 
@@ -170,7 +170,7 @@
   @apply border-l-black/10;
 
   @variant dark {
-    @apply border-l-white/15;
+    @apply border-l-white/20;
   }
 }
 
@@ -178,7 +178,7 @@
   @apply border-t-black/10;
 
   @variant dark {
-    @apply border-t-white/15;
+    @apply border-t-white/20;
   }
 }
 
@@ -186,7 +186,7 @@
   @apply border-r-black/10;
 
   @variant dark {
-    @apply border-r-white/15;
+    @apply border-r-white/20;
   }
 }
 
@@ -194,7 +194,7 @@
   @apply border-x-black/10;
 
   @variant dark {
-    @apply border-x-white/15;
+    @apply border-x-white/20;
   }
 }
 
@@ -202,7 +202,7 @@
   @apply border-y-black/10;
 
   @variant dark {
-    @apply border-y-white/15;
+    @apply border-y-white/20;
   }
 }
 
@@ -210,7 +210,7 @@
   @apply border-s-black/10;
 
   @variant dark {
-    @apply border-s-white/15;
+    @apply border-s-white/20;
   }
 }
 
@@ -218,12 +218,12 @@
   @apply border-e-black/10;
 
   @variant dark {
-    @apply border-e-white/15;
+    @apply border-e-white/20;
   }
 }
 
 @utility border-b-opposite-contrast {
-  @apply border-b-black/85;
+  @apply border-b-black/80;
 
   @variant dark {
     @apply border-b-white/90;
@@ -231,7 +231,7 @@
 }
 
 @utility border-l-opposite-contrast {
-  @apply border-l-black/85;
+  @apply border-l-black/80;
 
   @variant dark {
     @apply border-l-white/90;
@@ -239,7 +239,7 @@
 }
 
 @utility border-t-opposite-contrast {
-  @apply border-t-black/85;
+  @apply border-t-black/80;
 
   @variant dark {
     @apply border-t-white/90;
@@ -247,7 +247,7 @@
 }
 
 @utility border-r-opposite-contrast {
-  @apply border-r-black/85;
+  @apply border-r-black/80;
 
   @variant dark {
     @apply border-r-white/90;
@@ -255,7 +255,7 @@
 }
 
 @utility border-x-opposite-contrast {
-  @apply border-x-black/85;
+  @apply border-x-black/80;
 
   @variant dark {
     @apply border-x-white/90;
@@ -263,7 +263,7 @@
 }
 
 @utility border-y-opposite-contrast {
-  @apply border-y-black/85;
+  @apply border-y-black/80;
 
   @variant dark {
     @apply border-y-white/90;
@@ -271,7 +271,7 @@
 }
 
 @utility border-s-opposite-contrast {
-  @apply border-s-black/85;
+  @apply border-s-black/80;
 
   @variant dark {
     @apply border-s-white/90;
@@ -279,7 +279,7 @@
 }
 
 @utility border-e-opposite-contrast {
-  @apply border-e-black/85;
+  @apply border-e-black/80;
 
   @variant dark {
     @apply border-e-white/90;

package/src/divide/index.css

@@ -16,14 +16,14 @@
 
 @utility divide-default-contrast {
   @apply divide-black/10;
-  
+
   @variant dark {
-    @apply divide-white/15;
+    @apply divide-white/20;
   }
 }
 
 @utility divide-opposite-contrast {
-  @apply divide-black/85;
+  @apply divide-black/80;
 
   @variant dark {
     @apply divide-white/90;

package/src/index.css

@@ -22,21 +22,20 @@
 
 @layer base {
 
-  html,
-  body {
-    font-size: 16px;
+  html {
+    @apply h-full w-full text-base;
   }
 
   body {
-    font-family: ui-rounded, system-ui, sans-serif;
+    @apply h-full w-full text-base text-default bg-default **:scrollbar-default overflow-hidden;
   }
 
-  html {
-    @apply h-full w-full;
+  body {
+    font-family: ui-rounded, system-ui, sans-serif;
   }
 
-  body {
-    @apply h-full w-full text-base text-default bg-default **:scrollbar-default overflow-hidden;
+  ::selection {
+    @apply bg-default-double-contrast;
   }
 
   ::backdrop {

package/src/outline/index.css

@@ -18,14 +18,14 @@
   @apply outline-black/10;
 
   @variant dark {
-    @apply outline-white/15;
+    @apply outline-white/20;
   }
 }
 
 @utility outline-opposite-contrast {
-  @apply outline-white/85;
+  @apply outline-white/80;
 
   @variant dark {
     @apply outline-black/90;
   }
-}
+}