Skip to content

N
nextjs-starter-template
Commit f926f4fb by Moorthy G
Options

refactor(tailwind.config): extend theme configuration instread of config overwrite

parent 8ed27a6f
Showing with 13 additions and 20 deletions
tailwind.config.ts
import type { Config } from 'tailwindcss'; import type { Config } from 'tailwindcss';
import colors from 'tailwindcss/colors';
const config: Config = { const config: Config = {
content: [ content: [
...@@ -8,26 +7,20 @@ const config: Config = { ...@@ -8,26 +7,20 @@ const config: Config = {
'./app/**/*.{js,ts,jsx,tsx,mdx}' './app/**/*.{js,ts,jsx,tsx,mdx}'
], ],
theme: { theme: {
colors: {
gray: colors.gray,
primary: {
DEFAULT: 'hsl(340, 76%, 47%)',
light: 'hsl(340, 76%, 57%)',
dark: 'hsl(340, 76%, 37%)'
},
secondary: {
DEFAULT: 'hsl(205, 76%, 47%)',
light: 'hsl(205, 76%, 57%)',
dark: 'hsl(205, 76%, 37%)'
},
light: '#f4f4f4',
dark: '#222222'
},
extend: { extend: {
backgroundImage: { colors: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', primary: {
'gradient-conic': DEFAULT: 'hsl(340, 76%, 47%)',
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))' light: 'hsl(340, 76%, 57%)',
dark: 'hsl(340, 76%, 37%)'
},
secondary: {
DEFAULT: 'hsl(205, 76%, 47%)',
light: 'hsl(205, 76%, 57%)',
dark: 'hsl(205, 76%, 37%)'
},
light: '#f4f4f4',
dark: '#222222'
} }
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment