@pastel-palette/colors
Version:
Core color definitions package for the UI Color System, featuring OKLCH color space support, TypeScript types, and a kawaii aesthetic.
80 lines (73 loc) • 2.23 kB
text/typescript
import {
highContrastApplicationColors,
highContrastBackgroundColors,
highContrastColors,
highContrastElementColors,
highContrastFillColors,
highContrastGrayScale,
highContrastMaterialColors,
} from './themes/high-contrast'
import {
kawaiiApplicationColors,
kawaiiBackgroundColors,
kawaiiColors,
kawaiiElementColors,
kawaiiFillColors,
kawaiiGrayScale,
kawaiiMaterialColors,
} from './themes/kawaii'
import {
regularApplicationColors,
regularBackgroundColors,
regularColors,
regularElementColors,
regularFillColors,
regularGrayScale,
regularMaterialColors,
} from './themes/regular'
import type { ColorPalette, ColorSystem, ThemeColorSystem } from './types'
export const regularColorSystem: ThemeColorSystem = {
colors: regularColors,
grayScale: regularGrayScale,
element: regularElementColors,
background: regularBackgroundColors,
fill: regularFillColors,
material: regularMaterialColors,
application: regularApplicationColors,
}
export const kawaiiColorSystem: ThemeColorSystem = {
colors: kawaiiColors,
grayScale: kawaiiGrayScale,
element: kawaiiElementColors,
background: kawaiiBackgroundColors,
fill: kawaiiFillColors,
material: kawaiiMaterialColors,
application: kawaiiApplicationColors,
}
export const highContrastColorSystem: ThemeColorSystem = {
colors: highContrastColors,
grayScale: highContrastGrayScale,
element: highContrastElementColors,
background: highContrastBackgroundColors,
fill: highContrastFillColors,
material: highContrastMaterialColors,
application: highContrastApplicationColors,
}
export const colorSystem: ColorSystem = {
regular: regularColorSystem,
kawaii: kawaiiColorSystem,
'high-contrast': highContrastColorSystem,
}
export const colorPalette: ColorPalette = {
colors: colorSystem,
meta: {
name: 'Universal Color System',
description:
'A comprehensive color system with regular, kawaii, and high-contrast themes',
theme: 'regular',
},
}
// Export individual theme systems for convenience - using different names to avoid conflicts
export { regularColorSystem as regularTheme }
export { kawaiiColorSystem as kawaiiTheme }
export { highContrastColorSystem as highContrastTheme }