index.ts 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. export const lightTheme = {
  2. 'color-scheme': 'light',
  3. // shadcn
  4. '--background': '0 0% 100%',
  5. '--foreground': '240 10% 3.9%',
  6. '--card': '0 0% 100%',
  7. '--card-foreground': '240 10% 3.9%',
  8. '--popover': '0 0% 100%',
  9. '--popover-foreground': '240 10% 3.9%',
  10. '--primary': '240 5.9% 10%',
  11. '--primary-foreground': '0 0% 98%',
  12. '--secondary': '240 4.8% 95.9%',
  13. '--secondary-foreground': '240 5.9% 10%',
  14. '--muted': '240 4.8% 95.9%',
  15. '--muted-foreground': '240 3.8% 46.1%',
  16. '--accent': '240 4.8% 95.9%',
  17. '--accent-foreground': '240 5.9% 10%',
  18. '--destructive': '0 84.2% 60.2%',
  19. '--destructive-foreground': '0 0% 98%',
  20. '--border': '240 5.9% 90%',
  21. '--input': '240 5.9% 90%',
  22. '--ring': '240 5.9% 10%',
  23. // 主要区域
  24. '--g-main-area-bg': 'hsl(0 0% 95%)',
  25. // 头部
  26. '--g-header-bg': 'hsl(var(--background))',
  27. '--g-header-color': 'hsl(var(--foreground))',
  28. '--g-header-menu-color': 'hsl(var(--accent-foreground))',
  29. '--g-header-menu-hover-bg': 'hsl(var(--accent))',
  30. '--g-header-menu-hover-color': 'hsl(var(--accent-foreground))',
  31. '--g-header-menu-active-bg': 'hsl(var(--primary))',
  32. '--g-header-menu-active-color': 'hsl(var(--primary-foreground))',
  33. // 主导航
  34. '--g-main-sidebar-bg': 'hsl(var(--background))',
  35. '--g-main-sidebar-menu-color': 'hsl(var(--accent-foreground))',
  36. '--g-main-sidebar-menu-hover-bg': 'hsl(var(--accent))',
  37. '--g-main-sidebar-menu-hover-color': 'hsl(var(--accent-foreground))',
  38. '--g-main-sidebar-menu-active-bg': 'hsl(var(--primary))',
  39. '--g-main-sidebar-menu-active-color': 'hsl(var(--primary-foreground))',
  40. // 次导航
  41. '--g-sub-sidebar-bg': 'hsl(var(--background))',
  42. '--g-sub-sidebar-menu-color': 'hsl(var(--accent-foreground))',
  43. '--g-sub-sidebar-menu-hover-bg': 'hsl(var(--accent))',
  44. '--g-sub-sidebar-menu-hover-color': 'hsl(var(--accent-foreground))',
  45. '--g-sub-sidebar-menu-active-bg': 'hsl(var(--primary))',
  46. '--g-sub-sidebar-menu-active-color': 'hsl(var(--primary-foreground))',
  47. // 标签栏
  48. '--g-tabbar-bg': 'var(--g-main-area-bg)',
  49. '--g-tabbar-dividers-bg': 'hsl(var(--accent-foreground) / 50%)',
  50. '--g-tabbar-tab-color': 'hsl(var(--accent-foreground) / 50%)',
  51. '--g-tabbar-tab-hover-bg': 'hsl(var(--border))',
  52. '--g-tabbar-tab-hover-color': 'hsl(var(--accent-foreground) / 50%)',
  53. '--g-tabbar-tab-active-bg': 'hsl(var(--background))',
  54. '--g-tabbar-tab-active-color': 'hsl(var(--foreground))',
  55. // 工具栏
  56. '--g-toolbar-bg': 'hsl(var(--background))',
  57. }
  58. export const darkTheme = {
  59. 'color-scheme': 'dark',
  60. // shadcn
  61. '--background': '240 10% 3.9%',
  62. '--foreground': '0 0% 98%',
  63. '--card': '240 10% 3.9%',
  64. '--card-foreground': '0 0% 98%',
  65. '--popover': '240 10% 3.9%',
  66. '--popover-foreground': '0 0% 98%',
  67. '--primary': '0 0% 98%',
  68. '--primary-foreground': '240 5.9% 10%',
  69. '--secondary': '240 3.7% 15.9%',
  70. '--secondary-foreground': '0 0% 98%',
  71. '--muted': '240 3.7% 15.9%',
  72. '--muted-foreground': '240 5% 64.9%',
  73. '--accent': '240 3.7% 15.9%',
  74. '--accent-foreground': '0 0% 98%',
  75. '--destructive': '0 62.8% 30.6%',
  76. '--destructive-foreground': '0 0% 98%',
  77. '--border': '240 3.7% 15.9%',
  78. '--input': '240 3.7% 15.9%',
  79. '--ring': '240 4.9% 83.9%',
  80. // 主要区域
  81. '--g-main-area-bg': 'hsl(var(--background))',
  82. // 头部
  83. '--g-header-bg': 'hsl(var(--background))',
  84. '--g-header-color': 'hsl(var(--foreground))',
  85. '--g-header-menu-color': 'hsl(var(--muted-foreground))',
  86. '--g-header-menu-hover-bg': 'hsl(var(--muted))',
  87. '--g-header-menu-hover-color': 'hsl(var(--muted-foreground))',
  88. '--g-header-menu-active-bg': 'hsl(var(--accent))',
  89. '--g-header-menu-active-color': 'hsl(var(--accent-foreground))',
  90. // 主导航
  91. '--g-main-sidebar-bg': 'hsl(var(--background))',
  92. '--g-main-sidebar-menu-color': 'hsl(var(--muted-foreground))',
  93. '--g-main-sidebar-menu-hover-bg': 'hsl(var(--muted))',
  94. '--g-main-sidebar-menu-hover-color': 'hsl(var(--muted-foreground))',
  95. '--g-main-sidebar-menu-active-bg': 'hsl(var(--accent))',
  96. '--g-main-sidebar-menu-active-color': 'hsl(var(--accent-foreground))',
  97. // 次导航
  98. '--g-sub-sidebar-bg': 'hsl(var(--background))',
  99. '--g-sub-sidebar-menu-color': 'hsl(var(--muted-foreground))',
  100. '--g-sub-sidebar-menu-hover-bg': 'hsl(var(--muted))',
  101. '--g-sub-sidebar-menu-hover-color': 'hsl(var(--muted-foreground))',
  102. '--g-sub-sidebar-menu-active-bg': 'hsl(var(--accent))',
  103. '--g-sub-sidebar-menu-active-color': 'hsl(var(--accent-foreground))',
  104. // 标签栏
  105. '--g-tabbar-bg': 'var(--g-main-area-bg)',
  106. '--g-tabbar-dividers-bg': 'hsl(var(--accent-foreground) / 50%)',
  107. '--g-tabbar-tab-color': 'hsl(var(--accent-foreground) / 50%)',
  108. '--g-tabbar-tab-hover-bg': 'hsl(var(--accent) / 50%)',
  109. '--g-tabbar-tab-hover-color': 'hsl(var(--accent-foreground) / 50%)',
  110. '--g-tabbar-tab-active-bg': 'hsl(var(--secondary))',
  111. '--g-tabbar-tab-active-color': 'hsl(var(--foreground))',
  112. // 工具栏
  113. '--g-toolbar-bg': 'hsl(var(--background))',
  114. }