basic2/themes/index.ts
Hooray Hu 807e3f9402 v4.0
2023-10-29 23:00:06 +08:00

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',
}