colbrush 1.0.0 → 1.0.1

package/dist/{KR-BEBXLJC6.svg → KR-VDUE5A52.svg}

@@ -1,27 +1,27 @@
-<svg width="42" height="30" viewBox="0 0 42 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_85_784)" filter="url(#filter0_d_85_784)">
-<path d="M3 3H39V27H3V3Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49609 10.27L11.8243 5.27771L12.7001 5.86161L9.37194 10.8539L8.49609 10.27ZM9.74417 11.1021L13.0724 6.10976L13.9482 6.69366L10.62 11.686L9.74417 11.1021ZM10.9922 11.9341L14.3204 6.94181L15.1963 7.52571L11.8681 12.518L10.9922 11.9341ZM26.8012 22.4734L30.1294 17.4811L31.0053 18.065L27.6771 23.0573L26.8012 22.4734ZM28.0493 23.3055L31.3775 18.3131L32.2533 18.897L28.9251 23.8893L28.0493 23.3055ZM33.5014 19.7291L30.1732 24.7214L29.2974 24.1375L32.6256 19.1452L33.5014 19.7291Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9884 22.8526L27.8281 20.0791L28.3147 19.3492L32.475 22.1227L31.9884 22.8526Z" fill="white"/>
-<path d="M25.9915 18.3277C27.8296 15.5705 27.0846 11.8453 24.3274 10.0072C21.5702 8.16905 17.845 8.9141 16.0069 11.6713C14.1688 14.4284 14.9138 18.1537 17.671 19.9918C20.4282 21.8299 24.1534 21.0848 25.9915 18.3277Z" fill="#CA163A"/>
-<path d="M16.0069 11.6713C15.0883 13.0491 15.4611 14.9129 16.839 15.8315C18.2168 16.7501 20.0806 16.3773 20.9992 14.9995C21.9178 13.6216 23.7816 13.2488 25.1595 14.1674C26.5373 15.086 26.9101 16.9498 25.9915 18.3277C24.1544 21.0834 20.4268 21.8289 17.671 19.9918C14.9153 18.1546 14.1697 14.427 16.0069 11.6713Z" fill="#0E4896"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1732 5.27734L33.5014 10.2697L32.6255 10.8536L29.2973 5.86124L30.1732 5.27734ZM28.9251 6.10942L32.2533 11.1017L31.3775 11.6856L28.0493 6.69332L28.9251 6.10942ZM27.677 6.94146L31.0052 11.9337L30.1294 12.5176L26.8012 7.52536L27.677 6.94146ZM11.868 17.4807L15.1962 22.4731L14.3204 23.057L10.9922 18.0646L11.868 17.4807ZM10.6199 18.3128L13.9481 23.3051L13.0723 23.889L9.74409 18.8967L10.6199 18.3128ZM9.37194 19.1449L12.7001 24.1372L11.8243 24.7211L8.49609 19.7288L9.37194 19.1449Z" fill="black"/>
-<path d="M11.2241 21.5159L12.4722 20.6839L11.2241 21.5159ZM28.0714 10.2844L29.5292 9.31252L28.0714 10.2844ZM30.7773 8.48048L32.0254 7.64844L30.7773 8.48048Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2688 8.01308L31.0207 8.84512L30.5341 8.11524L31.7822 7.2832L32.2688 8.01308ZM29.7726 9.67715L28.3148 10.649L27.8283 9.91912L29.286 8.94728L29.7726 9.67715ZM12.7156 21.0486L11.4675 21.8806L10.981 21.1507L12.229 20.3187L12.7156 21.0486Z" fill="white"/>
-</g>
-<defs>
-<filter id="filter0_d_85_784" x="0.658202" y="0.658202" width="40.6836" height="28.6836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="1.1709"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_85_784"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_85_784" result="shape"/>
-</filter>
-<clipPath id="clip0_85_784">
-<rect width="36" height="24" fill="white" transform="translate(3 3)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="42" height="30" viewBox="0 0 42 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_85_784)" filter="url(#filter0_d_85_784)">
+<path d="M3 3H39V27H3V3Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49609 10.27L11.8243 5.27771L12.7001 5.86161L9.37194 10.8539L8.49609 10.27ZM9.74417 11.1021L13.0724 6.10976L13.9482 6.69366L10.62 11.686L9.74417 11.1021ZM10.9922 11.9341L14.3204 6.94181L15.1963 7.52571L11.8681 12.518L10.9922 11.9341ZM26.8012 22.4734L30.1294 17.4811L31.0053 18.065L27.6771 23.0573L26.8012 22.4734ZM28.0493 23.3055L31.3775 18.3131L32.2533 18.897L28.9251 23.8893L28.0493 23.3055ZM33.5014 19.7291L30.1732 24.7214L29.2974 24.1375L32.6256 19.1452L33.5014 19.7291Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9884 22.8526L27.8281 20.0791L28.3147 19.3492L32.475 22.1227L31.9884 22.8526Z" fill="white"/>
+<path d="M25.9915 18.3277C27.8296 15.5705 27.0846 11.8453 24.3274 10.0072C21.5702 8.16905 17.845 8.9141 16.0069 11.6713C14.1688 14.4284 14.9138 18.1537 17.671 19.9918C20.4282 21.8299 24.1534 21.0848 25.9915 18.3277Z" fill="#CA163A"/>
+<path d="M16.0069 11.6713C15.0883 13.0491 15.4611 14.9129 16.839 15.8315C18.2168 16.7501 20.0806 16.3773 20.9992 14.9995C21.9178 13.6216 23.7816 13.2488 25.1595 14.1674C26.5373 15.086 26.9101 16.9498 25.9915 18.3277C24.1544 21.0834 20.4268 21.8289 17.671 19.9918C14.9153 18.1546 14.1697 14.427 16.0069 11.6713Z" fill="#0E4896"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1732 5.27734L33.5014 10.2697L32.6255 10.8536L29.2973 5.86124L30.1732 5.27734ZM28.9251 6.10942L32.2533 11.1017L31.3775 11.6856L28.0493 6.69332L28.9251 6.10942ZM27.677 6.94146L31.0052 11.9337L30.1294 12.5176L26.8012 7.52536L27.677 6.94146ZM11.868 17.4807L15.1962 22.4731L14.3204 23.057L10.9922 18.0646L11.868 17.4807ZM10.6199 18.3128L13.9481 23.3051L13.0723 23.889L9.74409 18.8967L10.6199 18.3128ZM9.37194 19.1449L12.7001 24.1372L11.8243 24.7211L8.49609 19.7288L9.37194 19.1449Z" fill="black"/>
+<path d="M11.2241 21.5159L12.4722 20.6839L11.2241 21.5159ZM28.0714 10.2844L29.5292 9.31252L28.0714 10.2844ZM30.7773 8.48048L32.0254 7.64844L30.7773 8.48048Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2688 8.01308L31.0207 8.84512L30.5341 8.11524L31.7822 7.2832L32.2688 8.01308ZM29.7726 9.67715L28.3148 10.649L27.8283 9.91912L29.286 8.94728L29.7726 9.67715ZM12.7156 21.0486L11.4675 21.8806L10.981 21.1507L12.229 20.3187L12.7156 21.0486Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_85_784" x="0.658202" y="0.658202" width="40.6836" height="28.6836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.1709"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_85_784"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_85_784" result="shape"/>
+</filter>
+<clipPath id="clip0_85_784">
+<rect width="36" height="24" fill="white" transform="translate(3 3)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/{US-H2QUNREB.svg → US-2H6JMPYF.svg}

@@ -1,23 +1,23 @@
-<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_85_779)" filter="url(#filter0_d_85_779)">
-<path d="M7 7H42.7847V30.8565H7V7Z" fill="white"/>
-<path d="M7 7H42.7847V8.83458H7V7ZM7 10.6692H42.7847V12.5037H7V10.6692ZM7 14.3383H42.7847V16.1729H7V14.3383ZM7 18.0075H42.7847V19.842H7V18.0075ZM7 21.6836H42.7847V23.5182H7V21.6836ZM7 25.3527H42.7847V27.1873H7V25.3527ZM7 29.0219H42.7847V30.8565H7V29.0219Z" fill="#D80027"/>
-<path d="M7 7H24.8923V19.842H7V7Z" fill="#2E52B2"/>
-<path d="M10.3344 16.6892L10.0553 15.7964L9.74841 16.6892H8.82764L9.57402 17.2264L9.295 18.1192L10.0553 17.5682L10.7947 18.1192L10.5087 17.2264L11.2691 16.6892H10.3344ZM14.2616 16.6892L13.9756 15.7964L13.6826 16.6892H12.7619L13.5082 17.2264L13.2292 18.1192L13.9756 17.5682L14.729 18.1192L14.4499 17.2264L15.1963 16.6892H14.2616ZM18.2028 16.6892L17.9029 15.7964L17.6238 16.6892H16.6821L17.4494 17.2264L17.1565 18.1192L17.9029 17.5682L18.6702 18.1192L18.3772 17.2264L19.1236 16.6892H18.2028ZM22.1231 16.6892L21.8441 15.7964L21.5511 16.6892H20.6233L21.3767 17.2264L21.0977 18.1192L21.8441 17.5682L22.5974 18.1192L22.2975 17.2264L23.0648 16.6892H22.1231ZM13.9756 12.2528L13.6826 13.1457H12.7619L13.5082 13.6967L13.2292 14.5757L13.9756 14.0316L14.729 14.5757L14.4499 13.6967L15.1963 13.1457H14.2616L13.9756 12.2528ZM10.0553 12.2528L9.74841 13.1457H8.82764L9.57402 13.6967L9.295 14.5757L10.0553 14.0316L10.7947 14.5757L10.5087 13.6967L11.2691 13.1457H10.3344L10.0553 12.2528ZM17.9029 12.2528L17.6238 13.1457H16.6821L17.4494 13.6967L17.1565 14.5757L17.9029 14.0316L18.6702 14.5757L18.3772 13.6967L19.1236 13.1457H18.2028L17.9029 12.2528ZM21.8441 12.2528L21.5511 13.1457H20.6233L21.3767 13.6967L21.0977 14.5757L21.8441 14.0316L22.5974 14.5757L22.2975 13.6967L23.0648 13.1457H22.1231L21.8441 12.2528ZM10.0553 8.72314L9.74841 9.60207H8.82764L9.57402 10.1531L9.295 11.039L10.0553 10.488L10.7947 11.039L10.5087 10.1531L11.2691 9.60207H10.3344L10.0553 8.72314ZM13.9756 8.72314L13.6826 9.60207H12.7619L13.5082 10.1531L13.2292 11.039L13.9756 10.488L14.729 11.039L14.4499 10.1531L15.1963 9.60207H14.2616L13.9756 8.72314ZM17.9029 8.72314L17.6238 9.60207H16.6821L17.4494 10.1531L17.1565 11.039L17.9029 10.488L18.6702 11.039L18.3772 10.1531L19.1236 9.60207H18.2028L17.9029 8.72314ZM21.8441 8.72314L21.5511 9.60207H20.6233L21.3767 10.1531L21.0977 11.039L21.8441 10.488L22.5974 11.039L22.2975 10.1531L23.0648 9.60207H22.1231L21.8441 8.72314Z" fill="white"/>
-</g>
-<defs>
-<filter id="filter0_d_85_779" x="0.761634" y="0.761634" width="48.2614" height="36.3332" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="3.11918"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_85_779"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_85_779" result="shape"/>
-</filter>
-<clipPath id="clip0_85_779">
-<rect width="35.7847" height="23.8565" fill="white" transform="translate(7 7)"/>
-</clipPath>
-</defs>
-</svg>
+<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_85_779)" filter="url(#filter0_d_85_779)">
+<path d="M7 7H42.7847V30.8565H7V7Z" fill="white"/>
+<path d="M7 7H42.7847V8.83458H7V7ZM7 10.6692H42.7847V12.5037H7V10.6692ZM7 14.3383H42.7847V16.1729H7V14.3383ZM7 18.0075H42.7847V19.842H7V18.0075ZM7 21.6836H42.7847V23.5182H7V21.6836ZM7 25.3527H42.7847V27.1873H7V25.3527ZM7 29.0219H42.7847V30.8565H7V29.0219Z" fill="#D80027"/>
+<path d="M7 7H24.8923V19.842H7V7Z" fill="#2E52B2"/>
+<path d="M10.3344 16.6892L10.0553 15.7964L9.74841 16.6892H8.82764L9.57402 17.2264L9.295 18.1192L10.0553 17.5682L10.7947 18.1192L10.5087 17.2264L11.2691 16.6892H10.3344ZM14.2616 16.6892L13.9756 15.7964L13.6826 16.6892H12.7619L13.5082 17.2264L13.2292 18.1192L13.9756 17.5682L14.729 18.1192L14.4499 17.2264L15.1963 16.6892H14.2616ZM18.2028 16.6892L17.9029 15.7964L17.6238 16.6892H16.6821L17.4494 17.2264L17.1565 18.1192L17.9029 17.5682L18.6702 18.1192L18.3772 17.2264L19.1236 16.6892H18.2028ZM22.1231 16.6892L21.8441 15.7964L21.5511 16.6892H20.6233L21.3767 17.2264L21.0977 18.1192L21.8441 17.5682L22.5974 18.1192L22.2975 17.2264L23.0648 16.6892H22.1231ZM13.9756 12.2528L13.6826 13.1457H12.7619L13.5082 13.6967L13.2292 14.5757L13.9756 14.0316L14.729 14.5757L14.4499 13.6967L15.1963 13.1457H14.2616L13.9756 12.2528ZM10.0553 12.2528L9.74841 13.1457H8.82764L9.57402 13.6967L9.295 14.5757L10.0553 14.0316L10.7947 14.5757L10.5087 13.6967L11.2691 13.1457H10.3344L10.0553 12.2528ZM17.9029 12.2528L17.6238 13.1457H16.6821L17.4494 13.6967L17.1565 14.5757L17.9029 14.0316L18.6702 14.5757L18.3772 13.6967L19.1236 13.1457H18.2028L17.9029 12.2528ZM21.8441 12.2528L21.5511 13.1457H20.6233L21.3767 13.6967L21.0977 14.5757L21.8441 14.0316L22.5974 14.5757L22.2975 13.6967L23.0648 13.1457H22.1231L21.8441 12.2528ZM10.0553 8.72314L9.74841 9.60207H8.82764L9.57402 10.1531L9.295 11.039L10.0553 10.488L10.7947 11.039L10.5087 10.1531L11.2691 9.60207H10.3344L10.0553 8.72314ZM13.9756 8.72314L13.6826 9.60207H12.7619L13.5082 10.1531L13.2292 11.039L13.9756 10.488L14.729 11.039L14.4499 10.1531L15.1963 9.60207H14.2616L13.9756 8.72314ZM17.9029 8.72314L17.6238 9.60207H16.6821L17.4494 10.1531L17.1565 11.039L17.9029 10.488L18.6702 11.039L18.3772 10.1531L19.1236 9.60207H18.2028L17.9029 8.72314ZM21.8441 8.72314L21.5511 9.60207H20.6233L21.3767 10.1531L21.0977 11.039L21.8441 10.488L22.5974 11.039L22.2975 10.1531L23.0648 9.60207H22.1231L21.8441 8.72314Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_85_779" x="0.761634" y="0.761634" width="48.2614" height="36.3332" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3.11918"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_85_779"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_85_779" result="shape"/>
+</filter>
+<clipPath id="clip0_85_779">
+<rect width="35.7847" height="23.8565" fill="white" transform="translate(7 7)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/chunk-4UJAETSM.js

@@ -0,0 +1,63 @@
+// src/utils/core/colorScale.ts
+import Color from "colorjs.io";
+
+// src/constants/variation.ts
+var DEFAULT_KEYS = [
+  "50",
+  "100",
+  "200",
+  "300",
+  "400",
+  "500",
+  "600",
+  "700",
+  "800",
+  "900"
+];
+var DEFAULT_SCALE = {
+  "50": { dL: 0.36, cMul: 0.95 },
+  "100": { dL: 0.28, cMul: 0.96 },
+  "200": { dL: 0.18, cMul: 0.98 },
+  "300": { dL: 0.08, cMul: 0.99 },
+  "400": { dL: 0.02, cMul: 1 },
+  "500": { dL: 0, cMul: 1 },
+  "600": { dL: -0.05, cMul: 0.98 },
+  "700": { dL: -0.15, cMul: 0.94 },
+  "800": { dL: -0.22, cMul: 0.9 },
+  "900": { dL: -0.3, cMul: 0.88 }
+};
+
+// src/utils/core/colorScale.ts
+var CLAMP01 = (x) => Math.max(0, Math.min(1, x));
+function hexToOKLCH(hex) {
+  const c = new Color(hex);
+  const o = c.to("oklch");
+  return { l: o.l, c: o.c, h: o.h ?? 0 };
+}
+function oklchToHex(l, c, h) {
+  const color = new Color("oklch", [l, c, h]);
+  const srgb = color.to("srgb");
+  const r = CLAMP01(srgb.r), g = CLAMP01(srgb.g), b = CLAMP01(srgb.b);
+  return new Color("srgb", [r, g, b]).toString({ format: "hex" });
+}
+function buildScaleFromBaseHex(baseHex, opts) {
+  const keys = opts?.keys ?? DEFAULT_KEYS;
+  const cMin = opts?.cMin ?? 0.02;
+  const cMax = opts?.cMax ?? 0.4;
+  const lockHue = true;
+  const base = hexToOKLCH(baseHex);
+  const out = {};
+  for (const k of keys) {
+    const pat = DEFAULT_SCALE[k] ?? DEFAULT_SCALE["500"];
+    const L = CLAMP01(base.l + pat.dL);
+    const C = Math.max(cMin, Math.min(cMax, base.c * pat.cMul));
+    const H = lockHue ? base.h : base.h;
+    out[k] = oklchToHex(L, C, H);
+  }
+  return out;
+}
+
+export {
+  DEFAULT_KEYS,
+  buildScaleFromBaseHex
+};

package/dist/chunk-MPTI2JBC.js

@@ -0,0 +1,103 @@
+import {
+  DEFAULT_KEYS,
+  buildScaleFromBaseHex
+} from "./chunk-4UJAETSM.js";
+
+// src/node/applyThemes.ts
+import fs from "fs";
+import postcss, { Rule } from "postcss";
+import safeParser from "postcss-safe-parser";
+
+// src/constants/regex.ts
+var variableRegex = /(--color-[\w-]+):\s*(#[0-9a-fA-F]{3,8})/g;
+var variationRegex = /^--(.+?)-(50|100|200|300|400|500|600|700|800|900)$/i;
+
+// src/node/applyThemes.ts
+var CSS_PATH = "src/index.css";
+function toThemeColor(hex, _vision) {
+  return hex;
+}
+function loadRoot(cssPath = CSS_PATH) {
+  const css = fs.readFileSync(cssPath, "utf8");
+  return postcss().process(css, { parser: safeParser }).root;
+}
+function getExistingKeysForToken(root, token) {
+  const keys = /* @__PURE__ */ new Set();
+  root.walkDecls((d) => {
+    if (!d.prop.startsWith("--")) return;
+    const m = d.prop.match(variationRegex);
+    if (!m) return;
+    const [, t, k] = m;
+    if (t === token) keys.add(k);
+  });
+  return Array.from(keys);
+}
+function upsertBlock(root, selector, kv) {
+  let rule;
+  root.walkRules((r) => {
+    if (r.selector === selector) rule = r;
+  });
+  if (!rule) {
+    rule = new Rule({ selector });
+    root.append(rule);
+  }
+  const remain = new Map(Object.entries(kv));
+  rule.walkDecls((d) => {
+    if (remain.has(d.prop)) {
+      d.value = remain.get(d.prop);
+      remain.delete(d.prop);
+    }
+  });
+  for (const [prop, value] of remain) rule.append({ prop, value });
+}
+function getColorVariablesFromRoot(root) {
+  const vars = {};
+  root.walkDecls((decl) => {
+    const name = decl.prop.trim();
+    const value = decl.value.trim();
+    if (name.startsWith("--color")) {
+      vars[name] = value;
+    }
+  });
+  return vars;
+}
+function applyThemes(input, cssPath = CSS_PATH) {
+  const root = loadRoot(cssPath);
+  const originalVars = getColorVariablesFromRoot(root);
+  const varsForTheme = {};
+  for (const [varName, value] of Object.entries(originalVars)) {
+    varsForTheme[varName] = value;
+  }
+  for (const [varName, val] of Object.entries(input.variables)) {
+    const rich = typeof val === "string" ? inferRich(varName, val) : val;
+    const m = varName.match(variationRegex);
+    const isPattern = !!m;
+    if (isPattern) {
+      const [, token] = m;
+      const keys = rich.keys && rich.keys.length ? rich.keys : getExistingKeysForToken(root, token).length ? getExistingKeysForToken(root, token) : Array.from(DEFAULT_KEYS);
+      if (rich.scale !== false) {
+        const scaleMap = buildScaleFromBaseHex(rich.base, { keys });
+        for (const k of keys) {
+          const hex = scaleMap[k];
+          varsForTheme[`--${token}-${k}`] = toThemeColor(hex, input.vision);
+        }
+      } else {
+        varsForTheme[varName] = toThemeColor(rich.base, input.vision);
+      }
+    } else {
+      varsForTheme[varName] = toThemeColor(rich.base, input.vision);
+    }
+  }
+  upsertBlock(root, `[data-theme='${input.vision}']`, varsForTheme);
+  fs.writeFileSync(cssPath, root.toString(), "utf8");
+  console.log(`\u2705 [${input.vision}] theme updated in ${cssPath}`);
+}
+function inferRich(varName, baseHex) {
+  return variationRegex.test(varName) ? { base: baseHex, scale: true } : { base: baseHex, scale: false };
+}
+
+export {
+  variableRegex,
+  applyThemes,
+  inferRich
+};

package/dist/cli.cjs

@@ -141,10 +141,24 @@ function upsertBlock(root, selector, kv) {
   });
   for (const [prop, value] of remain) rule.append({ prop, value });
 }
