admin
This commit is contained in:
115
admin-web/themes/index.ts
Normal file
115
admin-web/themes/index.ts
Normal file
@@ -0,0 +1,115 @@
|
||||
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))',
|
||||
}
|
||||
Reference in New Issue
Block a user