55 lines
1.8 KiB
JavaScript
Executable File
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 背景透明
|
|
);
|