563 lines
18 KiB
JavaScript
563 lines
18 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
const colorTokens = {
|
|
'oxford-blue': {
|
|
'50': '#f3f7f8',
|
|
'100': '#e0e9ed',
|
|
'200': '#c5d3dc',
|
|
'300': '#9db5c3',
|
|
'400': '#6e8ea2',
|
|
'500': '#527288',
|
|
'600': '#476073',
|
|
'700': '#3e5060',
|
|
'800': '#394551',
|
|
'900': '#303943',
|
|
'950': '#1e252e',
|
|
},
|
|
'mandy': {
|
|
'50': '#fef2f2',
|
|
'100': '#fee5e5',
|
|
'200': '#fccfd2',
|
|
'300': '#f9a8ac',
|
|
'400': '#f57781',
|
|
'500': '#ed5564',
|
|
'600': '#d82640',
|
|
'700': '#b61a35',
|
|
'800': '#981933',
|
|
'900': '#831831',
|
|
'950': '#490815',
|
|
},
|
|
'green-smoke': {
|
|
'50': '#f6f5ef',
|
|
'100': '#eae9dd',
|
|
'200': '#d8d7be',
|
|
'300': '#bfbf97',
|
|
'400': '#a8a878',
|
|
'500': '#898a58',
|
|
'600': '#6c6d43',
|
|
'700': '#545536',
|
|
'800': '#43452f',
|
|
'900': '#3a3c2b',
|
|
'950': '#1e1f14',
|
|
},
|
|
'jaffa': {
|
|
'50': '#fef7ee',
|
|
'100': '#fdedd7',
|
|
'200': '#fad8ae',
|
|
'300': '#f7bb7a',
|
|
'400': '#f29445',
|
|
'500': '#f08030',
|
|
'600': '#e05c16',
|
|
'700': '#ba4514',
|
|
'800': '#943818',
|
|
'900': '#773017',
|
|
'950': '#40160a',
|
|
},
|
|
'cornflower-blue': {
|
|
'50': '#eef7ff',
|
|
'100': '#e0efff',
|
|
'200': '#c8e0fd',
|
|
'300': '#a6ccfb',
|
|
'400': '#82adf7',
|
|
'500': '#6890f0',
|
|
'600': '#486ae3',
|
|
'700': '#3955c9',
|
|
'800': '#3149a2',
|
|
'900': '#2f4280',
|
|
'950': '#1b254b',
|
|
},
|
|
'bright-sun': {
|
|
'50': '#fefce8',
|
|
'100': '#fdf8c4',
|
|
'200': '#fdef8b',
|
|
'300': '#fbde49',
|
|
'400': '#f8d030',
|
|
'500': '#e7b20b',
|
|
'600': '#c88906',
|
|
'700': '#9f6209',
|
|
'800': '#844d0f',
|
|
'900': '#703f13',
|
|
'950': '#412007',
|
|
},
|
|
'mantis': {
|
|
'50': '#f2faeb',
|
|
'100': '#dff4d3',
|
|
'200': '#c2eaac',
|
|
'300': '#9cdb7b',
|
|
'400': '#78c850',
|
|
'500': '#5bae34',
|
|
'600': '#448a26',
|
|
'700': '#366a21',
|
|
'800': '#2d551f',
|
|
'900': '#29491e',
|
|
'950': '#12270c',
|
|
},
|
|
'morning-glory': {
|
|
'50': '#f1faf9',
|
|
'100': '#dbf2f1',
|
|
'200': '#bbe6e6',
|
|
'300': '#98d8d8',
|
|
'400': '#56b9ba',
|
|
'500': '#3b9d9f',
|
|
'600': '#348086',
|
|
'700': '#2f686f',
|
|
'800': '#2e565c',
|
|
'900': '#2a494f',
|
|
'950': '#172f35',
|
|
},
|
|
'tall-poppy': {
|
|
'50': '#fdf4f3',
|
|
'100': '#fce5e4',
|
|
'200': '#fbcfcd',
|
|
'300': '#f7aeaa',
|
|
'400': '#f07f79',
|
|
'500': '#e5564e',
|
|
'600': '#d23930',
|
|
'700': '#c03028',
|
|
'800': '#922822',
|
|
'900': '#7a2722',
|
|
'950': '#42100d',
|
|
},
|
|
'violet-eggplant': {
|
|
'50': '#fdf6fd',
|
|
'100': '#f8edfa',
|
|
'200': '#f1d9f5',
|
|
'300': '#e8bceb',
|
|
'400': '#dc93df',
|
|
'500': '#c868cd',
|
|
'600': '#ad49b0',
|
|
'700': '#a040a0',
|
|
'800': '#773176',
|
|
'900': '#622d60',
|
|
'950': '#3f133d',
|
|
},
|
|
'apache': {
|
|
'50': '#fcf9ee',
|
|
'100': '#f5edd0',
|
|
'200': '#ebd89c',
|
|
'300': '#e0c068',
|
|
'400': '#d9ab46',
|
|
'500': '#d08f30',
|
|
'600': '#b77028',
|
|
'700': '#995324',
|
|
'800': '#7d4223',
|
|
'900': '#673820',
|
|
'950': '#3b1c0d',
|
|
},
|
|
'dull-lavender': {
|
|
'50': '#f6f4fe',
|
|
'100': '#eeebfc',
|
|
'200': '#dfd9fb',
|
|
'300': '#c8bbf7',
|
|
'400': '#a890f0',
|
|
'500': '#9069e9',
|
|
'600': '#8049de',
|
|
'700': '#7037ca',
|
|
'800': '#5e2ea9',
|
|
'900': '#4e278b',
|
|
'950': '#30175e',
|
|
},
|
|
'french-rose': {
|
|
'50': '#fff1f4',
|
|
'100': '#ffe4ea',
|
|
'200': '#fdcedb',
|
|
'300': '#fca5bd',
|
|
'400': '#f85888',
|
|
'500': '#f2417b',
|
|
'600': '#de2066',
|
|
'700': '#bc1457',
|
|
'800': '#9d144f',
|
|
'900': '#86154a',
|
|
'950': '#4b0624',
|
|
},
|
|
'la-rioja': {
|
|
'50': '#fcfde8',
|
|
'100': '#f7f9ce',
|
|
'200': '#eef3a3',
|
|
'300': '#e0e96d',
|
|
'400': '#cddb40',
|
|
'500': '#a8b820',
|
|
'600': '#899a16',
|
|
'700': '#687516',
|
|
'800': '#525d17',
|
|
'900': '#464f18',
|
|
'950': '#242b08',
|
|
},
|
|
'sahara': {
|
|
'50': '#f9f9ed',
|
|
'100': '#f1f0d0',
|
|
'200': '#e5e1a3',
|
|
'300': '#d6cb6e',
|
|
'400': '#c9b646',
|
|
'500': '#b8a038',
|
|
'600': '#a0812e',
|
|
'700': '#806128',
|
|
'800': '#6b4f28',
|
|
'900': '#5d4326',
|
|
'950': '#352413',
|
|
},
|
|
'deluge': {
|
|
'50': '#f9f8fc',
|
|
'100': '#f2eff8',
|
|
'200': '#e7e2f2',
|
|
'300': '#d5cbe7',
|
|
'400': '#b9aad6',
|
|
'500': '#9d88c4',
|
|
'600': '#856cb1',
|
|
'700': '#705898',
|
|
'800': '#5f4b7e',
|
|
'900': '#4e3e65',
|
|
'950': '#322447',
|
|
},
|
|
'electric-violet': {
|
|
'50': '#f4f2ff',
|
|
'100': '#eae8ff',
|
|
'200': '#d8d4ff',
|
|
'300': '#bbb1ff',
|
|
'400': '#9b84ff',
|
|
'500': '#7a53ff',
|
|
'600': '#7038f8',
|
|
'700': '#5c1de4',
|
|
'800': '#4c18bf',
|
|
'900': '#40169c',
|
|
'950': '#260b6a',
|
|
},
|
|
'roman-coffee': {
|
|
'50': '#f6f4f0',
|
|
'100': '#e7e4da',
|
|
'200': '#d2c9b6',
|
|
'300': '#b8a98c',
|
|
'400': '#a38e6c',
|
|
'500': '#947d5e',
|
|
'600': '#7e6650',
|
|
'700': '#705848',
|
|
'800': '#58443b',
|
|
'900': '#4d3d36',
|
|
'950': '#2b201d',
|
|
},
|
|
'blue-haze': {
|
|
'50': '#f5f5f8',
|
|
'100': '#ecedf3',
|
|
'200': '#dcdee9',
|
|
'300': '#c7c8da',
|
|
'400': '#b8b8d0',
|
|
'500': '#9c9aba',
|
|
'600': '#8883a8',
|
|
'700': '#767092',
|
|
'800': '#605c77',
|
|
'900': '#514e61',
|
|
'950': '#2f2e38',
|
|
},
|
|
'wewak': {
|
|
'50': '#fdf3f5',
|
|
'100': '#fce7eb',
|
|
'200': '#f8d3dc',
|
|
'300': '#ee99ac',
|
|
'400': '#ea829b',
|
|
'500': '#dd567a',
|
|
'600': '#c83665',
|
|
'700': '#a82854',
|
|
'800': '#8d244b',
|
|
'900': '#792246',
|
|
'950': '#430e22',
|
|
},
|
|
};
|
|
|
|
module.exports = {
|
|
content: ["./src/**/*.{liquid,md}", "./src/**/*.svg",],
|
|
theme: {
|
|
screens: {
|
|
'xs': '475px',
|
|
...defaultTheme.screens,
|
|
},
|
|
extend: {
|
|
colors: {
|
|
"light-transparent": "rgba(0,0,0,.08)",
|
|
primary: {
|
|
'50': colorTokens['mandy']['50'],
|
|
'100': colorTokens['mandy']['100'],
|
|
'200': colorTokens['mandy']['200'],
|
|
'300': colorTokens['mandy']['300'],
|
|
'400': colorTokens['mandy']['400'],
|
|
'500': colorTokens['mandy']['500'],
|
|
DEFAULT: colorTokens['mandy']['500'],
|
|
'600': colorTokens['mandy']['600'],
|
|
'700': colorTokens['mandy']['700'],
|
|
'800': colorTokens['mandy']['800'],
|
|
'900': colorTokens['mandy']['900'],
|
|
'950': colorTokens['mandy']['950'],
|
|
},
|
|
secondary: {
|
|
'50': colorTokens['oxford-blue']['50'],
|
|
'100': colorTokens['oxford-blue']['100'],
|
|
'200': colorTokens['oxford-blue']['200'],
|
|
'300': colorTokens['oxford-blue']['300'],
|
|
'400': colorTokens['oxford-blue']['400'],
|
|
'500': colorTokens['oxford-blue']['500'],
|
|
DEFAULT: colorTokens['oxford-blue']['500'],
|
|
'600': colorTokens['oxford-blue']['600'],
|
|
'700': colorTokens['oxford-blue']['700'],
|
|
'800': colorTokens['oxford-blue']['800'],
|
|
'900': colorTokens['oxford-blue']['900'],
|
|
'950': colorTokens['oxford-blue']['950'],
|
|
},
|
|
normal: {
|
|
'50': colorTokens['green-smoke']['50'],
|
|
'100': colorTokens['green-smoke']['100'],
|
|
'200': colorTokens['green-smoke']['200'],
|
|
'300': colorTokens['green-smoke']['300'],
|
|
'400': colorTokens['green-smoke']['400'],
|
|
DEFAULT: colorTokens['green-smoke']['400'],
|
|
'500': colorTokens['green-smoke']['500'],
|
|
'600': colorTokens['green-smoke']['600'],
|
|
'700': colorTokens['green-smoke']['700'],
|
|
'800': colorTokens['green-smoke']['800'],
|
|
'900': colorTokens['green-smoke']['900'],
|
|
'950': colorTokens['green-smoke']['950'],
|
|
},
|
|
fire: {
|
|
'50': colorTokens['jaffa']['50'],
|
|
'100': colorTokens['jaffa']['100'],
|
|
'200': colorTokens['jaffa']['200'],
|
|
'300': colorTokens['jaffa']['300'],
|
|
'400': colorTokens['jaffa']['400'],
|
|
DEFAULT: colorTokens['jaffa']['500'],
|
|
'500': colorTokens['jaffa']['500'],
|
|
'600': colorTokens['jaffa']['600'],
|
|
'700': colorTokens['jaffa']['700'],
|
|
'800': colorTokens['jaffa']['800'],
|
|
'900': colorTokens['jaffa']['900'],
|
|
'950': colorTokens['jaffa']['950'],
|
|
},
|
|
water: {
|
|
'50': colorTokens['cornflower-blue']['50'],
|
|
'100': colorTokens['cornflower-blue']['100'],
|
|
'200': colorTokens['cornflower-blue']['200'],
|
|
'300': colorTokens['cornflower-blue']['300'],
|
|
'400': colorTokens['cornflower-blue']['400'],
|
|
DEFAULT: colorTokens['cornflower-blue']['500'],
|
|
'500': colorTokens['cornflower-blue']['500'],
|
|
'600': colorTokens['cornflower-blue']['600'],
|
|
'700': colorTokens['cornflower-blue']['700'],
|
|
'800': colorTokens['cornflower-blue']['800'],
|
|
'900': colorTokens['cornflower-blue']['900'],
|
|
'950': colorTokens['cornflower-blue']['950'],
|
|
},
|
|
electric: {
|
|
'50': colorTokens['bright-sun']['50'],
|
|
'100': colorTokens['bright-sun']['100'],
|
|
'200': colorTokens['bright-sun']['200'],
|
|
'300': colorTokens['bright-sun']['300'],
|
|
'400': colorTokens['bright-sun']['400'],
|
|
DEFAULT: colorTokens['bright-sun']['400'],
|
|
'500': colorTokens['bright-sun']['500'],
|
|
'600': colorTokens['bright-sun']['600'],
|
|
'700': colorTokens['bright-sun']['700'],
|
|
'800': colorTokens['bright-sun']['800'],
|
|
'900': colorTokens['bright-sun']['900'],
|
|
'950': colorTokens['bright-sun']['950'],
|
|
},
|
|
grass: {
|
|
'50': colorTokens['mantis']['50'],
|
|
'100': colorTokens['mantis']['100'],
|
|
'200': colorTokens['mantis']['200'],
|
|
'300': colorTokens['mantis']['300'],
|
|
'400': colorTokens['mantis']['400'],
|
|
DEFAULT: colorTokens['mantis']['400'],
|
|
'500': colorTokens['mantis']['500'],
|
|
'600': colorTokens['mantis']['600'],
|
|
'700': colorTokens['mantis']['700'],
|
|
'800': colorTokens['mantis']['800'],
|
|
'900': colorTokens['mantis']['900'],
|
|
'950': colorTokens['mantis']['950'],
|
|
},
|
|
ice: {
|
|
'50': colorTokens['morning-glory']['50'],
|
|
'100': colorTokens['morning-glory']['100'],
|
|
'200': colorTokens['morning-glory']['200'],
|
|
'300': colorTokens['morning-glory']['300'],
|
|
'400': colorTokens['morning-glory']['400'],
|
|
DEFAULT: colorTokens['morning-glory']['300'],
|
|
'500': colorTokens['morning-glory']['500'],
|
|
'600': colorTokens['morning-glory']['600'],
|
|
'700': colorTokens['morning-glory']['700'],
|
|
'800': colorTokens['morning-glory']['800'],
|
|
'900': colorTokens['morning-glory']['900'],
|
|
'950': colorTokens['morning-glory']['950'],
|
|
},
|
|
fighting: {
|
|
'50': colorTokens['tall-poppy']['50'],
|
|
'100': colorTokens['tall-poppy']['100'],
|
|
'200': colorTokens['tall-poppy']['200'],
|
|
'300': colorTokens['tall-poppy']['300'],
|
|
'400': colorTokens['tall-poppy']['400'],
|
|
DEFAULT: colorTokens['tall-poppy']['700'],
|
|
'500': colorTokens['tall-poppy']['500'],
|
|
'600': colorTokens['tall-poppy']['600'],
|
|
'700': colorTokens['tall-poppy']['700'],
|
|
'800': colorTokens['tall-poppy']['800'],
|
|
'900': colorTokens['tall-poppy']['900'],
|
|
'950': colorTokens['tall-poppy']['950'],
|
|
},
|
|
poison: {
|
|
'50': colorTokens['violet-eggplant']['50'],
|
|
'100': colorTokens['violet-eggplant']['100'],
|
|
'200': colorTokens['violet-eggplant']['200'],
|
|
'300': colorTokens['violet-eggplant']['300'],
|
|
'400': colorTokens['violet-eggplant']['400'],
|
|
DEFAULT: colorTokens['violet-eggplant']['700'],
|
|
'500': colorTokens['violet-eggplant']['500'],
|
|
'600': colorTokens['violet-eggplant']['600'],
|
|
'700': colorTokens['violet-eggplant']['700'],
|
|
'800': colorTokens['violet-eggplant']['800'],
|
|
'900': colorTokens['violet-eggplant']['900'],
|
|
'950': colorTokens['violet-eggplant']['950'],
|
|
},
|
|
ground: {
|
|
'50': colorTokens['apache']['50'],
|
|
'100': colorTokens['apache']['100'],
|
|
'200': colorTokens['apache']['200'],
|
|
'300': colorTokens['apache']['300'],
|
|
'400': colorTokens['apache']['400'],
|
|
DEFAULT: colorTokens['apache']['300'],
|
|
'500': colorTokens['apache']['500'],
|
|
'600': colorTokens['apache']['600'],
|
|
'700': colorTokens['apache']['700'],
|
|
'800': colorTokens['apache']['800'],
|
|
'900': colorTokens['apache']['900'],
|
|
'950': colorTokens['apache']['950'],
|
|
},
|
|
flying: {
|
|
'50': colorTokens['dull-lavender']['50'],
|
|
'100': colorTokens['dull-lavender']['100'],
|
|
'200': colorTokens['dull-lavender']['200'],
|
|
'300': colorTokens['dull-lavender']['300'],
|
|
'400': colorTokens['dull-lavender']['400'],
|
|
DEFAULT: colorTokens['dull-lavender']['400'],
|
|
'500': colorTokens['dull-lavender']['500'],
|
|
'600': colorTokens['dull-lavender']['600'],
|
|
'700': colorTokens['dull-lavender']['700'],
|
|
'800': colorTokens['dull-lavender']['800'],
|
|
'900': colorTokens['dull-lavender']['900'],
|
|
'950': colorTokens['dull-lavender']['950'],
|
|
},
|
|
psychic: {
|
|
'50': colorTokens['french-rose']['50'],
|
|
'100': colorTokens['french-rose']['100'],
|
|
'200': colorTokens['french-rose']['200'],
|
|
'300': colorTokens['french-rose']['300'],
|
|
'400': colorTokens['french-rose']['400'],
|
|
DEFAULT: colorTokens['french-rose']['400'],
|
|
'500': colorTokens['french-rose']['500'],
|
|
'600': colorTokens['french-rose']['600'],
|
|
'700': colorTokens['french-rose']['700'],
|
|
'800': colorTokens['french-rose']['800'],
|
|
'900': colorTokens['french-rose']['900'],
|
|
'950': colorTokens['french-rose']['950'],
|
|
},
|
|
bug: {
|
|
'50': colorTokens['la-rioja']['50'],
|
|
'100': colorTokens['la-rioja']['100'],
|
|
'200': colorTokens['la-rioja']['200'],
|
|
'300': colorTokens['la-rioja']['300'],
|
|
'400': colorTokens['la-rioja']['400'],
|
|
DEFAULT: colorTokens['la-rioja']['500'],
|
|
'500': colorTokens['la-rioja']['500'],
|
|
'600': colorTokens['la-rioja']['600'],
|
|
'700': colorTokens['la-rioja']['700'],
|
|
'800': colorTokens['la-rioja']['800'],
|
|
'900': colorTokens['la-rioja']['900'],
|
|
'950': colorTokens['la-rioja']['950'],
|
|
},
|
|
rock: {
|
|
'50': colorTokens['sahara']['50'],
|
|
'100': colorTokens['sahara']['100'],
|
|
'200': colorTokens['sahara']['200'],
|
|
'300': colorTokens['sahara']['300'],
|
|
'400': colorTokens['sahara']['400'],
|
|
DEFAULT: colorTokens['sahara']['500'],
|
|
'500': colorTokens['sahara']['500'],
|
|
'600': colorTokens['sahara']['600'],
|
|
'700': colorTokens['sahara']['700'],
|
|
'800': colorTokens['sahara']['800'],
|
|
'900': colorTokens['sahara']['900'],
|
|
'950': colorTokens['sahara']['950'],
|
|
},
|
|
ghost: {
|
|
'50': colorTokens['deluge']['50'],
|
|
'100': colorTokens['deluge']['100'],
|
|
'200': colorTokens['deluge']['200'],
|
|
'300': colorTokens['deluge']['300'],
|
|
'400': colorTokens['deluge']['400'],
|
|
DEFAULT: colorTokens['deluge']['700'],
|
|
'500': colorTokens['deluge']['500'],
|
|
'600': colorTokens['deluge']['600'],
|
|
'700': colorTokens['deluge']['700'],
|
|
'800': colorTokens['deluge']['800'],
|
|
'900': colorTokens['deluge']['900'],
|
|
'950': colorTokens['deluge']['950'],
|
|
},
|
|
dragon: {
|
|
'50': colorTokens['electric-violet']['50'],
|
|
'100': colorTokens['electric-violet']['100'],
|
|
'200': colorTokens['electric-violet']['200'],
|
|
'300': colorTokens['electric-violet']['300'],
|
|
'400': colorTokens['electric-violet']['400'],
|
|
DEFAULT: colorTokens['electric-violet']['600'],
|
|
'500': colorTokens['electric-violet']['500'],
|
|
'600': colorTokens['electric-violet']['600'],
|
|
'700': colorTokens['electric-violet']['700'],
|
|
'800': colorTokens['electric-violet']['800'],
|
|
'900': colorTokens['electric-violet']['900'],
|
|
'950': colorTokens['electric-violet']['950'],
|
|
},
|
|
dark: {
|
|
'50': colorTokens['roman-coffee']['50'],
|
|
'100': colorTokens['roman-coffee']['100'],
|
|
'200': colorTokens['roman-coffee']['200'],
|
|
'300': colorTokens['roman-coffee']['300'],
|
|
'400': colorTokens['roman-coffee']['400'],
|
|
DEFAULT: colorTokens['roman-coffee']['700'],
|
|
'500': colorTokens['roman-coffee']['500'],
|
|
'600': colorTokens['roman-coffee']['600'],
|
|
'700': colorTokens['roman-coffee']['700'],
|
|
'800': colorTokens['roman-coffee']['800'],
|
|
'900': colorTokens['roman-coffee']['900'],
|
|
'950': colorTokens['roman-coffee']['950'],
|
|
},
|
|
steel: {
|
|
'50': colorTokens['blue-haze']['50'],
|
|
'100': colorTokens['blue-haze']['100'],
|
|
'200': colorTokens['blue-haze']['200'],
|
|
'300': colorTokens['blue-haze']['300'],
|
|
'400': colorTokens['blue-haze']['400'],
|
|
DEFAULT: colorTokens['blue-haze']['400'],
|
|
'500': colorTokens['blue-haze']['500'],
|
|
'600': colorTokens['blue-haze']['600'],
|
|
'700': colorTokens['blue-haze']['700'],
|
|
'800': colorTokens['blue-haze']['800'],
|
|
'900': colorTokens['blue-haze']['900'],
|
|
'950': colorTokens['blue-haze']['950'],
|
|
},
|
|
fairy: {
|
|
'50': colorTokens['wewak']['50'],
|
|
'100': colorTokens['wewak']['100'],
|
|
'200': colorTokens['wewak']['200'],
|
|
'300': colorTokens['wewak']['300'],
|
|
'400': colorTokens['wewak']['400'],
|
|
DEFAULT: colorTokens['wewak']['300'],
|
|
'500': colorTokens['wewak']['500'],
|
|
'600': colorTokens['wewak']['600'],
|
|
'700': colorTokens['wewak']['700'],
|
|
'800': colorTokens['wewak']['800'],
|
|
'900': colorTokens['wewak']['900'],
|
|
'950': colorTokens['wewak']['950'],
|
|
},
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|