Files
archived-pcsx2-net-www/tailwind.config.js
Tyler Wilding 60a018cbcb deps: @nextui-org/react to @heroui/react (#368)
* api: transition to new endpoint, fallback to existing one to ease migration

* deps: nextui -> heroui (project name changed)

* todo: found some bugs in the table pagination, they dont seem to be our fault

* api: remove backup logic, not needed

* deps: missed caret syntax

* api: use new api on homepage as well

* api: go back to `api.pcsx2.net` everything functions as expected
2025-02-27 18:01:06 -05:00

68 lines
1.5 KiB
JavaScript

const { heroui } = require("@heroui/react");
/** @type {import('tailwindcss').Config} */
module.exports = {
corePlugins: {
preflight: false,
container: false,
},
content: [
"./src/**/*.{js,ts,jsx,tsx,mdx}",
// next-ui
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
darkMode: ["class", '[data-theme="dark"]'],
plugins: [
heroui({
themes: {
light: {
colors: {
background: "#FFFFFF",
foreground: "#11181C",
primary: {
//... 50 to 900
foreground: "#FFFFFF",
DEFAULT: "#006FEE",
},
// ... rest of the colors
},
},
dark: {
colors: {
background: "#010409",
foreground: "#ECEDEE",
primary: {
//... 50 to 900
foreground: "#FFFFFF",
DEFAULT: "#006FEE",
},
},
// ... rest of the colors
},
},
}),
function ({ addComponents }) {
addComponents({
".container": {
maxWidth: "100%",
"@screen sm": {
maxWidth: "640px",
},
"@screen md": {
maxWidth: "768px",
},
"@screen lg": {
maxWidth: "1280px",
},
"@screen xl": {
maxWidth: "1600px",
},
},
});
},
],
};