nextui/packages/storybook/tailwind.config.js
Junior Garcia 6492d36c68
Refactor/rebrand (#4532)
* 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>
2025-01-16 15:03:45 -03:00

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",
// },
// },
// },
},
}),
],
};