Nuxt/docs/windi.config.js

139 lines
3.3 KiB
JavaScript
Raw Normal View History

import colors from 'windicss/colors'
export default {
safelist: 'bg-secondary-darker',
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
primary: {
50: '#F2FDF9',
100: '#E6FCF3',
200: '#BFF6E0',
300: '#99F1CD',
400: '#4DE7A8',
DEFAULT: '#00DC82',
600: '#00C675',
700: '#00844E',
800: '#00633B',
900: '#004227'
},
'secondary-surface': '#E5F9FF',
'secondary-lightest': '#B7E1ED',
'secondary-lighter': '#95CDDE',
'secondary-light': '#71A2B0',
secondary: '#497A87',
'secondary-dark': '#255461',
'secondary-darker': '#003543',
'secondary-darkest': '#012A35',
'secondary-black': '#001E26',
tertiary: '#B2CCCC', // cloud
'cloud-surface': '#E6F0F0',
'cloud-lightest': '#D1E2E2',
'cloud-lighter': '#B2CCCC',
'cloud-light': '#92ADAD',
cloud: '#688282',
'cloud-dark': '#566B6B',
'cloud-darker': '#334040',
'cloud-darkest': '#273131',
'cloud-black': '#1A2121',
black: '#000',
white: '#fff',
blue: colors.sky,
green: {
// 50: "#eefdf2",
50: '#d0fcde',
100: '#b0fccb',
200: '#8cfab7',
300: '#64f4a3',
400: '#37e990',
500: '#00d77d',
600: '#00bb6a',
700: '#009956',
800: '#047342',
900: '#134d2e'
// 950: "#132a1c",
},
red: colors.red,
rose: colors.rose,
yellow: colors.amber,
orange: colors.orange,
gray: colors.gray,
purple: colors.purple,
sky: {
surface: '#E5F9FF',
lightest: '#B7E1ED',
lighter: '#95CDDE',
light: '#71A2B0',
DEFAULT: '#497A87',
dark: '#255461',
darker: '#003543',
darkest: '#012A35',
black: '#001E26'
}
},
extend: {
fontFamily: {
sans: 'DM Sans',
serif: 'DM Serif Display',
mono: 'DM Mono'
},
transitionProperty: {
height: 'height'
}
}
},
shortcuts: {
'nuxt-text-highlight': 'py-2 px-4 rounded-md bg-gray-100 dark:bg-white dark:bg-opacity-10',
'nuxt-text-highlight-hover': 'nuxt-text-highlight dark:hover:bg-opacity-9 light:hover:bg-gray-50',
'text-display-6': {
fontSize: '1.875rem',
lineHeight: '2.25rem'
},
'text-display-5': {
fontSize: '2.25rem',
lineHeight: '2.5rem'
},
'text-display-4': {
fontSize: '3rem',
lineHeight: '3rem'
},
'text-display-3': {
fontSize: '3.75rem',
lineHeight: '3.75rem'
},
'text-display-2': {
fontSize: '4.5rem',
lineHeight: '4.5rem'
},
'text-display-1': {
fontSize: '6rem',
lineHeight: '6rem'
},
'text-body-xs': {
fontSize: '0.75rem',
lineHeight: '1rem'
},
'text-body-sm': {
fontSize: '0.875rem',
lineHeight: '1.25rem'
},
'text-body-base': {
fontSize: '1rem',
lineHeight: '1.5rem'
},
'text-body-lg': {
fontSize: '1.125rem',
lineHeight: '1.75rem'
},
'text-body-xl': {
fontSize: '1.25rem',
lineHeight: '1.75rem'
},
'text-body-2xl': {
fontSize: '1.5rem',
lineHeight: '2rem'
}
}
}