All natural pine, faux fur and a bit of soho vibes for the classy minimalist
Under tailwind.config.js
, put in the following content:
module.exports = {
daisyui: {
themes: [
{
rosepine: {
"primary": "#c4a7e7",
"secondary": "#ebbcba",
"accent": "#f6c177",
"neutral": "#191724",
"base-100": "#1f1d2e",
"info": "#31748f",
"success": "#9ccfd8",
"warning": "#f6c177",
"error": "#eb6f92",
},
'rosepine-moon': {
"primary": "#c4a7e7",
"secondary": "#ea9a97",
"accent": "#c4a7e7",
"neutral": "#2a273f",
"base-100": "#232136",
"info": "#3e8fb0",
"success": "#9ccfd8",
"warning": "#f6c177",
"error": "#eb6f92",
},
'rosepine-dawn': {
"primary": "#907aa9",
"secondary": "#d7827e",
"accent": "#907aa9",
"neutral": "#faf4ed",
"base-100": "#fffaf3",
"info": "#286983",
"success": "#56949f",
"warning": "#ea9d34",
"error": "#b4637a",
},
},
],
},
plugins: [
require('daisyui'),
],
//...
}
And then follow https://daisyui.com/docs/themes/ to apply them.