@mgoodfellow/park-ui-panda-preset
Version:
Panda CSS Preset for Park UI
37 lines (35 loc) • 1.34 kB
text/typescript
import { defineTokens } from '@pandacss/dev'
export const colors = defineTokens.colors({
current: { value: 'currentColor' },
black: {
DEFAULT: { value: '#000000' },
a1: { value: 'rgba(0, 0, 0, 0.05)' },
a2: { value: 'rgba(0, 0, 0, 0.1)' },
a3: { value: 'rgba(0, 0, 0, 0.15)' },
a4: { value: 'rgba(0, 0, 0, 0.2)' },
a5: { value: 'rgba(0, 0, 0, 0.3)' },
a6: { value: 'rgba(0, 0, 0, 0.4)' },
a7: { value: 'rgba(0, 0, 0, 0.5)' },
a8: { value: 'rgba(0, 0, 0, 0.6)' },
a9: { value: 'rgba(0, 0, 0, 0.7)' },
a10: { value: 'rgba(0, 0, 0, 0.8)' },
a11: { value: 'rgba(0, 0, 0, 0.9)' },
a12: { value: 'rgba(0, 0, 0, 0.95)' },
},
white: {
DEFAULT: { value: '#ffffff' },
a1: { value: 'rgba(255, 255, 255, 0.05)' },
a2: { value: 'rgba(255, 255, 255, 0.1)' },
a3: { value: 'rgba(255, 255, 255, 0.15)' },
a4: { value: 'rgba(255, 255, 255, 0.2)' },
a5: { value: 'rgba(255, 255, 255, 0.3)' },
a6: { value: 'rgba(255, 255, 255, 0.4)' },
a7: { value: 'rgba(255, 255, 255, 0.5)' },
a8: { value: 'rgba(255, 255, 255, 0.6)' },
a9: { value: 'rgba(255, 255, 255, 0.7)' },
a10: { value: 'rgba(255, 255, 255, 0.8)' },
a11: { value: 'rgba(255, 255, 255, 0.9)' },
a12: { value: 'rgba(255, 255, 255, 0.95)' },
},
transparent: { value: 'rgb(0 0 0 / 0)' },
})