customize colors
This commit is contained in:
parent
8129ae3ee0
commit
98f8647b64
1 changed files with 73 additions and 1 deletions
|
@ -1,11 +1,83 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
|
||||||
|
const colors = require('tailwindcss/colors')
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
content: [
|
content: [
|
||||||
"./index.html",
|
"./index.html",
|
||||||
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {
|
||||||
|
colors: {
|
||||||
|
'text': { // hand-choosen
|
||||||
|
50: '#FDFDFD',
|
||||||
|
100: '#F3F3F6',
|
||||||
|
200: '#DCDCE7',
|
||||||
|
300: '#C0BFD9',
|
||||||
|
400: '#AAA8CF',
|
||||||
|
500: '#8A86BB',
|
||||||
|
600: '#6C68A1',
|
||||||
|
700: '#554F84',
|
||||||
|
800: '#403B67',
|
||||||
|
900: '#2C2849',
|
||||||
|
950: '#1A182C',
|
||||||
|
},
|
||||||
|
'background': { // hand-choosen
|
||||||
|
50: '#FDFDFD',
|
||||||
|
100: '#F3F3F6',
|
||||||
|
200: '#DCDCE7',
|
||||||
|
300: '#C0BFD9',
|
||||||
|
400: '#AAA8CF',
|
||||||
|
500: '#8A86BB',
|
||||||
|
600: '#6C68A1',
|
||||||
|
700: '#554F84',
|
||||||
|
800: '#403B67',
|
||||||
|
900: '#2C2849',
|
||||||
|
950: '#1A182C',
|
||||||
|
},
|
||||||
|
'primary-button': { // hand-choosen
|
||||||
|
DEFAULT: '#1550A3',
|
||||||
|
50: '#F7FBFF',
|
||||||
|
100: '#B2DBFF',
|
||||||
|
200: '#75B3F1',
|
||||||
|
300: '#4185D2',
|
||||||
|
400: '#2562B9',
|
||||||
|
500: '#1550A3',
|
||||||
|
600: '#0C428E',
|
||||||
|
700: '#043078',
|
||||||
|
800: '#012668',
|
||||||
|
900: '#001E58',
|
||||||
|
950: '#000C24',
|
||||||
|
},
|
||||||
|
'secondary-button': colors.slate,
|
||||||
|
'accent': colors.amber,
|
||||||
|
/* 'secondary-button': {
|
||||||
|
DEFAULT: '#e2e5e9',
|
||||||
|
100: '#d8dade',
|
||||||
|
200: '#ced0d3',
|
||||||
|
300: '#c4c6c8',
|
||||||
|
400: '#babbbe',
|
||||||
|
500: '#b0b1b3',
|
||||||
|
600: '#a6a7a9',
|
||||||
|
700: '#9c9d9e',
|
||||||
|
800: '#939394',
|
||||||
|
900: '#898a8a',
|
||||||
|
},
|
||||||
|
'accent': {
|
||||||
|
DEFAULT: '#f8d841',
|
||||||
|
100: '#fdf8df',
|
||||||
|
200: '#fdf4cf',
|
||||||
|
300: '#fcf1bf',
|
||||||
|
400: '#fbedae',
|
||||||
|
500: '#fbe99c',
|
||||||
|
600: '#fae589',
|
||||||
|
700: '#f9e175',
|
||||||
|
800: '#f9dc5e',
|
||||||
|
900: '#f8d841',
|
||||||
|
}, */
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue