77 lines
2.0 KiB
TypeScript
77 lines
2.0 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const {nextui} = require("@nextui-org/react");
|
|
|
|
|
|
const config: Config = {
|
|
content: [
|
|
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: {
|
|
"gradient-linear-green": "linear-gradient(180deg, #92E727 0%, #000000 100%)",
|
|
"cars": "url(\"/banner.png\")",
|
|
"oil-type": "url(\"/oilTypeImage.png\")"
|
|
},
|
|
colors: {
|
|
"green-1": "#B3C53F",
|
|
"green-2": "#92E727",
|
|
"yellow-1": "#FFD235",
|
|
"gray-1": "#ccc",
|
|
"gray-2": "#cacaca",
|
|
"black-1": "#000",
|
|
"black-2": "#262626",
|
|
},
|
|
fontSize: {
|
|
"header-link": "1.0625rem",
|
|
"header-phone": '1rem',
|
|
"title-1": "5rem",
|
|
"title-2": "4.375rem",
|
|
"title-3": "2.1875rem",
|
|
"title-4": "2.5rem",
|
|
"title-5": "1.25rem",
|
|
|
|
"subtitle-1": "2.0625rem",
|
|
"subtitle-2": "1.75rem",
|
|
"subtitle-3": "1.1875rem",
|
|
"subtitle-4": "1rem",
|
|
"subtitle-5": "0.875rem",
|
|
|
|
base: "1rem",
|
|
},
|
|
fontFamily: {
|
|
mulish: ["var(--font-mulish)", "sans-serif"],
|
|
}
|
|
},
|
|
},
|
|
plugins: [nextui(
|
|
{themes: {
|
|
light: {
|
|
colors: {
|
|
"primary": "#92E727",
|
|
"secondary": '#fff',
|
|
"green-1": "#B3C53F",
|
|
"green-2": "#92E727",
|
|
"yellow-1": "#FFD235",
|
|
"gray-card": "#F7F6F8",
|
|
"gray-1": "#ccc",
|
|
"gray-2": "#cacaca",
|
|
"gray-3": "#787878",
|
|
"gray-4": "rgb(74 74 74)",
|
|
"black-1": "#000",
|
|
"black-2": "#262626",
|
|
"black-3": "#151515",
|
|
"black-4": "#1D1D1E",
|
|
"warning": "#FFD235",
|
|
},
|
|
},
|
|
}}
|
|
)],
|
|
};
|
|
export default config;
|