naive-theme.ts 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. import { GlobalThemeOverrides } from 'naive-ui'
  2. const themeOverrides: GlobalThemeOverrides = {
  3. common: {
  4. primaryColor: '#2791FEFF',
  5. primaryColorHover: '#67B2FEFF',
  6. primaryColorPressed: '#1F74CBFF',
  7. primaryColorSuppl: '#93C8FEFF',
  8. errorColorHover: '#EC787BFF',
  9. errorColor: '#E8575AFF',
  10. errorColorPressed: '#B94548FF',
  11. errorColorSuppl: '#EE898BFF',
  12. warningColor: '#FAAD38FF',
  13. warningColorPressed: '#C88A2CFF',
  14. textColorBase: '#17233EFF',
  15. textColor1: 'rgba(80, 90, 110, 1)',
  16. textColor2: 'rgba(128, 134, 148, 1)',
  17. textColor3: 'rgba(196, 200, 206, 1)',
  18. placeholderColor: 'rgba(196, 200, 206, 1)',
  19. iconColor: 'rgba(196, 200, 206, 1)',
  20. iconColorHover: 'rgba(103, 178, 254, 1)',
  21. iconColorPressed: 'rgba(31, 116, 203, 1)',
  22. iconColorDisabled: 'rgba(196, 200, 206, 1)',
  23. dividerColor: 'rgba(220, 222, 226, 1)',
  24. borderColor: 'rgba(196, 200, 206, 1)',
  25. closeIconColor: 'rgba(80, 90, 110, 1)',
  26. closeIconColorHover: 'rgba(103, 178, 254, 1)',
  27. closeIconColorPressed: 'rgba(31, 116, 203, 1)',
  28. closeColorHover: 'rgba(0, 0, 0, 0.1)',
  29. closeColorPressed: 'rgba(0, 0, 0, 0.15)',
  30. scrollbarColor: 'rgba(126, 133, 160, 1)',
  31. scrollbarColorHover: 'rgba(103, 178, 254, 1)',
  32. tagColor: '#F5F5F5FF',
  33. inputColorDisabled: 'rgba(233, 234, 236, 1)',
  34. fontSize: '14px',
  35. fontSizeMini: '12px',
  36. fontSizeTiny: '12px',
  37. fontSizeSmall: '14px',
  38. fontSizeMedium: '14px',
  39. fontSizeLarge: '15px',
  40. fontSizeHuge: '16px'
  41. },
  42. Tree: {
  43. nodeTextColor: '#fff',
  44. nodeColorHover: 'transparent',
  45. nodeColorPressed: 'transparent',
  46. nodeColorActive: 'transparent'
  47. },
  48. DatePicker: {
  49. panelColor: 'rgba(3,20,26,0.95)',
  50. panelTextColor: 'rgba(255,255,255,0.8)',
  51. calendarDaysTextColor: 'rgba(255,255,255,0.8)',
  52. calendarTitleTextColor: 'rgba(255,255,255,0.8)',
  53. calendarTitleColorHover: '#183742',
  54. panelHeaderDividerColor: '#164352',
  55. calendarDaysDividerColor: '#164352',
  56. panelActionDividerColor: '#164352',
  57. itemColorActive: '#1AB99B',
  58. itemColorHover: '#146371'
  59. },
  60. TimePicker: {
  61. panelColor: 'rgba(3, 20, 26, 0.95)',
  62. panelDividerColor: 'rgb(239, 239, 245)',
  63. itemTextColor: 'rgba(255, 255, 255, 0.8)',
  64. itemTextColorActive: '#1AB99B',
  65. itemColorHover: '#146371'
  66. },
  67. Checkbox: {
  68. colorChecked: '#1ab99bFF',
  69. textColor: '#fff'
  70. },
  71. Notification: {
  72. iconColorSuccess: '#1AB99BFF',
  73. iconColorError: '#E8575AFF',
  74. color: '#12363FFF',
  75. textColor: 'rgba(255, 255, 255, 1)',
  76. descriptionTextColor: 'rgba(255, 255, 255, 1)',
  77. closeIconColor: 'rgba(255, 255, 255, 1)',
  78. borderRadius: '0'
  79. }
  80. }
  81. export default themeOverrides