diff --git a/src/styles/globals.css b/src/styles/globals.css index 9a4c049b..229f0bbe 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -16,6 +16,30 @@ @custom-variant dark (&:is(.dark *)); +:root[lang='zh-CN'] { + --font-primary-cjk: + 'Noto Sans SC Variable', 'Noto Sans JP Variable', + 'Noto Sans KR Variable', 'Noto Sans TC Variable'; +} + +:root[lang='ja'] { + --font-primary-cjk: + 'Noto Sans JP Variable', 'Noto Sans KR Variable', + 'Noto Sans TC Variable', 'Noto Sans SC Variable'; +} + +:root[lang='ko'] { + --font-primary-cjk: + 'Noto Sans KR Variable', 'Noto Sans JP Variable', + 'Noto Sans TC Variable', 'Noto Sans SC Variable'; +} + +:root[lang='zh-TW'] { + --font-primary-cjk: + 'Noto Sans TC Variable', 'Noto Sans JP Variable', + 'Noto Sans KR Variable', 'Noto Sans SC Variable'; +} + :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); @@ -41,7 +65,8 @@ --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); - --radius: 0.625rem; + /* defalut 0.625rem */ + --radius: 0.375rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); @@ -82,30 +107,6 @@ 'Noto Sans KR Variable', 'Noto Sans TC Variable'; } -:root[lang='zh-CN'] { - --font-primary-cjk: - 'Noto Sans SC Variable', 'Noto Sans JP Variable', - 'Noto Sans KR Variable', 'Noto Sans TC Variable'; -} - -:root[lang='ja'] { - --font-primary-cjk: - 'Noto Sans JP Variable', 'Noto Sans KR Variable', - 'Noto Sans TC Variable', 'Noto Sans SC Variable'; -} - -:root[lang='ko'] { - --font-primary-cjk: - 'Noto Sans KR Variable', 'Noto Sans JP Variable', - 'Noto Sans TC Variable', 'Noto Sans SC Variable'; -} - -:root[lang='zh-TW'] { - --font-primary-cjk: - 'Noto Sans TC Variable', 'Noto Sans JP Variable', - 'Noto Sans KR Variable', 'Noto Sans SC Variable'; -} - .dark { /* --background: oklch(0.145 0 0); */ --background: oklch(0.205 0 0); @@ -167,12 +168,10 @@ --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); - /* -2 */ - --radius-sm: calc(var(--radius) - 6px); - --radius-md: calc(var(--radius) - 4px); - --radius-lg: calc(var(--radius) - 2px); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: calc(var(--radius)); --radius-xl: calc(var(--radius) + 2px); - /* */ --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary);