81 lines
2.6 KiB
JavaScript
81 lines
2.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const colors = require('tailwindcss/colors');
|
|
const confwww= require('../itm/apxhtml.json');
|
|
module.exports = {
|
|
content: confwww.tailwindcsscontent,
|
|
theme: {
|
|
fontFamily: {
|
|
sans: ["Inter", "sans-serif"],
|
|
serif: ["Montserrat", "serif"],
|
|
},
|
|
},
|
|
plugins: [
|
|
require("@tailwindcss/typography"),
|
|
require("daisyui")
|
|
],
|
|
daisyui: {
|
|
themes: ["dark","light","themeA","themeB"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
|
|
darkTheme: "dark", // name of one of the included themes for dark mode
|
|
base: true, // applies background color and foreground color for root element by default
|
|
styled: true, // include daisyUI colors and design decisions for all components
|
|
utils: true, // adds responsive and modifier utility classes
|
|
prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
|
|
logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
|
|
themeRoot: ":root", // The element that receives theme color CSS variables
|
|
themes: [
|
|
{
|
|
light: {
|
|
primary: "#570df8",
|
|
secondary: "#f000b8",
|
|
accent: "#37cdbe",
|
|
neutral: "#3d4451",
|
|
"base-100": "#ffffff",
|
|
info: "#3abff8",
|
|
success: "#36d399",
|
|
warning: "#fbbd23",
|
|
error: "#f87272",
|
|
},
|
|
},
|
|
{
|
|
dark: {
|
|
primary: "#6419e6",
|
|
secondary: "#d926a9",
|
|
accent: "#1fb2a6",
|
|
neutral: "#2a323c",
|
|
"base-100": "#1f2937",
|
|
info: "#3abff8",
|
|
success: "#36d399",
|
|
warning: "#fbbd23",
|
|
error: "#f87272",
|
|
},
|
|
},
|
|
{
|
|
themeA: {
|
|
"primary": "#6d28d9", // Violet profond
|
|
"secondary": "#db2777", // Rose vif
|
|
"accent": "#14b8a6", // Turquoise
|
|
"neutral": "#1e293b", // Gris foncé
|
|
"base-100": "#f3f4f6", // Gris clair
|
|
"info": "#60a5fa", // Bleu pastel
|
|
"success": "#34d399", // Vert
|
|
"warning": "#fbbf24", // Jaune
|
|
"error": "#f87171" // Rouge
|
|
},
|
|
},
|
|
{
|
|
themeB: {
|
|
"primary": "#059669", // Vert émeraude
|
|
"secondary": "#7c3aed", // Violet
|
|
"accent": "#f59e0b", // Orange
|
|
"neutral": "#374151", // Gris
|
|
"base-100": "#f9fafb", // Blanc cassé
|
|
"info": "#60a5fa", // Bleu pastel
|
|
"success": "#34d399", // Vert
|
|
"warning": "#fbbf24", // Jaune
|
|
"error": "#f87171" // Rouge
|
|
},
|
|
},
|
|
],
|
|
},
|
|
};
|