@gravityforms/design-tokens
Version:
Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.
74 lines (73 loc) • 4.16 kB
JavaScript
module.exports = {
'--%project_name%-admin-color-white': '#fff',
'--%project_name%-admin-color-black': '#000',
'--%project_name%-admin-color-grey-500': '#667085',
'--%project_name%-admin-color-anti-flash-white': '#f2f3f5',
'--%project_name%-admin-color-titan-white': '#fdfdff',
'--%project_name%-admin-color-light-blue': '#f6f9fc',
'--%project_name%-admin-color-comet': '#5b5e80',
'--%project_name%-admin-color-blue-haze': '#c3c5db',
'--%project_name%-admin-color-metal-gray': '#d3d3e0',
'--%project_name%-admin-color-white-lilac': '#ecedf8',
'--%project_name%-admin-color-white-iris': '#f4f5fb',
'--%project_name%-admin-color-alabaster': '#f9f9f9',
'--%project_name%-admin-color-snuff': '#d5d7e9',
'--%project_name%-admin-color-santas': '#9092b0',
'--%project_name%-admin-color-amethyst-smoke': '#9092b2',
'--%project_name%-admin-color-gravity-blue': '#3e7da6',
'--%project_name%-admin-color-primary-light': '#3985b7',
'--%project_name%-admin-color-chathams': '#0f3d6c',
'--%project_name%-admin-color-orange': '#f15a2b',
'--%project_name%-admin-color-orange-soda': '#ff4f00',
'--%project_name%-admin-color-green': '#22a753',
'--%project_name%-admin-color-hunter': '#276a52',
'--%project_name%-admin-color-primary-green': '#28b77e',
'--%project_name%-admin-color-tara': '#e1f6ed',
'--%project_name%-admin-color-sugar-cane': '#fbfffb',
'--%project_name%-admin-color-feta': '#eefcf0',
'--%project_name%-admin-color-light-green': '#f5fcf6',
'--%project_name%-admin-color-enchanted-meadow': '#aed9b6',
'--%project_name%-admin-color-shamrock': '#31c48d',
'--%project_name%-admin-color-emerald': '#57c091',
'--%project_name%-admin-color-sea-green': '#2f833d',
'--%project_name%-admin-color-rose-white': '#fff9f9',
'--%project_name%-admin-color-once-bitten': '#c02b0a',
'--%project_name%-admin-color-red': '#dd301d',
'--%project_name%-admin-color-spanish-pink': '#ffc7bb',
'--%project_name%-admin-color-background-red': '#fee4e2',
'--%project_name%-admin-color-blue-ribbon': '#175cff',
'--%project_name%-admin-color-light-pastel-yellow': '#f7cf5c',
'--%project_name%-admin-color-yellow': '#ffbe03',
'--%project_name%-admin-color-warning': '#a16938',
'--%project_name%-admin-color-port-light': '#374b6b',
'--%project_name%-admin-color-port': '#242748',
'--%project_name%-admin-color-port-dark': '#1c1f3f',
'--%project_name%-admin-color-spindle': '#bed8ed',
'--%project_name%-admin-color-porcelain-gray': '#e4e9eb',
'--%project_name%-admin-color-sazerac-yellow': '#fff6e3',
'--%project_name%-admin-color-panache-green': '#e1f3e6',
'--%project_name%-admin-color-science-blue': '#044ad3',
'--%project_name%-admin-color-blue-50': '#eff8ff',
'--%project_name%-admin-color-blue-200': '#b2ddff',
'--%project_name%-admin-color-blue-500': '#2e90fa',
'--%project_name%-admin-color-blue-700': '#175cd3',
'--%project_name%-admin-color-nova-yellow': '#fc0',
'--%project_name%-admin-color-zircon': '#f4f8ff',
'--%project_name%-admin-color-broad-daylight': '#c3d9ff',
'--%project_name%-admin-color-hawkes-blue': '#dde9fc',
'--%project_name%-admin-color-iceberg-blue': '#d6f1f3',
'--%project_name%-admin-color-maverick-purple': '#e7e3f1',
'--%project_name%-admin-color-placeholder': 'var(--%project_name%-admin-color-comet)',
'--%project_name%-admin-color-border': 'var(--%project_name%-admin-color-amethyst-smoke)',
'--%project_name%-admin-color-mischka': '#d2d5db',
'--%project_name%-admin-color-shuttle-gray': '#585e6a',
'--%project_name%-admin-color-secondary-border': '#e4e4ee',
'--%project_name%-admin-color-button-disabled': '#639cc1',
'--%project_name%-admin-color-secondary-text': '#6a6a80',
'--%project_name%-admin-color-focus': 'var(--%project_name%-admin-color-spindle)',
'--%project_name%-admin-color-icon': 'var(--%project_name%-admin-color-amethyst-smoke)',
'--%project_name%-admin-color-text': 'var(--%project_name%-admin-color-port)',
'--%project_name%-admin-color-disabled': 'var(--%project_name%-admin-color-white-iris)',
'--%project_name%-admin-color-error': 'var(--%project_name%-admin-color-red)',
'--%project_name%-admin-color-button': 'var(--%project_name%-admin-color-gravity-blue)',
};