UNPKG

@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
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 }