gejdr-frontend/tailwind.config.js
Lucien Cartier-Tilet 620f5b34f0
initial commit
Base appearance of the website is done, now onto adding features
2025-02-16 18:21:37 +01:00

98 lines
2.8 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
theme: {
extend: {
fontSize: {
sm: '0.600rem',
base: '0.8rem',
xl: '1.066rem',
'2xl': '1.421rem',
'3xl': '1.894rem',
'4xl': '2.525rem',
'5xl': '3.366rem',
},
fontFamily: {
heading: 'Poppins',
body: 'Roboto',
},
fontWeight: {
normal: '400',
bold: '700',
},
colors: {
text: {
50: 'var(--text-50)',
100: 'var(--text-100)',
200: 'var(--text-200)',
300: 'var(--text-300)',
400: 'var(--text-400)',
500: 'var(--text-500)',
600: 'var(--text-600)',
700: 'var(--text-700)',
800: 'var(--text-800)',
900: 'var(--text-900)',
950: 'var(--text-950)',
DEFAULT: 'var(--text)',
},
background: {
50: 'var(--background-50)',
100: 'var(--background-100)',
200: 'var(--background-200)',
300: 'var(--background-300)',
400: 'var(--background-400)',
500: 'var(--background-500)',
600: 'var(--background-600)',
700: 'var(--background-700)',
800: 'var(--background-800)',
900: 'var(--background-900)',
950: 'var(--background-950)',
DEFAULT: 'var(--background)',
},
primary: {
50: 'var(--primary-50)',
100: 'var(--primary-100)',
200: 'var(--primary-200)',
300: 'var(--primary-300)',
400: 'var(--primary-400)',
500: 'var(--primary-500)',
600: 'var(--primary-600)',
700: 'var(--primary-700)',
800: 'var(--primary-800)',
900: 'var(--primary-900)',
950: 'var(--primary-950)',
DEFAULT: 'var(--primary)',
},
secondary: {
50: 'var(--secondary-50)',
100: 'var(--secondary-100)',
200: 'var(--secondary-200)',
300: 'var(--secondary-300)',
400: 'var(--secondary-400)',
500: 'var(--secondary-500)',
600: 'var(--secondary-600)',
700: 'var(--secondary-700)',
800: 'var(--secondary-800)',
900: 'var(--secondary-900)',
950: 'var(--secondary-950)',
DEFAULT: 'var(--secondary)',
},
accent: {
50: 'var(--accent-50)',
100: 'var(--accent-100)',
200: 'var(--accent-200)',
300: 'var(--accent-300)',
400: 'var(--accent-400)',
500: 'var(--accent-500)',
600: 'var(--accent-600)',
700: 'var(--accent-700)',
800: 'var(--accent-800)',
900: 'var(--accent-900)',
950: 'var(--accent-950)',
DEFAULT: 'var(--accent)',
},
},
},
},
};