@oxyhq/bloom 0.7.0 → 0.7.2

package/lib/commonjs/react-native-css.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-native-css.d.js.map

package/lib/commonjs/react-native-css.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["react-native-css.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/theme/BloomThemeProvider.js

@@ -13,6 +13,7 @@ var _FontLoader = require("../fonts/FontLoader");
 var _applyDarkClass = require("./apply-dark-class.js");
 var _buildTheme = require("./build-theme.js");
 var _styleBuilder = require("./color-scope/style-builder.js");
+var _nativeRootVars = require("./native-root-vars");
 var _persistence = require("./persistence.js");
 var _setColorSchemeSafe = require("./set-color-scheme-safe.js");
 var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect.js");
@@ -175,6 +176,17 @@ function BloomThemeProvider({
     (0, _applyDarkClass.applyDarkClass)(resolved);
     (0, _applyDarkClass.applyColorPresetVars)(colorPreset, resolved);
   }, [effectiveMode, resolved, colorPreset]);
+
+  // Native only: publish the preset vars into react-native-css's GLOBAL root
+  // variable family so they reach the ENTIRE app tree — navigator screens and
+  // every portal/modal/bottom-sheet that paints outside the provider's React
+  // subtree (and therefore never sees the `VariableContextProvider` vars below).
+  // Web writes the same vars to `document.documentElement` above, so this no-ops
+  // there. Runs before paint via `useIsomorphicLayoutEffect`, matching the
+  // sibling `applyColorPresetVars` side effect.
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    (0, _nativeRootVars.applyNativeRootVars)(colorPreset, resolved);
+  }, [colorPreset, resolved]);
   const contextValue = (0, _react.useMemo)(() => ({
     theme: (0, _buildTheme.buildTheme)(colorPreset, resolved, isAdaptive),
     mode,
@@ -185,20 +197,40 @@ function BloomThemeProvider({
   }), [colorPreset, resolved, isAdaptive, mode, setMode, setColorPreset, resetTheme]);
   const shouldAwait = awaitHydration ?? Boolean(persistKey && storage);
   const isGated = shouldAwait && !hydrated;
-  const nativeVarsStyle = (0, _react.useMemo)(() => _reactNative.Platform.OS === 'web' ? undefined : (0, _styleBuilder.buildNativePresetStyle)(colorPreset, resolved), [colorPreset, resolved]);
+
+  // The full `--name -> value` record for the active preset. On native this is
+  // handed to `VariableContextProvider` so descendants resolve `var(--primary)`
+  // etc. through react-native-css's real VariableContext. Web writes these to
+  // `document.documentElement` via `applyColorPresetVars`, so it's unused there.
+  const nativeVars = (0, _react.useMemo)(() => _reactNative.Platform.OS === 'web' ? null : (0, _styleBuilder.buildScopeVars)(colorPreset, resolved), [colorPreset, resolved]);
+  const VariableProvider = (0, _styleBuilder.getVariableContextProvider)();
   const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FontLoader.FontLoader, {
     enabled: fonts,
     fallback: onFontsLoading,
     children: isGated ? onHydrating ?? null : children
   });
+  if (_reactNative.Platform.OS === 'web') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BloomThemeContext.Provider, {
+      value: contextValue,
+      children: content
+    });
+  }
+
+  // The flex wrapper is still needed for layout; the preset vars now flow
+  // through `VariableContextProvider` rather than an (inert) inline-vars style.
+  // If NativeWind isn't installed the wrapper still renders so we never crash.
+  const nativeTree = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flex: 1
+    }, nativeWrapperStyle],
+    children: content
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BloomThemeContext.Provider, {
     value: contextValue,
-    children: _reactNative.Platform.OS === 'web' ? content : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [{
-        flex: 1
-      }, nativeVarsStyle, nativeWrapperStyle],
-      children: content
-    })
+    children: VariableProvider && nativeVars ? /*#__PURE__*/(0, _jsxRuntime.jsx)(VariableProvider, {
+      value: nativeVars,
+      children: nativeTree
+    }) : nativeTree
   });
 }
 //# sourceMappingURL=BloomThemeProvider.js.map

