@premieroctet/next-admin
Version:
Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje
121 lines (120 loc) • 5.27 kB
JavaScript
import colors_default from "tailwindcss/colors";
import plugin_default from "tailwindcss/plugin";
const nextAdminPreset = {
theme: {
extend: {
colors: {
nextadmin: {
primary: colors_default.indigo,
brand: {
subtle: colors_default.indigo["500"],
default: colors_default.indigo["600"],
emphasis: colors_default.indigo["700"],
inverted: colors_default.white,
muted: colors_default.slate["100"]
},
menu: {
background: colors_default.slate["50"],
color: colors_default.slate["500"],
muted: colors_default.indigo["100"],
emphasis: colors_default.indigo["700"]
},
border: {
default: colors_default.slate["200"],
strong: colors_default.slate["300"]
},
background: {
default: colors_default.white,
subtle: colors_default.slate["50"],
muted: colors_default.slate["100"],
emphasis: colors_default.slate["200"]
},
content: {
default: colors_default.gray["400"],
subtle: colors_default.neutral["600"],
emphasis: colors_default.slate["500"],
inverted: colors_default.gray["700"]
},
alert: {
info: {
background: colors_default.blue["50"],
content: colors_default.blue["800"]
},
success: {
background: colors_default.green["50"],
content: colors_default.green["800"]
},
error: {
background: colors_default.red["50"],
content: colors_default.red["800"]
}
}
},
"dark-nextadmin": {
primary: colors_default.indigo,
brand: {
subtle: colors_default.indigo["400"],
default: colors_default.indigo["500"],
emphasis: colors_default.indigo["700"],
inverted: colors_default.white,
muted: colors_default.slate["50"]
},
menu: {
background: colors_default.slate["800"],
color: colors_default.slate["300"],
muted: colors_default.slate["600"],
emphasis: colors_default.slate["200"]
},
border: {
default: colors_default.slate["600"],
strong: colors_default.slate["700"]
},
background: {
default: colors_default.slate["900"],
emphasis: colors_default.slate["800"],
subtle: colors_default.slate["600"],
muted: colors_default.slate["500"]
},
content: {
default: colors_default.gray["300"],
subtle: colors_default.neutral["200"],
emphasis: colors_default.slate["400"],
inverted: colors_default.slate["50"]
},
alert: {
info: {
background: colors_default.slate["600"],
content: colors_default.sky["200"]
},
success: {
background: colors_default.slate["600"],
content: colors_default.green["400"]
},
error: {
background: colors_default.slate["600"],
content: colors_default.red["400"]
}
}
}
}
}
},
darkMode: "class",
plugins: [
plugin_default(function({ addBase, config, theme }) {
let [mode, className = ".dark"] = [].concat(config("darkMode", "media"));
if (false === mode) mode = "media";
const darkContext = "media" === mode ? "@media (prefers-color-scheme: dark)" : `:is(${className} &)`;
addBase({
body: {
backgroundColor: theme("colors.nextadmin.background.default"),
[darkContext]: {
backgroundColor: theme("colors.dark-nextadmin.background.default")
}
}
});
})
]
};
const preset = nextAdminPreset;
export { preset as default };