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.
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
|
|
|
|
|
|
const colors = require('tailwindcss/colors')
|
|
|
|
|
|
|
|
module.exports = {
|
|
|
|
content: [
|
|
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
|
|
],
|
|
|
|
theme: {
|
|
|
|
fontFamily: {
|
|
|
|
sans: ['Neue Haas Grotesk', 'Helvetica', 'sans-serif'],
|
|
|
|
serif: ['Garamond', 'serif'],
|
|
|
|
mono: ['Courier New', 'monospace'],
|
|
|
|
},
|
|
|
|
extend: {
|
|
|
|
colors: {
|
|
|
|
black: '#010101',
|
|
|
|
white: '#ffffff',
|
|
|
|
beige: {
|
|
|
|
100: '#F6F4F1',
|
|
|
|
200: '#F5F2EF',
|
|
|
|
300: '#F3F0ED',
|
|
|
|
400: '#F2EEEB',
|
|
|
|
500: '#F1EDE9',
|
|
|
|
600: '#D8D5D1',
|
|
|
|
700: '#C0BDBA',
|
|
|
|
800: '#A8A5A3',
|
|
|
|
900: '#908E8B',
|
|
|
|
},
|
|
|
|
red: {
|
|
|
|
100: '#F4CFCC',
|
|
|
|
200: '#EDAFAB',
|
|
|
|
300: '#E58F89',
|
|
|
|
400: '#DE6F67',
|
|
|
|
500: '#DB5F57',
|
|
|
|
600: '#C5554E',
|
|
|
|
700: '#99423C',
|
|
|
|
800: '#6D2F2B',
|
|
|
|
900: '#411C1A',
|
|
|
|
},
|
|
|
|
green: {
|
|
|
|
100: '#E9ECE7',
|
|
|
|
200: '#D3DAD0',
|
|
|
|
300: '#BDC8B8',
|
|
|
|
400: '#A7B6A1',
|
|
|
|
500: '#92A48A',
|
|
|
|
600: '#83937C',
|
|
|
|
700: '#667260',
|
|
|
|
800: '#495245',
|
|
|
|
900: '#2B3129',
|
|
|
|
},
|
|
|
|
gray: {
|
|
|
|
100: '#E7E9E8',
|
|
|
|
200: '#CDD0CE',
|
|
|
|
300: '#B3B7B4',
|
|
|
|
400: '#999E9A',
|
|
|
|
500: '#7E8680',
|
|
|
|
600: '#666C67',
|
|
|
|
700: '#4D514E',
|
|
|
|
800: '#343734',
|
|
|
|
900: '#1B1D1C',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
spacing: {
|
|
|
|
100: '26rem',
|
|
|
|
112: '28rem',
|
|
|
|
128: '32rem',
|
|
|
|
144: '36rem',
|
|
|
|
},
|
|
|
|
borderRadius: {
|
|
|
|
'4xl': '2rem',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
plugins: [],
|
|
|
|
}
|