116 lines
4.8 KiB
TypeScript
116 lines
4.8 KiB
TypeScript
export const lightTheme = {
|
|
'color-scheme': 'light',
|
|
// shadcn
|
|
'--background': '0 0% 100%',
|
|
'--foreground': '240 10% 3.9%',
|
|
'--card': '0 0% 100%',
|
|
'--card-foreground': '240 10% 3.9%',
|
|
'--popover': '0 0% 100%',
|
|
'--popover-foreground': '240 10% 3.9%',
|
|
'--primary': '240 5.9% 10%',
|
|
'--primary-foreground': '0 0% 98%',
|
|
'--secondary': '240 4.8% 95.9%',
|
|
'--secondary-foreground': '240 5.9% 10%',
|
|
'--muted': '240 4.8% 95.9%',
|
|
'--muted-foreground': '240 3.8% 46.1%',
|
|
'--accent': '240 4.8% 95.9%',
|
|
'--accent-foreground': '240 5.9% 10%',
|
|
'--destructive': '0 84.2% 60.2%',
|
|
'--destructive-foreground': '0 0% 98%',
|
|
'--border': '240 5.9% 90%',
|
|
'--input': '240 5.9% 90%',
|
|
'--ring': '240 5.9% 10%',
|
|
// 主要区域
|
|
'--g-main-area-bg': 'hsl(0 0% 95%)',
|
|
// 头部
|
|
'--g-header-bg': 'hsl(var(--background))',
|
|
'--g-header-color': 'hsl(var(--foreground))',
|
|
'--g-header-menu-color': 'hsl(var(--accent-foreground))',
|
|
'--g-header-menu-hover-bg': 'hsl(var(--accent))',
|
|
'--g-header-menu-hover-color': 'hsl(var(--accent-foreground))',
|
|
'--g-header-menu-active-bg': 'hsl(var(--primary))',
|
|
'--g-header-menu-active-color': 'hsl(var(--primary-foreground))',
|
|
// 主导航
|
|
'--g-main-sidebar-bg': 'hsl(var(--background))',
|
|
'--g-main-sidebar-menu-color': 'hsl(var(--accent-foreground))',
|
|
'--g-main-sidebar-menu-hover-bg': 'hsl(var(--accent))',
|
|
'--g-main-sidebar-menu-hover-color': 'hsl(var(--accent-foreground))',
|
|
'--g-main-sidebar-menu-active-bg': 'hsl(var(--primary))',
|
|
'--g-main-sidebar-menu-active-color': 'hsl(var(--primary-foreground))',
|
|
// 次导航
|
|
'--g-sub-sidebar-bg': 'hsl(var(--background))',
|
|
'--g-sub-sidebar-menu-color': 'hsl(var(--accent-foreground))',
|
|
'--g-sub-sidebar-menu-hover-bg': 'hsl(var(--accent))',
|
|
'--g-sub-sidebar-menu-hover-color': 'hsl(var(--accent-foreground))',
|
|
'--g-sub-sidebar-menu-active-bg': 'hsl(var(--primary))',
|
|
'--g-sub-sidebar-menu-active-color': 'hsl(var(--primary-foreground))',
|
|
// 标签栏
|
|
'--g-tabbar-bg': 'var(--g-main-area-bg)',
|
|
'--g-tabbar-dividers-bg': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-color': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-hover-bg': 'hsl(var(--border))',
|
|
'--g-tabbar-tab-hover-color': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-active-bg': 'hsl(var(--background))',
|
|
'--g-tabbar-tab-active-color': 'hsl(var(--foreground))',
|
|
// 工具栏
|
|
'--g-toolbar-bg': 'hsl(var(--background))',
|
|
}
|
|
|
|
export const darkTheme = {
|
|
'color-scheme': 'dark',
|
|
// shadcn
|
|
'--background': '240 10% 3.9%',
|
|
'--foreground': '0 0% 98%',
|
|
'--card': '240 10% 3.9%',
|
|
'--card-foreground': '0 0% 98%',
|
|
'--popover': '240 10% 3.9%',
|
|
'--popover-foreground': '0 0% 98%',
|
|
'--primary': '0 0% 98%',
|
|
'--primary-foreground': '240 5.9% 10%',
|
|
'--secondary': '240 3.7% 15.9%',
|
|
'--secondary-foreground': '0 0% 98%',
|
|
'--muted': '240 3.7% 15.9%',
|
|
'--muted-foreground': '240 5% 64.9%',
|
|
'--accent': '240 3.7% 15.9%',
|
|
'--accent-foreground': '0 0% 98%',
|
|
'--destructive': '0 62.8% 30.6%',
|
|
'--destructive-foreground': '0 0% 98%',
|
|
'--border': '240 3.7% 15.9%',
|
|
'--input': '240 3.7% 15.9%',
|
|
'--ring': '240 4.9% 83.9%',
|
|
// 主要区域
|
|
'--g-main-area-bg': 'hsl(var(--background))',
|
|
// 头部
|
|
'--g-header-bg': 'hsl(var(--background))',
|
|
'--g-header-color': 'hsl(var(--foreground))',
|
|
'--g-header-menu-color': 'hsl(var(--muted-foreground))',
|
|
'--g-header-menu-hover-bg': 'hsl(var(--muted))',
|
|
'--g-header-menu-hover-color': 'hsl(var(--muted-foreground))',
|
|
'--g-header-menu-active-bg': 'hsl(var(--accent))',
|
|
'--g-header-menu-active-color': 'hsl(var(--accent-foreground))',
|
|
// 主导航
|
|
'--g-main-sidebar-bg': 'hsl(var(--background))',
|
|
'--g-main-sidebar-menu-color': 'hsl(var(--muted-foreground))',
|
|
'--g-main-sidebar-menu-hover-bg': 'hsl(var(--muted))',
|
|
'--g-main-sidebar-menu-hover-color': 'hsl(var(--muted-foreground))',
|
|
'--g-main-sidebar-menu-active-bg': 'hsl(var(--accent))',
|
|
'--g-main-sidebar-menu-active-color': 'hsl(var(--accent-foreground))',
|
|
// 次导航
|
|
'--g-sub-sidebar-bg': 'hsl(var(--background))',
|
|
'--g-sub-sidebar-menu-color': 'hsl(var(--muted-foreground))',
|
|
'--g-sub-sidebar-menu-hover-bg': 'hsl(var(--muted))',
|
|
'--g-sub-sidebar-menu-hover-color': 'hsl(var(--muted-foreground))',
|
|
'--g-sub-sidebar-menu-active-bg': 'hsl(var(--accent))',
|
|
'--g-sub-sidebar-menu-active-color': 'hsl(var(--accent-foreground))',
|
|
// 标签栏
|
|
'--g-tabbar-bg': 'var(--g-main-area-bg)',
|
|
'--g-tabbar-dividers-bg': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-color': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-hover-bg': 'hsl(var(--accent) / 50%)',
|
|
'--g-tabbar-tab-hover-color': 'hsl(var(--accent-foreground) / 50%)',
|
|
'--g-tabbar-tab-active-bg': 'hsl(var(--secondary))',
|
|
'--g-tabbar-tab-active-color': 'hsl(var(--foreground))',
|
|
// 工具栏
|
|
'--g-toolbar-bg': 'hsl(var(--background))',
|
|
}
|