+function getColorVariablesFromRoot(root) {
+  const vars = {};
+  root.walkDecls((decl) => {
+    const name = decl.prop.trim();
+    const value = decl.value.trim();
+    if (name.startsWith("--color")) {
+      vars[name] = value;
+    }
+  });
+  return vars;
+}
 function applyThemes(input, cssPath = CSS_PATH) {
   const root = loadRoot(cssPath);
-  const selector = `[data-theme='${input.vision}']`;
+  const originalVars = getColorVariablesFromRoot(root);
   const varsForTheme = {};
+  for (const [varName, value] of Object.entries(originalVars)) {
+    varsForTheme[varName] = value;
+  }
   for (const [varName, val] of Object.entries(input.variables)) {
     const rich = typeof val === "string" ? inferRich(varName, val) : val;
     const m = varName.match(variationRegex);
@@ -153,15 +167,10 @@ function applyThemes(input, cssPath = CSS_PATH) {
       const [, token] = m;
       const keys = rich.keys && rich.keys.length ? rich.keys : getExistingKeysForToken(root, token).length ? getExistingKeysForToken(root, token) : Array.from(DEFAULT_KEYS);
       if (rich.scale !== false) {
-        const scaleMap = buildScaleFromBaseHex(rich.base, {
-          keys
-        });
+        const scaleMap = buildScaleFromBaseHex(rich.base, { keys });
         for (const k of keys) {
           const hex = scaleMap[k];
-          varsForTheme[`--${token}-${k}`] = toThemeColor(
-            hex,
-            input.vision
-          );
+          varsForTheme[`--${token}-${k}`] = toThemeColor(hex, input.vision);
         }
       } else {
         varsForTheme[varName] = toThemeColor(rich.base, input.vision);
@@ -170,7 +179,7 @@ function applyThemes(input, cssPath = CSS_PATH) {
       varsForTheme[varName] = toThemeColor(rich.base, input.vision);
     }
   }
-  upsertBlock(root, selector, varsForTheme);
+  upsertBlock(root, `[data-theme='${input.vision}']`, varsForTheme);
   import_node_fs.default.writeFileSync(cssPath, root.toString(), "utf8");
   console.log(`\u2705 [${input.vision}] theme updated in ${cssPath}`);
 }
@@ -326,6 +335,23 @@ function removeExistingThemeBlocks(content) {
 }
 
 // src/node/runThemeApply.ts
+function hexToRgb(hex) {
+  let clean = hex.replace("#", "").toLowerCase();
+  if (clean.length === 3) {
+    clean = clean.split("").map((c) => c + c).join("");
+  }
+  if (clean.length !== 6) return null;
+  const r = parseInt(clean.substring(0, 2), 16);
+  const g = parseInt(clean.substring(2, 4), 16);
+  const b = parseInt(clean.substring(4, 6), 16);
+  return [r, g, b];
+}
+function isNeutralColor(value) {
+  const rgb = hexToRgb(value);
+  if (!rgb) return false;
+  const [r, g, b] = rgb;
+  return r === g && g === b;
+}
 function isBlackOrWhite(hexColor) {
   const hex = hexColor.toLowerCase().replace("#", "");
   const fullHex = hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
@@ -353,7 +379,10 @@ async function runThemeApply(cssPath) {
   while ((match = variableRegex.exec(content)) !== null) {
     const [, key, value] = match;
     const cleanKey = key.trim();
-    const cleanValue = value.trim();
+    const cleanValue = value.trim().toLowerCase();
+    if (isNeutralColor(cleanValue)) {
+      continue;
+    }
     const scale = calculateScale(cleanKey, cleanValue);
     const rich = {
       base: cleanValue,

package/dist/cli.js

@@ -118,10 +118,24 @@ function upsertBlock(root, selector, kv) {
   });
   for (const [prop, value] of remain) rule.append({ prop, value });
 }
+function getColorVariablesFromRoot(root) {
+  const vars = {};
+  root.walkDecls((decl) => {
+    const name = decl.prop.trim();
+    const value = decl.value.trim();
+    if (name.startsWith("--color")) {
+      vars[name] = value;
+    }
+  });
+  return vars;
+}
 function applyThemes(input, cssPath = CSS_PATH) {
   const root = loadRoot(cssPath);
-  const selector = `[data-theme='${input.vision}']`;
+  const originalVars = getColorVariablesFromRoot(root);
   const varsForTheme = {};
+  for (const [varName, value] of Object.entries(originalVars)) {
+    varsForTheme[varName] = value;
+  }
   for (const [varName, val] of Object.entries(input.variables)) {
     const rich = typeof val === "string" ? inferRich(varName, val) : val;
     const m = varName.match(variationRegex);
@@ -130,15 +144,10 @@ function applyThemes(input, cssPath = CSS_PATH) {
       const [, token] = m;
       const keys = rich.keys && rich.keys.length ? rich.keys : getExistingKeysForToken(root, token).length ? getExistingKeysForToken(root, token) : Array.from(DEFAULT_KEYS);
       if (rich.scale !== false) {
-        const scaleMap = buildScaleFromBaseHex(rich.base, {
-          keys
-        });
+        const scaleMap = buildScaleFromBaseHex(rich.base, { keys });
         for (const k of keys) {
           const hex = scaleMap[k];
-          varsForTheme[`--${token}-${k}`] = toThemeColor(
-            hex,
-            input.vision
-          );
+          varsForTheme[`--${token}-${k}`] = toThemeColor(hex, input.vision);
         }
       } else {
         varsForTheme[varName] = toThemeColor(rich.base, input.vision);
@@ -147,7 +156,7 @@ function applyThemes(input, cssPath = CSS_PATH) {
       varsForTheme[varName] = toThemeColor(rich.base, input.vision);
     }
   }
-  upsertBlock(root, selector, varsForTheme);
+  upsertBlock(root, `[data-theme='${input.vision}']`, varsForTheme);
   fs.writeFileSync(cssPath, root.toString(), "utf8");
   console.log(`\u2705 [${input.vision}] theme updated in ${cssPath}`);
 }
@@ -303,6 +312,23 @@ function removeExistingThemeBlocks(content) {
 }
 
 // src/node/runThemeApply.ts
+function hexToRgb(hex) {
+  let clean = hex.replace("#", "").toLowerCase();
+  if (clean.length === 3) {
+    clean = clean.split("").map((c) => c + c).join("");
+  }
+  if (clean.length !== 6) return null;
+  const r = parseInt(clean.substring(0, 2), 16);
+  const g = parseInt(clean.substring(2, 4), 16);
+  const b = parseInt(clean.substring(4, 6), 16);
+  return [r, g, b];
+}
+function isNeutralColor(value) {
+  const rgb = hexToRgb(value);
+  if (!rgb) return false;
+  const [r, g, b] = rgb;
+  return r === g && g === b;
+}
 function isBlackOrWhite(hexColor) {
   const hex = hexColor.toLowerCase().replace("#", "");
   const fullHex = hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
@@ -330,7 +356,10 @@ async function runThemeApply(cssPath) {
   while ((match = variableRegex.exec(content)) !== null) {
     const [, key, value] = match;
     const cleanKey = key.trim();
-    const cleanValue = value.trim();
+    const cleanValue = value.trim().toLowerCase();
+    if (isNeutralColor(cleanValue)) {
+      continue;
+    }
     const scale = calculateScale(cleanKey, cleanValue);
     const rich = {
       base: cleanValue,