@oxyhq/bloom 0.7.3 → 0.7.4

package/src/theme/color-presets.ts

@@ -53,25 +53,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'teal',
     hex: '#005c67',
     light: {
-      '--background': '185 8% 99%',
+      '--background': '185 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '185 14% 97%',
+      '--surface': '185 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '185 12% 99%',
+      '--popover': '185 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '185 100% 20%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '185 12% 95%',
+      '--secondary': '185 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '185 12% 95%',
+      '--muted': '185 55% 92%',
       '--muted-foreground': '185 5% 42%',
-      '--accent': '185 12% 95%',
+      '--accent': '185 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '185 14% 88%',
-      '--input': '185 14% 88%',
+      '--border': '185 40% 87%',
+      '--input': '185 40% 87%',
       '--ring': '185 100% 20%',
-      '--sidebar': '185 14% 97%',
+      '--sidebar': '185 58% 94%',
     },
     dark: {
       '--background': '185 50% 5%',
@@ -100,25 +100,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'blue',
     hex: '#1D9BF0',
     light: {
-      '--background': '205 8% 99%',
+      '--background': '205 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '205 14% 97%',
+      '--surface': '205 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '205 12% 99%',
+      '--popover': '205 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '205 87% 53%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '205 12% 95%',
+      '--secondary': '205 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '205 12% 95%',
+      '--muted': '205 55% 92%',
       '--muted-foreground': '205 5% 42%',
-      '--accent': '205 12% 95%',
+      '--accent': '205 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '205 14% 88%',
-      '--input': '205 14% 88%',
+      '--border': '205 40% 87%',
+      '--input': '205 40% 87%',
       '--ring': '205 87% 53%',
-      '--sidebar': '205 14% 97%',
+      '--sidebar': '205 58% 94%',
     },
     dark: {
       '--background': '205 50% 5%',
@@ -147,25 +147,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'green',
     hex: '#10B981',
     light: {
-      '--background': '160 8% 99%',
+      '--background': '160 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '160 14% 97%',
+      '--surface': '160 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '160 12% 99%',
+      '--popover': '160 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '160 84% 39%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '160 12% 95%',
+      '--secondary': '160 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '160 12% 95%',
+      '--muted': '160 55% 92%',
       '--muted-foreground': '160 5% 42%',
-      '--accent': '160 12% 95%',
+      '--accent': '160 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '160 14% 88%',
-      '--input': '160 14% 88%',
+      '--border': '160 40% 87%',
+      '--input': '160 40% 87%',
       '--ring': '160 84% 39%',
-      '--sidebar': '160 14% 97%',
+      '--sidebar': '160 58% 94%',
     },
     dark: {
       '--background': '160 50% 5%',
@@ -194,25 +194,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'amber',
     hex: '#F59E0B',
     light: {
-      '--background': '38 8% 99%',
+      '--background': '38 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '38 14% 97%',
+      '--surface': '38 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '38 12% 99%',
+      '--popover': '38 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '38 92% 50%',
       '--primary-foreground': '0 0% 0%',
-      '--secondary': '38 12% 95%',
+      '--secondary': '38 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '38 12% 95%',
+      '--muted': '38 55% 92%',
       '--muted-foreground': '38 5% 42%',
-      '--accent': '38 12% 95%',
+      '--accent': '38 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '38 14% 88%',
-      '--input': '38 14% 88%',
+      '--border': '38 40% 87%',
+      '--input': '38 40% 87%',
       '--ring': '38 92% 50%',
-      '--sidebar': '38 14% 97%',
+      '--sidebar': '38 58% 94%',
     },
     dark: {
       '--background': '38 50% 5%',
@@ -241,25 +241,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'yellow',
     hex: '#ffc300',
     light: {
-      '--background': '46 8% 99%',
+      '--background': '46 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '46 14% 97%',
+      '--surface': '46 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '46 12% 99%',
+      '--popover': '46 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '46 100% 50%',
       '--primary-foreground': '0 0% 0%',
-      '--secondary': '46 12% 95%',
+      '--secondary': '46 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '46 12% 95%',
+      '--muted': '46 55% 92%',
       '--muted-foreground': '46 5% 42%',
-      '--accent': '46 12% 95%',
+      '--accent': '46 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '46 14% 88%',
-      '--input': '46 14% 88%',
+      '--border': '46 40% 87%',
+      '--input': '46 40% 87%',
       '--ring': '46 100% 50%',
-      '--sidebar': '46 14% 97%',
+      '--sidebar': '46 58% 94%',
     },
     dark: {
       '--background': '46 50% 5%',
@@ -288,25 +288,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'red',
     hex: '#EF4444',
     light: {
-      '--background': '0 8% 99%',
+      '--background': '0 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '0 14% 97%',
+      '--surface': '0 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '0 12% 99%',
+      '--popover': '0 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '0 84% 60%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '0 12% 95%',
+      '--secondary': '0 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '0 12% 95%',
+      '--muted': '0 55% 92%',
       '--muted-foreground': '0 5% 42%',
-      '--accent': '0 12% 95%',
+      '--accent': '0 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '0 14% 88%',
-      '--input': '0 14% 88%',
+      '--border': '0 40% 87%',
+      '--input': '0 40% 87%',
       '--ring': '0 84% 60%',
-      '--sidebar': '0 14% 97%',
+      '--sidebar': '0 58% 94%',
     },
     dark: {
       '--background': '0 50% 5%',
@@ -335,25 +335,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'purple',
     hex: '#8B5CF6',
     light: {
-      '--background': '258 8% 99%',
+      '--background': '258 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '258 14% 97%',
+      '--surface': '258 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '258 12% 99%',
+      '--popover': '258 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '258 90% 66%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '258 12% 95%',
+      '--secondary': '258 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '258 12% 95%',
+      '--muted': '258 55% 92%',
       '--muted-foreground': '258 5% 42%',
-      '--accent': '258 12% 95%',
+      '--accent': '258 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '258 14% 88%',
-      '--input': '258 14% 88%',
+      '--border': '258 40% 87%',
+      '--input': '258 40% 87%',
       '--ring': '258 90% 66%',
-      '--sidebar': '258 14% 97%',
+      '--sidebar': '258 58% 94%',
     },
     dark: {
       '--background': '258 50% 5%',
@@ -382,25 +382,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'pink',
     hex: '#EC4899',
     light: {
-      '--background': '330 8% 99%',
+      '--background': '330 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '330 14% 97%',
+      '--surface': '330 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '330 12% 99%',
+      '--popover': '330 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '330 81% 60%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '330 12% 95%',
+      '--secondary': '330 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '330 12% 95%',
+      '--muted': '330 55% 92%',
       '--muted-foreground': '330 5% 42%',
-      '--accent': '330 12% 95%',
+      '--accent': '330 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '330 14% 88%',
-      '--input': '330 14% 88%',
+      '--border': '330 40% 87%',
+      '--input': '330 40% 87%',
       '--ring': '330 81% 60%',
-      '--sidebar': '330 14% 97%',
+      '--sidebar': '330 58% 94%',
     },
     dark: {
       '--background': '330 50% 5%',
@@ -429,25 +429,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'sky',
     hex: '#0EA5E9',
     light: {
-      '--background': '199 8% 99%',
+      '--background': '199 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '199 14% 97%',
+      '--surface': '199 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '199 12% 99%',
+      '--popover': '199 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '199 89% 48%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '199 12% 95%',
+      '--secondary': '199 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '199 12% 95%',
+      '--muted': '199 55% 92%',
       '--muted-foreground': '199 5% 42%',
-      '--accent': '199 12% 95%',
+      '--accent': '199 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '199 14% 88%',
-      '--input': '199 14% 88%',
+      '--border': '199 40% 87%',
+      '--input': '199 40% 87%',
       '--ring': '199 89% 48%',
-      '--sidebar': '199 14% 97%',
+      '--sidebar': '199 58% 94%',
     },
     dark: {
       '--background': '199 50% 5%',
@@ -476,25 +476,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'orange',
     hex: '#F97316',
     light: {
-      '--background': '25 8% 99%',
+      '--background': '25 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '25 14% 97%',
+      '--surface': '25 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '25 12% 99%',
+      '--popover': '25 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '25 95% 53%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '25 12% 95%',
+      '--secondary': '25 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '25 12% 95%',
+      '--muted': '25 55% 92%',
       '--muted-foreground': '25 5% 42%',
-      '--accent': '25 12% 95%',
+      '--accent': '25 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '25 14% 88%',
-      '--input': '25 14% 88%',
+      '--border': '25 40% 87%',
+      '--input': '25 40% 87%',
       '--ring': '25 95% 53%',
-      '--sidebar': '25 14% 97%',
+      '--sidebar': '25 58% 94%',
     },
     dark: {
       '--background': '25 50% 5%',
@@ -523,25 +523,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'mint',
     hex: '#14B8A6',
     light: {
-      '--background': '173 8% 99%',
+      '--background': '173 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '173 14% 97%',
+      '--surface': '173 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '173 12% 99%',
+      '--popover': '173 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '173 80% 40%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '173 12% 95%',
+      '--secondary': '173 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '173 12% 95%',
+      '--muted': '173 55% 92%',
       '--muted-foreground': '173 5% 42%',
-      '--accent': '173 12% 95%',
+      '--accent': '173 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '173 14% 88%',
-      '--input': '173 14% 88%',
+      '--border': '173 40% 87%',
+      '--input': '173 40% 87%',
       '--ring': '173 80% 40%',
-      '--sidebar': '173 14% 97%',
+      '--sidebar': '173 58% 94%',
     },
     dark: {
       '--background': '173 50% 5%',
@@ -570,25 +570,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'oxy',
     hex: '#c46ede',
     light: {
-      '--background': '277 8% 99%',
+      '--background': '277 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '277 14% 97%',
+      '--surface': '277 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '277 12% 99%',
+      '--popover': '277 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '277 66% 56%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '277 12% 95%',
+      '--secondary': '277 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '277 12% 95%',
+      '--muted': '277 55% 92%',
       '--muted-foreground': '277 5% 42%',
-      '--accent': '277 12% 95%',
+      '--accent': '277 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '277 14% 88%',
-      '--input': '277 14% 88%',
+      '--border': '277 40% 87%',
+      '--input': '277 40% 87%',
       '--ring': '277 66% 56%',
-      '--sidebar': '277 14% 97%',
+      '--sidebar': '277 58% 94%',
     },
     dark: {
       '--background': '277 50% 5%',
@@ -616,25 +616,25 @@ export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
     name: 'faircoin',
     hex: '#9ffb50',
     light: {
-      '--background': '92 8% 99%',
+      '--background': '92 55% 96%',
       '--foreground': '0 0% 12%',
-      '--surface': '92 16% 95%',
+      '--surface': '92 58% 94%',
       '--surface-foreground': '0 0% 12%',
-      '--popover': '92 12% 99%',
+      '--popover': '92 55% 97%',
       '--popover-foreground': '0 0% 12%',
       '--primary': '92 90% 25%',
       '--primary-foreground': '0 0% 100%',
-      '--secondary': '92 14% 92%',
+      '--secondary': '92 55% 92%',
       '--secondary-foreground': '0 0% 12%',
-      '--muted': '92 12% 93%',
+      '--muted': '92 55% 92%',
       '--muted-foreground': '92 5% 40%',
-      '--accent': '92 14% 92%',
+      '--accent': '92 55% 92%',
       '--accent-foreground': '0 0% 12%',
       '--destructive': '0 84% 60%',
-      '--border': '92 12% 85%',
-      '--input': '92 12% 85%',
+      '--border': '92 40% 87%',
+      '--input': '92 40% 87%',
       '--ring': '92 90% 25%',
-      '--sidebar': '92 16% 95%',
+      '--sidebar': '92 58% 94%',
     },
     dark: {
       '--background': '69 54% 8%',

package/src/theme/preset-vars.ts

@@ -148,10 +148,10 @@ export function getPresetVars(
 
   const extended: PresetTokens = {
     ...base,
-    // Light cards carry the same faint preset tint as `--popover` (H 12% 99%)
+    // Light cards carry the same bold preset tint as `--popover` (H 55% 97%)
     // so they read as part of the preset family rather than a pure-white slab —
     // mirroring how dark cards (H 30% 10%) carry the accent hue into near-black.
-    '--card': isDark ? `${hue} 30% 10%` : `${hue} 12% 99%`,
+    '--card': isDark ? `${hue} 30% 10%` : `${hue} 55% 97%`,
     '--card-foreground': foreground,
     '--chart-1': `${hue} ${sat}% 85%`,
     '--chart-2': `${hue} ${sat}% 75%`,