Web app for the Hyperlane Explorer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hyperlane-explorer/tailwind.config.js

109 lines
2.4 KiB

/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
fontFamily: {
sans: ['Neue Haas Grotesk', 'Helvetica', 'sans-serif'],
serif: ['Garamond', 'serif'],
mono: ['Courier New', 'monospace'],
},
screens: {
xs: '480px',
...defaultTheme.screens,
},
extend: {
colors: {
black: '#010101',
white: '#ffffff',
blue: {
50: '#E9F0F7',
100: '#CCDEEC',
200: '#99BDD9',
300: '#679CC6',
400: '#347AB3',
500: '#025AA1',
600: '#014880',
700: '#013660',
800: '#002440',
900: '#001220',
},
beige: {
100: '#F6F4F1',
200: '#F5F2EF',
300: '#F3F0ED',
400: '#F2EEEB',
500: '#F1EDE9',
600: '#D8D5D1',
700: '#C0BDBA',
800: '#A8A5A3',
900: '#908E8B',
},
red: {
100: '#EBBAB8',
200: '#DF8D8A',
300: '#D25F5B',
400: '#C5312C',
500: '#BF1B15',
600: '#AB1812',
700: '#85120E',
800: '#5F0D0A',
900: '#390806',
},
green: {
50: '#D3E3DB',
100: '#BED5C9',
200: '#93BAA6',
300: '#679F82',
400: '#3C835E',
500: '#27764d',
600: '#236A45',
700: '#1F5E3D',
800: '#17462E',
900: '#0F2F1E',
},
slate: {
50: '#879CA2',
100: '#789097',
200: '#6B848B',
300: '#60767D',
400: '#55696E',
500: '#4A5B60',
600: '#3F4D52',
700: '#344043',
800: '#293235',
900: '#1E2427',
},
},
fontSize: {
md: '0.95rem',
},
spacing: {
88: '22rem',
100: '26rem',
112: '28rem',
128: '32rem',
144: '36rem',
},
borderRadius: {
none: '0',
sm: '0.2rem',
DEFAULT: '0.3rem',
md: '0.4rem',
lg: '0.5rem',
full: '9999px',
},
blur: {
xs: '3px',
},
animation: {
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;',
}
},
},
plugins: [],
};