mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-19 05:41:22 +02:00
style: auto-format codebase with Prettier
Applied formatting to 1487+ files using pnpm format:write - TypeScript/JavaScript files - Svelte components - Astro pages - JSON configs - Markdown docs 13 files still need manual review (Astro JSX comments)
This commit is contained in:
Wuesteon
parent
0241f5554c
commit
d36b321d9d
3952 changed files with 661498 additions and 739751 deletions
|
|
@ -3,7 +3,12 @@ import type { ThemeVariant, ThemeVariantDefinition, ThemeColors } from './types'
|
|||
/**
|
||||
* All available theme variants
|
||||
*/
|
||||
export const THEME_VARIANTS: readonly ThemeVariant[] = ['lume', 'nature', 'stone', 'ocean'] as const;
|
||||
export const THEME_VARIANTS: readonly ThemeVariant[] = [
|
||||
'lume',
|
||||
'nature',
|
||||
'stone',
|
||||
'ocean',
|
||||
] as const;
|
||||
|
||||
/**
|
||||
* HSL Color Definitions for all theme variants
|
||||
|
|
@ -22,209 +27,209 @@ export const THEME_VARIANTS: readonly ThemeVariant[] = ['lume', 'nature', 'stone
|
|||
*/
|
||||
|
||||
const lumeLight: ThemeColors = {
|
||||
primary: '47 95% 58%', // #f8d62b - Gold
|
||||
primaryForeground: '0 0% 0%', // Black text on gold
|
||||
secondary: '47 100% 41%', // #D4B200 - Darker gold
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '0 0% 87%', // #dddddd - Light gray
|
||||
foreground: '0 0% 17%', // #2c2c2c - Dark text
|
||||
surface: '0 0% 100%', // #ffffff - White
|
||||
surfaceHover: '0 0% 96%', // #f5f5f5
|
||||
surfaceElevated: '0 0% 100%', // #ffffff
|
||||
muted: '0 0% 90%', // #e6e6e6
|
||||
mutedForeground: '0 0% 40%', // #666666
|
||||
border: '0 0% 90%', // #e6e6e6
|
||||
borderStrong: '0 0% 80%', // #cccccc
|
||||
error: '6 78% 57%', // #e74c3c
|
||||
success: '145 63% 42%', // #27ae60
|
||||
warning: '36 100% 50%', // #f39c12
|
||||
input: '0 0% 100%', // #ffffff
|
||||
ring: '47 95% 58%', // Same as primary
|
||||
primary: '47 95% 58%', // #f8d62b - Gold
|
||||
primaryForeground: '0 0% 0%', // Black text on gold
|
||||
secondary: '47 100% 41%', // #D4B200 - Darker gold
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '0 0% 87%', // #dddddd - Light gray
|
||||
foreground: '0 0% 17%', // #2c2c2c - Dark text
|
||||
surface: '0 0% 100%', // #ffffff - White
|
||||
surfaceHover: '0 0% 96%', // #f5f5f5
|
||||
surfaceElevated: '0 0% 100%', // #ffffff
|
||||
muted: '0 0% 90%', // #e6e6e6
|
||||
mutedForeground: '0 0% 40%', // #666666
|
||||
border: '0 0% 90%', // #e6e6e6
|
||||
borderStrong: '0 0% 80%', // #cccccc
|
||||
error: '6 78% 57%', // #e74c3c
|
||||
success: '145 63% 42%', // #27ae60
|
||||
warning: '36 100% 50%', // #f39c12
|
||||
input: '0 0% 100%', // #ffffff
|
||||
ring: '47 95% 58%', // Same as primary
|
||||
};
|
||||
|
||||
const lumeDark: ThemeColors = {
|
||||
primary: '47 95% 58%', // #f8d62b - Gold (same in dark)
|
||||
primaryForeground: '0 0% 0%', // Black text on gold
|
||||
secondary: '47 70% 29%', // #7C6B16 - Muted gold
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 6%', // #101010 - Very dark
|
||||
foreground: '0 0% 100%', // #ffffff - White text
|
||||
surface: '0 0% 12%', // #1E1E1E - Dark surface
|
||||
surfaceHover: '0 0% 16%', // #292929
|
||||
surfaceElevated: '0 0% 14%', // #242424
|
||||
muted: '0 0% 20%', // #333333
|
||||
mutedForeground: '0 0% 60%', // #999999
|
||||
border: '0 0% 26%', // #424242
|
||||
borderStrong: '0 0% 35%', // #595959
|
||||
error: '6 78% 57%', // #e74c3c
|
||||
success: '145 63% 49%', // #2ecc71
|
||||
warning: '48 100% 50%', // #f1c40f
|
||||
input: '0 0% 14%', // #242424
|
||||
ring: '47 95% 58%',
|
||||
primary: '47 95% 58%', // #f8d62b - Gold (same in dark)
|
||||
primaryForeground: '0 0% 0%', // Black text on gold
|
||||
secondary: '47 70% 29%', // #7C6B16 - Muted gold
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 6%', // #101010 - Very dark
|
||||
foreground: '0 0% 100%', // #ffffff - White text
|
||||
surface: '0 0% 12%', // #1E1E1E - Dark surface
|
||||
surfaceHover: '0 0% 16%', // #292929
|
||||
surfaceElevated: '0 0% 14%', // #242424
|
||||
muted: '0 0% 20%', // #333333
|
||||
mutedForeground: '0 0% 60%', // #999999
|
||||
border: '0 0% 26%', // #424242
|
||||
borderStrong: '0 0% 35%', // #595959
|
||||
error: '6 78% 57%', // #e74c3c
|
||||
success: '145 63% 49%', // #2ecc71
|
||||
warning: '48 100% 50%', // #f1c40f
|
||||
input: '0 0% 14%', // #242424
|
||||
ring: '47 95% 58%',
|
||||
};
|
||||
|
||||
const natureLight: ThemeColors = {
|
||||
primary: '122 39% 49%', // #4CAF50 - Green
|
||||
primaryForeground: '0 0% 100%', // White text on green
|
||||
secondary: '122 38% 63%', // #81C784 - Light green
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '80 33% 97%', // #FBFDF8 - Very light green tint
|
||||
foreground: '122 56% 24%', // #1B5E20 - Dark green text
|
||||
surface: '0 0% 100%', // #ffffff
|
||||
surfaceHover: '120 25% 95%', // #F1F8E9
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '120 25% 95%', // #F1F8E9
|
||||
mutedForeground: '122 20% 40%',
|
||||
border: '120 25% 91%', // #E8F5E9
|
||||
borderStrong: '120 26% 79%', // #C8E6C9
|
||||
error: '0 65% 67%', // #E57373
|
||||
success: '122 39% 49%', // Same as primary
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '122 39% 49%',
|
||||
primary: '122 39% 49%', // #4CAF50 - Green
|
||||
primaryForeground: '0 0% 100%', // White text on green
|
||||
secondary: '122 38% 63%', // #81C784 - Light green
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '80 33% 97%', // #FBFDF8 - Very light green tint
|
||||
foreground: '122 56% 24%', // #1B5E20 - Dark green text
|
||||
surface: '0 0% 100%', // #ffffff
|
||||
surfaceHover: '120 25% 95%', // #F1F8E9
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '120 25% 95%', // #F1F8E9
|
||||
mutedForeground: '122 20% 40%',
|
||||
border: '120 25% 91%', // #E8F5E9
|
||||
borderStrong: '120 26% 79%', // #C8E6C9
|
||||
error: '0 65% 67%', // #E57373
|
||||
success: '122 39% 49%', // Same as primary
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '122 39% 49%',
|
||||
};
|
||||
|
||||
const natureDark: ThemeColors = {
|
||||
primary: '122 39% 49%', // #4CAF50
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '122 30% 35%', // Muted green
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%', // White
|
||||
surface: '120 10% 12%', // Slight green tint
|
||||
surfaceHover: '120 10% 16%',
|
||||
surfaceElevated: '120 10% 14%',
|
||||
muted: '120 10% 20%',
|
||||
mutedForeground: '120 10% 60%',
|
||||
border: '120 10% 25%',
|
||||
borderStrong: '120 10% 35%',
|
||||
error: '0 65% 57%',
|
||||
success: '122 50% 55%',
|
||||
warning: '48 100% 50%',
|
||||
input: '120 10% 14%',
|
||||
ring: '122 39% 49%',
|
||||
primary: '122 39% 49%', // #4CAF50
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '122 30% 35%', // Muted green
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%', // White
|
||||
surface: '120 10% 12%', // Slight green tint
|
||||
surfaceHover: '120 10% 16%',
|
||||
surfaceElevated: '120 10% 14%',
|
||||
muted: '120 10% 20%',
|
||||
mutedForeground: '120 10% 60%',
|
||||
border: '120 10% 25%',
|
||||
borderStrong: '120 10% 35%',
|
||||
error: '0 65% 57%',
|
||||
success: '122 50% 55%',
|
||||
warning: '48 100% 50%',
|
||||
input: '120 10% 14%',
|
||||
ring: '122 39% 49%',
|
||||
};
|
||||
|
||||
const stoneLight: ThemeColors = {
|
||||
primary: '200 18% 46%', // #607D8B - Blue gray
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '200 15% 62%', // #90A4AE - Light slate
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '210 17% 97%', // #F5F7F9 - Very light blue gray
|
||||
foreground: '200 19% 18%', // #263238 - Dark slate
|
||||
surface: '0 0% 100%',
|
||||
surfaceHover: '200 10% 94%', // #ECEFF1
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '200 10% 94%', // #ECEFF1
|
||||
mutedForeground: '200 10% 45%',
|
||||
border: '200 10% 88%', // #CFD8DC
|
||||
borderStrong: '200 12% 75%', // #B0BEC5
|
||||
error: '4 90% 63%', // #EF5350
|
||||
success: '145 63% 42%',
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '200 18% 46%',
|
||||
primary: '200 18% 46%', // #607D8B - Blue gray
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '200 15% 62%', // #90A4AE - Light slate
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '210 17% 97%', // #F5F7F9 - Very light blue gray
|
||||
foreground: '200 19% 18%', // #263238 - Dark slate
|
||||
surface: '0 0% 100%',
|
||||
surfaceHover: '200 10% 94%', // #ECEFF1
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '200 10% 94%', // #ECEFF1
|
||||
mutedForeground: '200 10% 45%',
|
||||
border: '200 10% 88%', // #CFD8DC
|
||||
borderStrong: '200 12% 75%', // #B0BEC5
|
||||
error: '4 90% 63%', // #EF5350
|
||||
success: '145 63% 42%',
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '200 18% 46%',
|
||||
};
|
||||
|
||||
const stoneDark: ThemeColors = {
|
||||
primary: '200 15% 52%', // #78909C - Lighter in dark mode
|
||||
primaryForeground: '0 0% 0%',
|
||||
secondary: '200 12% 35%',
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%',
|
||||
surface: '200 10% 12%',
|
||||
surfaceHover: '200 10% 16%',
|
||||
surfaceElevated: '200 10% 14%',
|
||||
muted: '200 10% 20%',
|
||||
mutedForeground: '200 10% 60%',
|
||||
border: '200 10% 25%',
|
||||
borderStrong: '200 10% 35%',
|
||||
error: '4 90% 58%',
|
||||
success: '145 63% 49%',
|
||||
warning: '48 100% 50%',
|
||||
input: '200 10% 14%',
|
||||
ring: '200 15% 52%',
|
||||
primary: '200 15% 52%', // #78909C - Lighter in dark mode
|
||||
primaryForeground: '0 0% 0%',
|
||||
secondary: '200 12% 35%',
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%',
|
||||
surface: '200 10% 12%',
|
||||
surfaceHover: '200 10% 16%',
|
||||
surfaceElevated: '200 10% 14%',
|
||||
muted: '200 10% 20%',
|
||||
mutedForeground: '200 10% 60%',
|
||||
border: '200 10% 25%',
|
||||
borderStrong: '200 10% 35%',
|
||||
error: '4 90% 58%',
|
||||
success: '145 63% 49%',
|
||||
warning: '48 100% 50%',
|
||||
input: '200 10% 14%',
|
||||
ring: '200 15% 52%',
|
||||
};
|
||||
|
||||
const oceanLight: ThemeColors = {
|
||||
primary: '199 98% 45%', // #039BE5 - Bright blue
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '199 92% 64%', // #4FC3F7 - Light blue
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '199 100% 97%', // #F5FCFF - Very light blue
|
||||
foreground: '199 100% 18%', // #01579B - Dark blue
|
||||
surface: '0 0% 100%',
|
||||
surfaceHover: '199 100% 94%', // #E1F5FE
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '199 100% 94%', // #E1F5FE
|
||||
mutedForeground: '199 50% 40%',
|
||||
border: '199 71% 87%', // #B3E5FC
|
||||
borderStrong: '199 79% 76%', // #81D4FA
|
||||
error: '4 90% 63%', // #EF5350
|
||||
success: '145 63% 42%',
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '199 98% 45%',
|
||||
primary: '199 98% 45%', // #039BE5 - Bright blue
|
||||
primaryForeground: '0 0% 100%',
|
||||
secondary: '199 92% 64%', // #4FC3F7 - Light blue
|
||||
secondaryForeground: '0 0% 0%',
|
||||
background: '199 100% 97%', // #F5FCFF - Very light blue
|
||||
foreground: '199 100% 18%', // #01579B - Dark blue
|
||||
surface: '0 0% 100%',
|
||||
surfaceHover: '199 100% 94%', // #E1F5FE
|
||||
surfaceElevated: '0 0% 100%',
|
||||
muted: '199 100% 94%', // #E1F5FE
|
||||
mutedForeground: '199 50% 40%',
|
||||
border: '199 71% 87%', // #B3E5FC
|
||||
borderStrong: '199 79% 76%', // #81D4FA
|
||||
error: '4 90% 63%', // #EF5350
|
||||
success: '145 63% 42%',
|
||||
warning: '36 100% 50%',
|
||||
input: '0 0% 100%',
|
||||
ring: '199 98% 45%',
|
||||
};
|
||||
|
||||
const oceanDark: ThemeColors = {
|
||||
primary: '199 98% 48%', // Slightly brighter in dark
|
||||
primaryForeground: '0 0% 0%',
|
||||
secondary: '199 60% 35%',
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%',
|
||||
surface: '199 30% 12%', // Slight blue tint
|
||||
surfaceHover: '199 30% 16%',
|
||||
surfaceElevated: '199 30% 14%',
|
||||
muted: '199 20% 20%',
|
||||
mutedForeground: '199 20% 60%',
|
||||
border: '199 20% 25%',
|
||||
borderStrong: '199 20% 35%',
|
||||
error: '4 90% 58%',
|
||||
success: '145 63% 49%',
|
||||
warning: '48 100% 50%',
|
||||
input: '199 30% 14%',
|
||||
ring: '199 98% 48%',
|
||||
primary: '199 98% 48%', // Slightly brighter in dark
|
||||
primaryForeground: '0 0% 0%',
|
||||
secondary: '199 60% 35%',
|
||||
secondaryForeground: '0 0% 100%',
|
||||
background: '0 0% 7%', // #121212
|
||||
foreground: '0 0% 100%',
|
||||
surface: '199 30% 12%', // Slight blue tint
|
||||
surfaceHover: '199 30% 16%',
|
||||
surfaceElevated: '199 30% 14%',
|
||||
muted: '199 20% 20%',
|
||||
mutedForeground: '199 20% 60%',
|
||||
border: '199 20% 25%',
|
||||
borderStrong: '199 20% 35%',
|
||||
error: '4 90% 58%',
|
||||
success: '145 63% 49%',
|
||||
warning: '48 100% 50%',
|
||||
input: '199 30% 14%',
|
||||
ring: '199 98% 48%',
|
||||
};
|
||||
|
||||
/**
|
||||
* Complete theme variant definitions
|
||||
*/
|
||||
export const THEME_DEFINITIONS: Record<ThemeVariant, ThemeVariantDefinition> = {
|
||||
lume: {
|
||||
name: 'lume',
|
||||
label: 'Lume',
|
||||
emoji: '✨',
|
||||
hue: 47,
|
||||
light: lumeLight,
|
||||
dark: lumeDark,
|
||||
},
|
||||
nature: {
|
||||
name: 'nature',
|
||||
label: 'Nature',
|
||||
emoji: '🌿',
|
||||
hue: 122,
|
||||
light: natureLight,
|
||||
dark: natureDark,
|
||||
},
|
||||
stone: {
|
||||
name: 'stone',
|
||||
label: 'Stone',
|
||||
emoji: '🪨',
|
||||
hue: 200,
|
||||
light: stoneLight,
|
||||
dark: stoneDark,
|
||||
},
|
||||
ocean: {
|
||||
name: 'ocean',
|
||||
label: 'Ocean',
|
||||
emoji: '🌊',
|
||||
hue: 199,
|
||||
light: oceanLight,
|
||||
dark: oceanDark,
|
||||
},
|
||||
lume: {
|
||||
name: 'lume',
|
||||
label: 'Lume',
|
||||
emoji: '✨',
|
||||
hue: 47,
|
||||
light: lumeLight,
|
||||
dark: lumeDark,
|
||||
},
|
||||
nature: {
|
||||
name: 'nature',
|
||||
label: 'Nature',
|
||||
emoji: '🌿',
|
||||
hue: 122,
|
||||
light: natureLight,
|
||||
dark: natureDark,
|
||||
},
|
||||
stone: {
|
||||
name: 'stone',
|
||||
label: 'Stone',
|
||||
emoji: '🪨',
|
||||
hue: 200,
|
||||
light: stoneLight,
|
||||
dark: stoneDark,
|
||||
},
|
||||
ocean: {
|
||||
name: 'ocean',
|
||||
label: 'Ocean',
|
||||
emoji: '🌊',
|
||||
hue: 199,
|
||||
light: oceanLight,
|
||||
dark: oceanDark,
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue