@gravityforms/design-tokens
Version:
Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.
37 lines (36 loc) • 1.9 kB
JavaScript
module.exports = {
'--%project_name%-theme-color-black': '#000',
'--%project_name%-theme-color-new-black': '#112337',
'--%project_name%-theme-color-darkest-blue': '#2f4054',
'--%project_name%-theme-color-sorta-gray': '#607382',
'--%project_name%-theme-color-label': '#686e77',
'--%project_name%-theme-color-dark-gray': '#585e6a',
'--%project_name%-theme-color-medium-gray': '#d0d1d3',
'--%project_name%-theme-color-uber-light': '#cfd3d9',
'--%project_name%-theme-color-border-gray': '#d2d5db',
'--%project_name%-theme-color-light-gray': '#e5e7eb',
'--%project_name%-theme-color-very-light-gray': '#f2f3f5',
'--%project_name%-theme-color-ultra-light-gray': '#fafafa',
'--%project_name%-theme-color-white': '#fff',
'--%project_name%-theme-color-the-blue': '#2c6bb2',
'--%project_name%-theme-color-dark-blue': '#044ad3',
'--%project_name%-theme-color-blue-haze': '#204ce5',
'--%project_name%-theme-color-highlighted-blue': '#c3d9ff',
'--%project_name%-theme-color-light-blue': '#ebf2ff',
'--%project_name%-theme-color-uber-light-blue': '#f4f8ff',
'--%project_name%-theme-color-sea-green': '#2f833d',
'--%project_name%-theme-color-groovy-green': '#399f4b',
'--%project_name%-theme-color-teal': '#16bdca',
'--%project_name%-theme-color-light-green': '#31c48d',
'--%project_name%-theme-color-super-green': '#d6fedd',
'--%project_name%-theme-color-success-green': '#eefcf0',
'--%project_name%-theme-color-super-light-green': '#fbfffb',
'--%project_name%-theme-color-blood-red': '#c02b0a',
'--%project_name%-theme-color-spanish-pink': '#ffc7bb',
'--%project_name%-theme-color-background-red': '#fee4e2',
'--%project_name%-theme-color-error-red': '#fff9f9',
'--%project_name%-theme-color-orange': '#ff5a1f',
'--%project_name%-theme-color-brown-yellow': '#8b6c32',
'--%project_name%-theme-color-yellow': '#febc48',
'--%project_name%-theme-color-warning-yellow': '#fffaf0',
};