diff options
| author | netop://ウィビ <paul@webb.page> | 2026-06-04 19:54:03 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-06-04 19:54:03 -0700 |
| commit | 88bb97ec7db1dbcef383931ef8b47e01034d7827 (patch) | |
| tree | add9330540bd920c0ae3e1e4feeac0c76c5fe8f2 /README.md | |
| parent | fd2eee1c18760320f27171dc13c5f5d7f2718067 (diff) | |
| download | uchu-88bb97ec7db1dbcef383931ef8b47e01034d7827.tar.gz uchu-88bb97ec7db1dbcef383931ef8b47e01034d7827.zip | |
3.0 update
- adds pastel palette
- updates color syntax
- updates docs
- adds dsgn. banner
Diffstat (limited to '')
| -rw-r--r-- | README.md | 25 |
1 files changed, 19 insertions, 6 deletions
@@ -20,12 +20,21 @@ bun add @inc/uchu ### JavaScript / TypeScript ```ts -import { color, palette, reduced, yang } from "@inc/uchu"; - -palette.blue[5]; // "oklch(54.87% 0.222 260.33)" -color("red", 7); // "oklch(49.95% 0.195 18.34)" -reduced.green[2]; // mid-shade green from the reduced palette -yang; // off-white background constant +import { + color, + palette, + pastelPalette, + pastelReduced, + reduced, + yang +} from "@inc/uchu"; + +palette.blue[5]; // "oklch(0.5487 0.222 260.33)" +pastelPalette.blue[5] // "oklch(0.51 0.124 262)" +color("red", 7); // "oklch(0.4995 0.195 18.34)" +reduced.green[2]; // mid-shade green from the reduced palette +pastelReduced.green[2]; // mid-shade green from the pastel version of the reduced palette +yang; // off-white background constant ``` Types `Hue` and `Shade` are exported for narrowing palette keys. @@ -36,6 +45,8 @@ Drop the stylesheet in and use the CSS custom properties: ```ts import "@inc/uchu/css"; +// or +import "@inc/uchu/pastel-css"; ``` ```css @@ -50,6 +61,8 @@ body { ```scss @use "@inc/uchu/scss" as *; +// or +@use "@inc/uchu/pastel-scss" as *; body { background-color: $uchu-yang; |