package/lib/commonjs/theme/BloomThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","_react","_interopRequireWildcard","_reactNative","_useControllableState","_FontLoader","_applyDarkClass","_buildTheme","_styleBuilder","_persistence","_setColorSchemeSafe","_useIsomorphicLayoutEffect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_PRESET","DEFAULT_MODE","BloomThemeContext","exports","createContext","useThemeState","controlledMode","controlledPreset","defaultMode","defaultPreset","persistKey","storage","onModeChange","onColorPresetChange","syncResult","useState","readPersistedThemeSync","syncState","kind","state","initialMode","mode","initialPreset","colorPreset","hydrated","setHydrated","setModeInternal","useControllableState","value","defaultValue","setPresetInternal","modeRef","useRef","current","presetRef","useEffect","cancelled","readPersistedTheme","then","undefined","setMode","useCallback","next","writePersistedTheme","setColorPreset","resetTheme","removePersistedTheme","BloomThemeProvider","defaultColorPreset","awaitHydration","onHydrating","fonts","onFontsLoading","nativeWrapperStyle","children","rnScheme","useRNColorScheme","isAdaptive","effectiveMode","resolved","useIsomorphicLayoutEffect","setColorSchemeSafe","applyDarkClass","applyColorPresetVars","contextValue","useMemo","theme","buildTheme","shouldAwait","Boolean","isGated","nativeVarsStyle","Platform","OS","buildNativePresetStyle","content","jsx","FontLoader","enabled","fallback","Provider","View","style","flex"],"sourceRoot":"../../../src","sources":["theme/BloomThemeProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["require","_react","_interopRequireWildcard","_reactNative","_useControllableState","_FontLoader","_applyDarkClass","_buildTheme","_styleBuilder","_nativeRootVars","_persistence","_setColorSchemeSafe","_useIsomorphicLayoutEffect","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_PRESET","DEFAULT_MODE","BloomThemeContext","exports","createContext","useThemeState","controlledMode","controlledPreset","defaultMode","defaultPreset","persistKey","storage","onModeChange","onColorPresetChange","syncResult","useState","readPersistedThemeSync","syncState","kind","state","initialMode","mode","initialPreset","colorPreset","hydrated","setHydrated","setModeInternal","useControllableState","value","defaultValue","setPresetInternal","modeRef","useRef","current","presetRef","useEffect","cancelled","readPersistedTheme","then","undefined","setMode","useCallback","next","writePersistedTheme","setColorPreset","resetTheme","removePersistedTheme","BloomThemeProvider","defaultColorPreset","awaitHydration","onHydrating","fonts","onFontsLoading","nativeWrapperStyle","children","rnScheme","useRNColorScheme","isAdaptive","effectiveMode","resolved","useIsomorphicLayoutEffect","setColorSchemeSafe","applyDarkClass","applyColorPresetVars","applyNativeRootVars","contextValue","useMemo","theme","buildTheme","shouldAwait","Boolean","isGated","nativeVars","Platform","OS","buildScopeVars","VariableProvider","getVariableContextProvider","content","jsx","FontLoader","enabled","fallback","Provider","nativeTree","View","style","flex"],"sourceRoot":"../../../src","sources":["theme/BloomThemeProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/apply-dark-class.js

@@ -19,10 +19,13 @@ function applyDarkClass(resolved) {
  * No-op on native — only affects web.
  *
  * Writes both the raw HSL triples (e.g. `--primary: 185 100% 20%`) and the
- * resolved `--color-*` vars (`--color-primary: hsl(185 100% 20%)`) so both
+ * resolved `--color-*` vars (`--color-primary: rgb(0 94 102)`) so both
  * shadcn-style `hsl(var(--primary))` plumbing and Tailwind v4 `@theme`
- * utilities resolve consistently. Includes extended tokens (card, chart-*,
- * content-area, sidebar-*) so consumer apps don't need to synthesize them.
+ * utilities resolve consistently. The resolved vars are emitted as `rgb(...)`
+ * (not `hsl(...)`) so the alpha utilities (`bg-primary/10`) resolve on native —
+ * see `getPresetVars` / `hslTripletToRgb`. Includes extended tokens (card,
+ * chart-*, content-area, sidebar-*) so consumer apps don't need to synthesize
+ * them.
  */
 function applyColorPresetVars(preset, resolved) {
   if (_reactNative.Platform.OS !== 'web' || typeof document === 'undefined') return;

package/lib/commonjs/theme/apply-dark-class.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_colorPresets","_presetVars","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","APP_COLOR_PRESETS","vars","getPresetVars","includeResolvedColorVars","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,SAASG,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEN,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAI,CAACM,+BAAiB,CAACD,MAAM,CAAC,EAAE;EAEhC,MAAME,IAAI,GAAG,IAAAC,yBAAa,EAACH,MAAM,EAAER,QAAQ,EAAE;IAAEY,wBAAwB,EAAE;EAAK,CAAC,CAAC;EAChF,MAAMC,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colorPresets","_presetVars","applyDarkClass","resolved","Platform","OS","document","documentElement","classList","toggle","applyColorPresetVars","preset","APP_COLOR_PRESETS","vars","getPresetVars","includeResolvedColorVars","root","style","key","value","Object","entries","setProperty"],"sourceRoot":"../../../src","sources":["theme/apply-dark-class.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,SAASG,cAAcA,CAACC,QAA0B,EAAE;EACzD,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC5DA,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,MAAM,CAAC,MAAM,EAAEN,QAAQ,KAAK,MAAM,CAAC;EACxE;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASO,oBAAoBA,CAACC,MAAoB,EAAER,QAA0B,EAAE;EACrF,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAC9D,IAAI,CAACM,+BAAiB,CAACD,MAAM,CAAC,EAAE;EAEhC,MAAME,IAAI,GAAG,IAAAC,yBAAa,EAACH,MAAM,EAAER,QAAQ,EAAE;IAAEY,wBAAwB,EAAE;EAAK,CAAC,CAAC;EAChF,MAAMC,IAAI,GAAGV,QAAQ,CAACC,eAAe,CAACU,KAAK;EAE3C,KAAK,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,EAAE;IAC/CG,IAAI,CAACM,WAAW,CAACJ,GAAG,EAAEC,KAAK,CAAC;EAC9B;AACF","ignoreList":[]}

package/lib/commonjs/theme/color-presets.js

@@ -47,25 +47,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'teal',
     hex: '#005c67',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '185 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '185 10% 97%',
+      '--surface': '185 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '185 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '185 100% 20%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '185 8% 95%',
+      '--secondary': '185 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '185 8% 95%',
+      '--muted': '185 12% 95%',
       '--muted-foreground': '185 5% 42%',
-      '--accent': '185 8% 95%',
+      '--accent': '185 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '185 8% 88%',
-      '--input': '185 8% 88%',
+      '--border': '185 14% 88%',
+      '--input': '185 14% 88%',
       '--ring': '185 100% 20%',
-      '--sidebar': '185 10% 97%'
+      '--sidebar': '185 14% 97%'
     },
     dark: {
       '--background': '185 50% 5%',
@@ -93,25 +93,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'blue',
     hex: '#1D9BF0',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '205 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '205 10% 97%',
+      '--surface': '205 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '205 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '205 87% 53%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '205 8% 95%',
+      '--secondary': '205 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '205 8% 95%',
+      '--muted': '205 12% 95%',
       '--muted-foreground': '205 5% 42%',
-      '--accent': '205 8% 95%',
+      '--accent': '205 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '205 8% 88%',
-      '--input': '205 8% 88%',
+      '--border': '205 14% 88%',
+      '--input': '205 14% 88%',
       '--ring': '205 87% 53%',
-      '--sidebar': '205 10% 97%'
+      '--sidebar': '205 14% 97%'
     },
     dark: {
       '--background': '205 50% 5%',
@@ -139,25 +139,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'green',
     hex: '#10B981',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '160 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '160 10% 97%',
+      '--surface': '160 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '160 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '160 84% 39%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '160 8% 95%',
+      '--secondary': '160 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '160 8% 95%',
+      '--muted': '160 12% 95%',
       '--muted-foreground': '160 5% 42%',
-      '--accent': '160 8% 95%',
+      '--accent': '160 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '160 8% 88%',
-      '--input': '160 8% 88%',
+      '--border': '160 14% 88%',
+      '--input': '160 14% 88%',
       '--ring': '160 84% 39%',
-      '--sidebar': '160 10% 97%'
+      '--sidebar': '160 14% 97%'
     },
     dark: {
       '--background': '160 50% 5%',
@@ -185,25 +185,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'amber',
     hex: '#F59E0B',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '38 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '38 10% 97%',
+      '--surface': '38 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '38 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '38 92% 50%',
       '--primary-foreground': '0 0% 0%',
-      '--secondary': '38 8% 95%',
+      '--secondary': '38 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '38 8% 95%',
+      '--muted': '38 12% 95%',
       '--muted-foreground': '38 5% 42%',
-      '--accent': '38 8% 95%',
+      '--accent': '38 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '38 8% 88%',
-      '--input': '38 8% 88%',
+      '--border': '38 14% 88%',
+      '--input': '38 14% 88%',
       '--ring': '38 92% 50%',
-      '--sidebar': '38 10% 97%'
+      '--sidebar': '38 14% 97%'
     },
     dark: {
       '--background': '38 50% 5%',
@@ -231,25 +231,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'yellow',
     hex: '#ffc300',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '46 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '46 10% 97%',
+      '--surface': '46 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '46 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '46 100% 50%',
       '--primary-foreground': '0 0% 0%',
-      '--secondary': '46 8% 95%',
+      '--secondary': '46 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '46 8% 95%',
+      '--muted': '46 12% 95%',
       '--muted-foreground': '46 5% 42%',
-      '--accent': '46 8% 95%',
+      '--accent': '46 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '46 8% 88%',
-      '--input': '46 8% 88%',
+      '--border': '46 14% 88%',
+      '--input': '46 14% 88%',
       '--ring': '46 100% 50%',
-      '--sidebar': '46 10% 97%'
+      '--sidebar': '46 14% 97%'
     },
     dark: {
       '--background': '46 50% 5%',
@@ -277,25 +277,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'red',
     hex: '#EF4444',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '0 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '0 10% 97%',
+      '--surface': '0 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '0 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '0 84% 60%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '0 8% 95%',
+      '--secondary': '0 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '0 8% 95%',
+      '--muted': '0 12% 95%',
       '--muted-foreground': '0 5% 42%',
-      '--accent': '0 8% 95%',
+      '--accent': '0 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '0 8% 88%',
-      '--input': '0 8% 88%',
+      '--border': '0 14% 88%',
+      '--input': '0 14% 88%',
       '--ring': '0 84% 60%',
-      '--sidebar': '0 10% 97%'
+      '--sidebar': '0 14% 97%'
     },
     dark: {
       '--background': '0 50% 5%',
@@ -323,25 +323,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'purple',
     hex: '#8B5CF6',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '258 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '258 10% 97%',
+      '--surface': '258 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '258 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '258 90% 66%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '258 8% 95%',
+      '--secondary': '258 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '258 8% 95%',
+      '--muted': '258 12% 95%',
       '--muted-foreground': '258 5% 42%',
-      '--accent': '258 8% 95%',
+      '--accent': '258 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '258 8% 88%',
-      '--input': '258 8% 88%',
+      '--border': '258 14% 88%',
+      '--input': '258 14% 88%',
       '--ring': '258 90% 66%',
-      '--sidebar': '258 10% 97%'
+      '--sidebar': '258 14% 97%'
     },
     dark: {
       '--background': '258 50% 5%',
@@ -369,25 +369,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'pink',
     hex: '#EC4899',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '330 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '330 10% 97%',
+      '--surface': '330 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '330 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '330 81% 60%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '330 8% 95%',
+      '--secondary': '330 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '330 8% 95%',
+      '--muted': '330 12% 95%',
       '--muted-foreground': '330 5% 42%',
-      '--accent': '330 8% 95%',
+      '--accent': '330 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '330 8% 88%',
-      '--input': '330 8% 88%',
+      '--border': '330 14% 88%',
+      '--input': '330 14% 88%',
       '--ring': '330 81% 60%',
-      '--sidebar': '330 10% 97%'
+      '--sidebar': '330 14% 97%'
     },
     dark: {
       '--background': '330 50% 5%',
@@ -415,25 +415,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'sky',
     hex: '#0EA5E9',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '199 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '199 10% 97%',
+      '--surface': '199 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '199 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '199 89% 48%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '199 8% 95%',
+      '--secondary': '199 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '199 8% 95%',
+      '--muted': '199 12% 95%',
       '--muted-foreground': '199 5% 42%',
-      '--accent': '199 8% 95%',
+      '--accent': '199 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '199 8% 88%',
-      '--input': '199 8% 88%',
+      '--border': '199 14% 88%',
+      '--input': '199 14% 88%',
       '--ring': '199 89% 48%',
-      '--sidebar': '199 10% 97%'
+      '--sidebar': '199 14% 97%'
     },
     dark: {
       '--background': '199 50% 5%',
@@ -461,25 +461,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'orange',
     hex: '#F97316',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '25 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '25 10% 97%',
+      '--surface': '25 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '25 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '25 95% 53%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '25 8% 95%',
+      '--secondary': '25 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '25 8% 95%',
+      '--muted': '25 12% 95%',
       '--muted-foreground': '25 5% 42%',
-      '--accent': '25 8% 95%',
+      '--accent': '25 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '25 8% 88%',
-      '--input': '25 8% 88%',
+      '--border': '25 14% 88%',
+      '--input': '25 14% 88%',
       '--ring': '25 95% 53%',
-      '--sidebar': '25 10% 97%'
+      '--sidebar': '25 14% 97%'
     },
     dark: {
       '--background': '25 50% 5%',
@@ -507,25 +507,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'mint',
     hex: '#14B8A6',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '173 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '173 10% 97%',
+      '--surface': '173 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '173 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '173 80% 40%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '173 8% 95%',
+      '--secondary': '173 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '173 8% 95%',
+      '--muted': '173 12% 95%',
       '--muted-foreground': '173 5% 42%',
-      '--accent': '173 8% 95%',
+      '--accent': '173 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '173 8% 88%',
-      '--input': '173 8% 88%',
+      '--border': '173 14% 88%',
+      '--input': '173 14% 88%',
       '--ring': '173 80% 40%',
-      '--sidebar': '173 10% 97%'
+      '--sidebar': '173 14% 97%'
     },
     dark: {
       '--background': '173 50% 5%',
@@ -553,25 +553,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'oxy',
     hex: '#c46ede',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '277 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '277 10% 97%',
+      '--surface': '277 14% 97%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '277 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '277 66% 56%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '277 8% 95%',
+      '--secondary': '277 12% 95%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '277 8% 95%',
+      '--muted': '277 12% 95%',
       '--muted-foreground': '277 5% 42%',
-      '--accent': '277 8% 95%',
+      '--accent': '277 12% 95%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '277 8% 88%',
-      '--input': '277 8% 88%',
+      '--border': '277 14% 88%',
+      '--input': '277 14% 88%',
       '--ring': '277 66% 56%',
-      '--sidebar': '277 10% 97%'
+      '--sidebar': '277 14% 97%'
     },
     dark: {
       '--background': '277 50% 5%',
@@ -599,25 +599,25 @@ const APP_COLOR_PRESETS = exports.APP_COLOR_PRESETS = {
     name: 'faircoin',
     hex: '#9ffb50',
     light: {
-      '--background': '0 0% 99%',
+      '--background': '92 8% 99%',
       '--foreground': '0 0% 12%',
-      '--surface': '92 12% 95%',
+      '--surface': '92 16% 95%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 0% 100%',
+      '--popover': '92 12% 99%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '92 90% 25%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '92 10% 92%',
+      '--secondary': '92 14% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '92 8% 93%',
-      '--muted-foreground': '0 0% 40%',
-      '--accent': '92 10% 92%',
+      '--muted': '92 12% 93%',
+      '--muted-foreground': '92 5% 40%',
+      '--accent': '92 14% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '92 8% 85%',
-      '--input': '92 8% 85%',
+      '--border': '92 12% 85%',
+      '--input': '92 12% 85%',
       '--ring': '92 90% 25%',
-      '--sidebar': '92 12% 95%'
+      '--sidebar': '92 16% 95%'
     },
     dark: {
       '--background': '69 54% 8%',