/* import * as colors from 'tailwindcss/colors' import * as defaultTheme from 'tailwindcss/defaultTheme' */ const colors = require('tailwindcss/colors') const defaultTheme = require('tailwindcss/defaultTheme') /** @type {import('tailwindcss').Config} */ module.exports = { theme: { fontFamily: { ...defaultTheme.fontFamily, display: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SFUI', 'HelveticaNeue', 'Helvetica', 'Arial', 'sans-serif'], sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SFUI', 'HelveticaNeue', 'Helvetica', 'Arial', 'sans-serif'], monospace: ['var(--font-monospace)'] }, extend: { colors: { gray: colors.gray, navbar: '#0E111E', // https://hihayk.github.io/scale/#4/5/50/90/0/0/20/0/F0B008/240/176/8/white blueGray: { '50': '#E7E7E9', '100': '#CFCFD2', '200': '#B6B7BC', '300': '#9EA0A5', '400': '#86888F', '500': '#6E7078', '600': '#565862', '700': '#3E404B', '800': '#262935', '900': '#0E111E', }, blue: { '50': '#EAFAFF', '100': '#C6F0FF', '200': '#A3E5FD', '300': '#81DAFB', '400': '#60CEF6', '500': '#41C2F1', '600': '#39AAD3', '700': '#3192B5', '800': '#297997', '900': '#216179', }, green: { '50': '#E6FBEA', '100': '#BAF4C4', '200': '#8FEB9E', '300': '#65E07A', '400': '#3DD557', '500': '#16C834', '600': '#13AF2E', '700': '#119627', '800': '#0E7D21', '900': '#0B641A', }, yellow: { '50': '#FFF8E6', '100': '#FFEBB8', '200': '#FFDE8A', '300': '#FBCF5C', '400': '#F7C031', '500': '#F0B008', '600': '#D29A07', '700': '#B48406', '800': '#966E05', '900': '#785804', }, red: { '50': '#FFEDEB', '100': '#FFCEC8', '200': '#FFB0A6', '300': '#FF9286', '400': '#FF7667', '500': '#FD5B49', '600': '#DD5040', '700': '#BE4437', '800': '#9E392E', '900': '#7F2E25', }, brown: { '50': '#F6F5F5', '100': '#E1DEDC', '200': '#CCC7C4', '300': '#B7AFAB', '400': '#A29893', '500': '#8D817A', '600': '#786962', '700': '#62524A', '800': '#4D3B32', '900': '#392C25', }, violet: { '50': '#EDEBFA', '100': '#CDC8EF', '200': '#ADA6E4', '300': '#8F85D7', '400': '#7165CA', '500': '#5345BC', '600': '#493CA5', '700': '#3E348D', '800': '#342B76', '900': '#2A235E', }, surface: { success: '#AEE9D1', critical: '#FED3D1', warning: '#FFD79D', attention: '#ffea8a', new: '#a4e8f2', info: '' } } } }, plugins: [ require('@tailwindcss/forms') ] }