Nuxt/packages/ui-templates/windi.config.js
2022-11-16 10:47:20 +01:00

89 lines
2.1 KiB
JavaScript

const colors = require('windicss/colors')
module.exports = {
purge: ['./src/**/*.html'],
darkMode: 'media',
theme: {
colors: {
white: 'white',
black: 'black',
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',
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: {
50: '#f5f5f5',
100: '#eeeeee',
200: '#e0e0e0',
300: '#bdbdbd',
400: '#9e9e9e',
500: '#757575',
600: '#616161',
700: '#424242',
800: '#212121',
900: '#18181B'
},
purple: colors.purple,
sky: {
surface: '#E5F9FF',
lightest: '#B7E1ED',
lighter: '#95CDDE',
light: '#71A2B0',
DEFAULT: '#497A87',
dark: '#255461',
darker: '#003543',
darkest: '#012A35',
black: '#001E26'
}
}
}
}