const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { mode: 'jit', purge: [ './preview/**/*.{vue,js,ts,jsx,tsx}', ], theme: { extend: { borderWidth: { 3: '3px', }, colors: { code: { attrName: '#faf594', attrValue: '##b9f18d', doctype: '#616161', keyword: '##958df1', punctuation: '##70cff8', string: '#b9f18d', tag: '#f98181', }, transparency: { box: { 3: 'rgba(13, 13, 13, 0.03)', 5: 'rgba(13, 13, 13, 0.05)', }, }, gray: { DEFAULT: '', 900: '#0d0d0d', 800: '#262626', 700: '#3a3a3a', 600: '#4e4e4e', 500: '#616161', 400: '#737373', 300: '#919191', 200: '#b3b3b3', 100: '#d6d6d6', 50: '#e8e8e8', }, accent: { DEFAULT: '#faf594', 50: '#fffffa', 100: '#fffef4', 200: '#fefde4', 300: '#fdfbd4', 400: '#fcf8b4', 500: '#faf594', 600: '#e1dd85', 700: '#bcb86f', 800: '#969359', 900: '#7b7849', }, success: { DEFAULT: '#b9f18d', 50: '#fcfef9', 100: '#f8fef4', 200: '#eefce3', 300: '#e3f9d1', 400: '#cef5af', 500: '#b9f18d', 600: '#a7d97f', 700: '#8bb56a', 800: '#6f9155', 900: '#5b7645', }, }, spacing: {}, borderRadius: { xxs: '0.4rem', box: '0.75rem', }, fontSize: { '2xl': '2.75rem', xl: '1.5rem', lg: '1.17rem', sm: '0.85rem', }, lineHeight: { DEFAULT: '1.7rem', '2xl': '3.16rem', xl: '1.8rem', lg: '1.6rem', }, transition: {}, height: { 18: '4.5rem', }, padding: { 18: '4.5rem', }, zIndex: {}, boxShadow: {}, textShadow: {}, fontFamily: { sans: ['Inter', ...defaultTheme.fontFamily.sans], mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono], }, }, }, variants: { extend: { opacity: ['disabled'], }, }, }