mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
* chore: rebrand in progress * chore: update docs to use heroui * chore: components renbranded * chore: figma moved to the docs files * fix: posthog config * fix(docs): extra classname in form example (#4465) * chore: clean git * chore: make heroui private * chore: new logo * chore: node env var renamed * chore: public robots txt deleted * chore: wrangler installed * chore: wrangler renamed * chore: cloudlfare workers removed * chore: force vercel deploy * refactor: first migration and provider * refactor: rename nextui plugin * refactor: rename github site * refactor: rename CONTRIBUTING * refactor: rename package name * refactor: nextjs image hostname * refactor: mdx repo nextui-org rename frontio-ai * refactor: nextui.org rename heroui.com * refactor: add heroui to missing places * fix: heroui plugin name * fix: update docs * docs: nextui to heroui add npmrc pnpm migratation * chore: rename all packages with new org name * chore: replace frontio-ai by frontioai * chore: revert previous changes * chore: small adjustment * chore: doc updated * feat: blog * chore: avatar updated * fix: url * chore: add new ogimage * fix: ogimage command * fix: heroui name and storybook welcome page * fix: og image url * feat: favicon and icon changed --------- Co-authored-by: աӄա <wingkwong.code@gmail.com> Co-authored-by: winches <329487092@qq.com>
75 lines
2.1 KiB
JavaScript
75 lines
2.1 KiB
JavaScript
import {heroui} from "@heroui/theme/plugin";
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./.storybook/welcome.mdx",
|
|
"../components/*/src/**/*.{js,jsx,ts,tsx}",
|
|
"../components/*/stories/**/*.{js,jsx,ts,tsx}",
|
|
"../core/theme/src/components/**/*.{js,jsx,ts,tsx}",
|
|
"../core/theme/src/utils/**/*.{js,jsx,ts,tsx}",
|
|
"../core/theme/stories/**/*.{js,jsx,ts,tsx}",
|
|
],
|
|
darkMode: "class",
|
|
plugins: [
|
|
heroui({
|
|
addCommonColors: true,
|
|
themes: {
|
|
// "dark": {
|
|
// extend: "dark", // <- inherit default values from dark theme
|
|
// colors: {
|
|
// background: "#0D001A",
|
|
// foreground: "#ffffff",
|
|
// content1: "#3B096C",
|
|
// content2: "#520F83",
|
|
// content3: "#7318A2",
|
|
// content4: "#9823C2",
|
|
// default: {
|
|
// 50: "#3B096C",
|
|
// 100: "#521d86",
|
|
// 200: "#6423a6",
|
|
// 300: "#7524cc",
|
|
// 400: "#8935e8",
|
|
// 500: "#9f57f5",
|
|
// 600: "#ba86fa",
|
|
// 700: "#d4b5fd",
|
|
// 800: "#e7d6fe",
|
|
// 900: "#f2e8ff",
|
|
// DEFAULT: "#3B096C",
|
|
// foreground: "#d4b5fd",
|
|
// },
|
|
// primary: {
|
|
// 50: "#3B096C",
|
|
// 100: "#520F83",
|
|
// 200: "#7318A2",
|
|
// 300: "#9823C2",
|
|
// 400: "#c031e2",
|
|
// 500: "#DD62ED",
|
|
// 600: "#F182F6",
|
|
// 700: "#FCADF9",
|
|
// 800: "#FDD5F9",
|
|
// 900: "#FEECFE",
|
|
// DEFAULT: "#DD62ED",
|
|
// foreground: "#ffffff",
|
|
// },
|
|
// focus: "#F182F6",
|
|
// },
|
|
// layout: {
|
|
// disabledOpacity: "0.3",
|
|
// radius: {
|
|
// small: "4px",
|
|
// medium: "6px",
|
|
// large: "8px",
|
|
// },
|
|
// borderWidth: {
|
|
// small: "1px",
|
|
// medium: "2px",
|
|
// large: "3px",
|
|
// },
|
|
// },
|
|
// },
|
|
},
|
|
}),
|
|
],
|
|
};
|