first commit
This commit is contained in:
@@ -0,0 +1,74 @@
|
||||
import { createSystem, defaultConfig, defineConfig } from "@chakra-ui/react";
|
||||
|
||||
// 琥珀金 —— 全站唯一彩色 accent
|
||||
const brand = {
|
||||
50: "#FFFBEB",
|
||||
100: "#FEF3C7",
|
||||
200: "#FDE68A",
|
||||
300: "#FCD34D",
|
||||
400: "#FBBF24",
|
||||
500: "#F59E0B",
|
||||
600: "#D97706",
|
||||
700: "#B45309",
|
||||
800: "#92400E",
|
||||
900: "#78350F",
|
||||
950: "#451A03",
|
||||
};
|
||||
|
||||
const sansFont =
|
||||
"'Noto Sans HK', 'PingFang HK', 'Microsoft JhengHei', system-ui, -apple-system, sans-serif";
|
||||
const serifFont = `'Noto Serif HK', ${sansFont}`;
|
||||
|
||||
const config = defineConfig({
|
||||
globalCss: {
|
||||
"html": {
|
||||
scrollBehavior: "smooth",
|
||||
scrollPaddingTop: "88px",
|
||||
},
|
||||
"body": {
|
||||
fontFamily: sansFont,
|
||||
bg: "#FAF8F4",
|
||||
color: "#1A1917",
|
||||
lineHeight: 1.75,
|
||||
antialiased: "true",
|
||||
},
|
||||
"::selection": {
|
||||
bg: "brand.200",
|
||||
color: "brand.900",
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
tokens: {
|
||||
colors: {
|
||||
brand,
|
||||
ink: {
|
||||
DEFAULT: { value: "#1A1917" },
|
||||
muted: { value: "#6E6862" },
|
||||
},
|
||||
},
|
||||
fonts: {
|
||||
heading: { value: serifFont },
|
||||
body: { value: sansFont },
|
||||
},
|
||||
},
|
||||
semanticTokens: {
|
||||
colors: {
|
||||
"bg.subtle": { value: "#F3EFE7" },
|
||||
"fg.muted": { value: "#6E6862" },
|
||||
"border.subtle": { value: "#E7E2D9" },
|
||||
brand: {
|
||||
solid: { value: "{colors.brand.700}" },
|
||||
contrast: { value: "{colors.white}" },
|
||||
fg: { value: "{colors.brand.800}" },
|
||||
muted: { value: "{colors.brand.100}" },
|
||||
subtle: { value: "{colors.brand.50}" },
|
||||
emphasized: { value: "{colors.brand.300}" },
|
||||
focusRing: { value: "{colors.brand.500}" },
|
||||
border: { value: "{colors.brand.200}" },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const system = createSystem(defaultConfig, config);
|
||||
Reference in New Issue
Block a user