goddonebianu/learn-languages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change default theme color to mist in CSS

Browse Source 
Prevent FOUC (Flash of Unstyled Content) on page refresh by aligning
CSS default colors with the DEFAULT_THEME setting in theme-presets.ts
This commit is contained in:
goddonebianu
2026-03-18 08:36:22 +08:00
parent bc7608e049
commit 3ed3478c66
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/globals.css
View File

@@ -99,18 +99,18 @@
* 定义全局 CSS 变量用于主题切换和动态样式 * 定义全局 CSS 变量用于主题切换和动态样式
*/ */
:root { :root {
/* 主题色 - 默认 Teal */ /* 主题色 - 默认 Mist */
--primary-50: #f0f9f8; --primary-50: #f7f8fa;
--primary-100: #e0f2f0; --primary-100: #eef1f5;
--primary-200: #bce6e1; --primary-200: #dce2eb;
--primary-300: #8dd4cc; --primary-300: #c4cdd9;
--primary-400: #5ec2b7; --primary-400: #a3b0c1;
--primary-500: #35786f; --primary-500: #8594a8;
--primary-600: #2a605b; --primary-600: #6b7a8d;
--primary-700: #1f4844; --primary-700: #596474;
--primary-800: #183835; --primary-800: #4b5360;
--primary-900: #122826; --primary-900: #414850;
--primary-950: #0a1413; --primary-950: #22262b;
/* 基础颜色 */ /* 基础颜色 */
--background: #ffffff; --background: #ffffff;
@@ -126,7 +126,7 @@
/* 边框 */ /* 边框 */
--border: #d1d5db; --border: #d1d5db;
--border-secondary: #e5e7eb; --border-secondary: #e5e7eb;
--border-focus: #35786f; --border-focus: #8594a8;
/* 圆角 - 更小的圆角 */ /* 圆角 - 更小的圆角 */
--radius-xs: 0.125rem; --radius-xs: 0.125rem;
@@ -144,7 +144,7 @@
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
--shadow-primary: 0 4px 14px 0 rgba(53, 120, 111, 0.39); --shadow-primary: 0 4px 14px 0 rgba(133, 148, 168, 0.39);
/* 间距 */ /* 间距 */
--spacing-xs: 0.25rem; --spacing-xs: 0.25rem;