cli-hue-forge
Advanced tools
+1
-1
| { | ||
| "name": "cli-hue-forge", | ||
| "version": "1.0.0", | ||
| "version": "1.0.1", | ||
| "description": "Generate OKLCH color shade ladders from CSS custom properties.", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
+12
-2
@@ -1,2 +0,1 @@ | ||
| # ๐จ generate-shades-from-css | ||
@@ -94,4 +93,15 @@ | ||
| ### Light/Dark Theme Setup ๐ | ||
| To enable the `light-dark()` functionality and apply your generated theme variables based on user preference, add the following snippet to your main CSS file. This toggles the `data-theme` attribute on `<html>` and sets the `color-scheme` property so built-in UI elements adapt correctly: | ||
| ```css | ||
| @layer base { | ||
| html[data-theme="light"] { | ||
| color-scheme: light; | ||
| } | ||
| html[data-theme="dark"] { | ||
| color-scheme: dark; | ||
| } | ||
| } | ||
| ``` | ||
| #### Output to file ๐พ | ||
@@ -98,0 +108,0 @@ ```sh |
9183
5.39%151
7.09%