osaka/tailwind.config.js

55 lines
1.1 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
darkMode: 'selector',
theme: {
colors: {
white: '#FFFFFF',
black: '#000000',
transparent: 'transparent',
primary: {
DEFAULT: '#008C46',
// dark: '#6affb4'
dark: '#E6F4E1'
},
secondary: {
DEFAULT: '#B1E1B3',
// dark: '#20542f',
dark: '#7DBD80',
variant: {DEFAULT: '#80AE82', dark: '#5B875D'}
},
tertiary: {
DEFAULT: '#f2f2df',
dark: '#3d3d29',
},
surface: {
DEFAULT: '#F6F6F6',
dark: '#2d332d',
variant: {DEFAULT: '#F4FFF4', dark: '#2b372c'}
},
},
fontFamily: {
display: ['Montserrat', 'sans-serif'],
body: ['Rubik', 'Noto Sans','Noto Sans Bengali', 'sans-serif'],
},
extend: {
borderWidth: {
'3': '3px',
},
fontSize: {
title: '40px',
},
},
},
plugins: [
function ({ addVariant }) {
addVariant('second-last', '&:nth-last-child(2)');
},
],
}