mirror of
https://gitee.com/fantastic-admin/basic.git
synced 2024-12-05 21:47:55 +08:00
72 lines
2.4 KiB
TypeScript
72 lines
2.4 KiB
TypeScript
import { hex2rgba } from '@unocss/preset-mini/utils'
|
|
|
|
export const lightTheme = {
|
|
'color-scheme': 'light',
|
|
// 内置 UI
|
|
'--ui-primary': hex2rgba('#0f0f0f')!.join(' '),
|
|
'--ui-text': hex2rgba('#fcfcfc')!.join(' '),
|
|
// 主体
|
|
'--g-bg': '#f2f2f2',
|
|
'--g-container-bg': '#fff',
|
|
'--g-border-color': '#f2f2f2',
|
|
// 头部
|
|
'--g-header-bg': '#fff',
|
|
'--g-header-color': '#0f0f0f',
|
|
'--g-header-menu-color': '#0f0f0f',
|
|
'--g-header-menu-hover-bg': '#dde1e3',
|
|
'--g-header-menu-hover-color': '#0f0f0f',
|
|
'--g-header-menu-active-bg': '#0f0f0f',
|
|
'--g-header-menu-active-color': '#fff',
|
|
// 主导航
|
|
'--g-main-sidebar-bg': '#f2f2f2',
|
|
'--g-main-sidebar-menu-color': '#0f0f0f',
|
|
'--g-main-sidebar-menu-hover-bg': '#dde1e3',
|
|
'--g-main-sidebar-menu-hover-color': '#0f0f0f',
|
|
'--g-main-sidebar-menu-active-bg': '#0f0f0f',
|
|
'--g-main-sidebar-menu-active-color': '#fff',
|
|
// 次导航
|
|
'--g-sub-sidebar-bg': '#fff',
|
|
'--g-sub-sidebar-logo-bg': '#0f0f0f',
|
|
'--g-sub-sidebar-logo-color': '#fff',
|
|
'--g-sub-sidebar-menu-color': '#0f0f0f',
|
|
'--g-sub-sidebar-menu-hover-bg': '#dde1e3',
|
|
'--g-sub-sidebar-menu-hover-color': '#0f0f0f',
|
|
'--g-sub-sidebar-menu-active-bg': '#0f0f0f',
|
|
'--g-sub-sidebar-menu-active-color': '#fff',
|
|
}
|
|
|
|
export const darkTheme = {
|
|
'color-scheme': 'dark',
|
|
// 内置 UI
|
|
'--ui-primary': hex2rgba('#e5e5e5')!.join(' '),
|
|
'--ui-text': hex2rgba('#0f0f0f')!.join(' '),
|
|
// 主体
|
|
'--g-bg': '#0a0a0a',
|
|
'--g-container-bg': '#141414',
|
|
'--g-border-color': '#15191e',
|
|
// 头部
|
|
'--g-header-bg': '#141414',
|
|
'--g-header-color': '#e5e5e5',
|
|
'--g-header-menu-color': '#a8a29e',
|
|
'--g-header-menu-hover-bg': '#141414',
|
|
'--g-header-menu-hover-color': '#e5e5e5',
|
|
'--g-header-menu-active-bg': '#e5e5e5',
|
|
'--g-header-menu-active-color': '#0a0a0a',
|
|
// 主导航
|
|
'--g-main-sidebar-bg': '#0a0a0a',
|
|
'--g-main-sidebar-menu-color': '#a8a29e',
|
|
'--g-main-sidebar-menu-hover-bg': '#141414',
|
|
'--g-main-sidebar-menu-hover-color': '#e5e5e5',
|
|
'--g-main-sidebar-menu-active-bg': '#e5e5e5',
|
|
'--g-main-sidebar-menu-active-color': '#0a0a0a',
|
|
// 次导航
|
|
'--g-sub-sidebar-bg': '#141414',
|
|
'--g-sub-sidebar-logo-bg': '#0f0f0f',
|
|
'--g-sub-sidebar-logo-color': '#e5e5e5',
|
|
'--g-sub-sidebar-menu-color': '#a8a29e',
|
|
'--g-sub-sidebar-menu-hover-bg': '#0a0a0a',
|
|
'--g-sub-sidebar-menu-hover-color': '#e5e5e5',
|
|
'--g-sub-sidebar-menu-active-bg': '#e5e5e5',
|
|
'--g-sub-sidebar-menu-active-color': '#0a0a0a',
|
|
}
|