Initial commit

src/theme/styles.js

@@ -0,0 +1,82 @@
+/*!
+
+=========================================================
+* 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 { mode } from "@chakra-ui/theme-tools";
+
+export const globalStyles = {
+  colors: {
+    gray: {
+      700: "#1f2733",
+    },
+    navy: {
+      50: "#d0dcfb",
+      100: "#aac0fe",
+      200: "#a3b9f8",
+      300: "#728fea",
+      400: "#3652ba",
+      500: "#1b3bbb",
+      600: "#24388a",
+      600: "#24388a",
+      700: "#1b254b",
+      800: "#111c44",
+      900: "#0b1437",
+    },
+    // Brainwave深色主题色彩系统
+    brainwave: {
+      // 渐变色系
+      purple: "#AC6AFF",
+      orange: "#FFC876", 
+      red: "#FF776F",
+      green: "#7ADB78",
+      blue: "#858DFF",
+      pink: "#FF98E2",
+      // 中性色系 (n)
+      white: "#FFFFFF",
+      n1: "#FFFFFF",
+      n2: "#CAC6DD", 
+      n3: "#ADA8C3",
+      n4: "#757185",
+      n5: "#3F3A52",
+      n6: "#252134",
+      n7: "#15131D",
+      n8: "#0E0C15",
+      // 描边色
+      stroke: "#26242C",
+    },
+    // 快捷访问色彩
+    brand: {
+      primary: "#AC6AFF",
+      secondary: "#FFC876",
+      accent: "#7ADB78",
+      dark: "#0E0C15",
+      darkLight: "#15131D",
+      darkMedium: "#252134",
+    },
+  },
+  styles: {
+    global: (props) => ({
+      body: {
+        overflowX: "hidden",
+        bg: mode("gray.50", "#1B254B")(props),
+        fontFamily: "Helvetica, sans-serif",
+      },
+      html: {
+        fontFamily: "Helvetica, sans-serif",
+      },
+    }),
+  },
+};