@md3tail/theme
Version:
An open source plugin based on tailwindcss built with Material Desing 3
71 lines • 1.58 kB
JavaScript
/**
* material 3 base colors
*/
export const COLORS = [
'primary',
'on-primary',
'primary-container',
'on-primary-container',
'secondary',
'on-secondary',
'secondary-container',
'on-secondary-container',
'tertiary',
'on-tertiary',
'tertiary-container',
'on-tertiary-container',
'error',
'on-error',
'error-container',
'on-error-container',
'background',
'on-background',
'surface',
'surface-container',
'surface-container-lowest',
'surface-container-low',
'surface-container-high',
'surface-container-highest',
'surface-bright',
'surface-dim',
'surface-tint',
'on-surface',
'surface-variant',
'on-surface-variant',
'inverse-surface',
'inverse-on-surface',
'inverse-primary',
'shadow',
'outline-variant',
'scrim',
'outline',
];
/**
* State layers of colors
* @See https://m3.material.io/foundations/interaction/states/overview
*/
export const STATES = [
'hover',
'press',
'focus',
'drag'
];
/**
* A color which has a palette
* @See https://m3.material.io/styles/color/the-color-system/key-colors-tones
*/
export const CORE_COLORS = [
'primary',
'secondary',
'tertiary',
'error',
'neutral',
'neutral-variant',
];
export const NEUTRAL_COLOR = 'neutral';
/**
* One core color becomes thirteen tones
* @See https://m3.material.io/styles/color/the-color-system/key-colors-tones
*/
export const PALETTES = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 95, 99, 100];
//# sourceMappingURL=base.js.map