@udixio/theme 2.1.13 → 2.1.14

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.1.14 (2026-02-08)
+
+### 🩹 Fixes
+
+- improve color theme ([e247e14](https://github.com/Udixio/UI/commit/e247e14))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.1.13 (2026-02-02)
 
 ### 🩹 Fixes

package/dist/bin.cjs

@@ -2,7 +2,7 @@
 const commander = require("commander");
 const chokidar = require("chokidar");
 const chalk = require("chalk");
-const loadFromPath = require("./load-from-path-DDQroKk-.cjs");
+const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
 const program = new commander.Command();
 async function runOnce(configPath) {
   try {

package/dist/bin.js

@@ -1,7 +1,7 @@
 import { Command } from "commander";
 import chokidar from "chokidar";
 import chalk from "chalk";
-import { l as loadFromPath } from "./load-from-path-B7BI6LZa.js";
+import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
 const program = new Command();
 async function runOnce(configPath) {
   try {

package/dist/browser.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-CgJ2JY88.cjs");
-const font_plugin = require("./font.plugin-B9NdGRxC.cjs");
+const loader = require("./loader-DKt7MGAX.cjs");
+const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
 exports.API = loader.API;
 exports.AppContainer = loader.AppContainer;
 exports.AppModule = loader.AppModule;

package/dist/browser.js

@@ -1,5 +1,5 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-Cy_VzOHt.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-b3GDzC1A.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
 export {
   A as API,
   a as AppContainer,

package/dist/{font.plugin-b3GDzC1A.js → font.plugin-BXjaZrFM.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import "./loader-Cy_VzOHt.js";
+import "./loader-DnW57GzE.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{font.plugin-B9NdGRxC.cjs → font.plugin-CCt54Tnx.cjs}

@@ -2,7 +2,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-require("./loader-CgJ2JY88.cjs");
+require("./loader-DKt7MGAX.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{load-from-path-B7BI6LZa.js → load-from-path-Cctfzaw6.js}

@@ -1,4 +1,4 @@
-import { y as loader } from "./loader-Cy_VzOHt.js";
+import { y as loader } from "./loader-DnW57GzE.js";
 import * as fs from "node:fs";
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");

package/dist/{load-from-path-DDQroKk-.cjs → load-from-path-CewyV1N6.cjs}

@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-const loader = require("./loader-CgJ2JY88.cjs");
+const loader = require("./loader-DKt7MGAX.cjs");
 const fs = require("node:fs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
@@ -44,7 +44,7 @@ const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");
   const { resolve } = await import("pathe");
-  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-DDQroKk-.cjs", document.baseURI).href, {
+  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-CewyV1N6.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

package/dist/{loader-CgJ2JY88.cjs → loader-DKt7MGAX.cjs}

@@ -3120,7 +3120,7 @@ const udixioVariant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4
+      chroma: sourceColor.chroma * 0.5
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -3214,13 +3214,7 @@ const udixioVariant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === "vibrant") {
-            return ctx.isDark ? tMinC(palettes.get(colorKey), 30, 40) : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === "expressive") {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark ? tMinC(palettes.get(colorKey), 35, 93) : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
@@ -3582,7 +3576,7 @@ const udixioVariant = variant({
       secondaryContainer: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark ? tMinC(palettes.get("secondary"), 35, 93) : tMaxC(palettes.get("secondary"), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),

package/dist/{loader-Cy_VzOHt.js → loader-DnW57GzE.js}

@@ -3119,7 +3119,7 @@ const udixioVariant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4
+      chroma: sourceColor.chroma * 0.5
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -3213,13 +3213,7 @@ const udixioVariant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === "vibrant") {
-            return ctx.isDark ? tMinC(palettes.get(colorKey), 30, 40) : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === "expressive") {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark ? tMinC(palettes.get(colorKey), 35, 93) : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
@@ -3581,7 +3575,7 @@ const udixioVariant = variant({
       secondaryContainer: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark ? tMinC(palettes.get("secondary"), 35, 93) : tMaxC(palettes.get("secondary"), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),

package/dist/node.cjs

@@ -22,9 +22,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-CgJ2JY88.cjs");
-const font_plugin = require("./font.plugin-B9NdGRxC.cjs");
-const loadFromPath = require("./load-from-path-DDQroKk-.cjs");
+const loader = require("./loader-DKt7MGAX.cjs");
+const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
+const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/node.js

@@ -1,7 +1,7 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-Cy_VzOHt.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-b3GDzC1A.js";
-import { l as loadFromPath } from "./load-from-path-B7BI6LZa.js";
-import { r as r2 } from "./load-from-path-B7BI6LZa.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
+import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
+import { r as r2 } from "./load-from-path-Cctfzaw6.js";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/variant/variants/udixio.variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyCxC,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,WAuBF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAiwB1B,CAAC"}
+{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyCxC,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,WAuBF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OA6vB1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/theme",
-  "version": "2.1.13",
+  "version": "2.1.14",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",

package/src/variant/variants/udixio.variant.ts

@@ -100,7 +100,7 @@ export const udixioVariant: Variant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4,
+      chroma: sourceColor.chroma * 0.5,
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -208,15 +208,9 @@ export const udixioVariant: Variant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === 'vibrant') {
-            return ctx.isDark
-              ? tMinC(palettes.get(colorKey), 30, 40)
-              : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === 'expressive') {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark
+            ? tMinC(palettes.get(colorKey), 35, 93)
+            : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
@@ -591,7 +585,9 @@ export const udixioVariant: Variant = variant({
       secondaryContainer: {
         palette: () => palettes.get('secondary'),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark
+            ? tMinC(palettes.get('secondary'), 35, 93)
+            : tMaxC(palettes.get('secondary'), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),