Files
vf_react/src/theme/theme.js
2025-12-04 19:01:35 +08:00

55 lines
1.8 KiB
JavaScript
Executable File

/*!
=========================================================
* Argon Dashboard Chakra PRO - v1.0.0
=========================================================
* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
* Designed and Coded by Simmmple & Creative Tim
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
import { extendTheme } from "@chakra-ui/react";
import { globalStyles } from "./styles";
import { breakpoints } from "./foundations/breakpoints";
import { buttonStyles } from "./components/button";
import { badgeStyles } from "./components/badge";
import { linkStyles } from "./components/link";
import { inputStyles } from "./components/input";
import { CardComponent } from "./additions/card/Card";
import { MainPanelComponent } from "./additions/layout/MainPanel";
import { PanelContentComponent } from "./additions/layout/PanelContent";
import { PanelContainerComponent } from "./additions/layout/PanelContainer";
// import { mode } from "@chakra-ui/theme-tools";
// Container 组件样式覆盖 - 移除默认背景色
const ContainerComponent = {
components: {
Container: {
baseStyle: {
bg: "1A202C",
},
},
},
};
export default extendTheme(
{ breakpoints }, // Breakpoints
globalStyles,
buttonStyles, // Button styles
badgeStyles, // Badge styles
linkStyles, // Link styles
inputStyles, // Input styles
CardComponent, // Card component
MainPanelComponent, // Main Panel component
PanelContentComponent, // Panel Content component
PanelContainerComponent, // Panel Container component
ContainerComponent // Container 背景透明
);