@praetorian-chariot/ui
Version:
The UI component library for Chariot, built with Tailwind CSS and React.
53 lines • 2.11 kB
JavaScript
export const chariotColors = {
colors: {
chariot: {
// Background colors
background: {
primary: 'rgb(var(--chariot-background-primary))',
secondary: 'rgb(var(--chariot-background-secondary))',
gradient: 'var(--chariot-background-gradient)',
},
// Brand colors
brand: {
primary: 'rgb(var(--chariot-brand-primary))',
secondary: 'rgb(var(--chariot-brand-secondary))',
tertiary: 'rgb(var(--chariot-brand-tertiary))',
},
// Text colors
text: {
primary: 'rgb(var(--chariot-text-primary))',
secondary: 'rgb(var(--chariot-text-secondary))',
disabled: 'rgb(var(--chariot-text-disabled))',
red: 'rgb(var(--chariot-text-red))',
purple: 'rgb(var(--chariot-text-purple))',
},
// Status colors
status: {
severe: 'rgb(var(--chariot-status-severe))',
critical: 'rgb(var(--chariot-status-critical))',
high: 'rgb(var(--chariot-status-high))',
medium: 'rgb(var(--chariot-status-medium))',
low: 'rgb(var(--chariot-status-low))',
info: 'rgb(var(--chariot-status-info))',
},
stroke: {
DEFAULT: 'rgb(var(--chariot-stroke))',
severe: 'rgb(var(--chariot-stroke-severe))',
critical: 'rgb(var(--chariot-stroke-critical))',
high: 'rgb(var(--chariot-stroke-high))',
medium: 'rgb(var(--chariot-stroke-medium))',
low: 'rgb(var(--chariot-stroke-low))',
info: 'rgb(var(--chariot-stroke-info))',
blue: 'rgb(var(--chariot-stroke-blue))',
},
// Header colors for compatibility with chariot/ui
header: {
light: 'rgb(var(--header-light))',
DEFAULT: 'rgb(var(--header))',
dark: 'rgb(var(--header-dark))',
},
transparent: 'rgb(var(--chariot-transparent)/.1)',
shade: 'rgb(var(--chariot-shade))',
}
}
}