theme.ts 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. import type { PPTElementOutline, PPTElementShadow } from '@/types/slides'
  2. export interface PresetTheme {
  3. background: string
  4. fontColor: string
  5. fontname: string
  6. colors: string[]
  7. borderColor?: string
  8. outline?: PPTElementOutline
  9. shadow?: PPTElementShadow
  10. }
  11. export const PRESET_THEMES: PresetTheme[] = [
  12. {
  13. background: '#ffffff',
  14. fontColor: '#333333',
  15. borderColor: '#41719c',
  16. fontname: '',
  17. colors: ['#5b9bd5', '#ed7d31', '#a5a5a5', '#ffc000', '#4472c4', '#70ad47'],
  18. },
  19. {
  20. background: '#ffffff',
  21. fontColor: '#333333',
  22. borderColor: '#5f6f1c',
  23. fontname: '',
  24. colors: ['#83992a', '#3c9670', '#44709d', '#a23b32', '#d87728', '#deb340'],
  25. },
  26. {
  27. background: '#ffffff',
  28. fontColor: '#333333',
  29. borderColor: '#a75f0a',
  30. fontname: '',
  31. colors: ['#e48312', '#bd582c', '#865640', '#9b8357', '#c2bc80', '#94a088'],
  32. },
  33. {
  34. background: '#ffffff',
  35. fontColor: '#333333',
  36. borderColor: '#7c91a8',
  37. fontname: '',
  38. colors: ['#bdc8df', '#003fa9', '#f5ba00', '#ff7567', '#7676d9', '#923ffc'],
  39. },
  40. {
  41. background: '#ffffff',
  42. fontColor: '#333333',
  43. borderColor: '#688e19',
  44. fontname: '',
  45. colors: ['#90c225', '#54a121', '#e6b91e', '#e86618', '#c42f19', '#918756'],
  46. },
  47. {
  48. background: '#ffffff',
  49. fontColor: '#333333',
  50. borderColor: '#4495b0',
  51. fontname: '',
  52. colors: ['#1cade4', '#2683c6', '#27ced7', '#42ba97', '#3e8853', '#62a39f'],
  53. },
  54. {
  55. background: '#e9efd6',
  56. fontColor: '#333333',
  57. borderColor: '#782009',
  58. fontname: '',
  59. colors: ['#a5300f', '#de7e18', '#9f8351', '#728653', '#92aa4c', '#6aac91'],
  60. },
  61. {
  62. background: '#17444e',
  63. fontColor: '#ffffff',
  64. borderColor: '#800c0b',
  65. fontname: '',
  66. colors: ['#b01513', '#ea6312', '#e6b729', '#6bab90', '#55839a', '#9e5d9d'],
  67. },
  68. {
  69. background: '#36234d',
  70. fontColor: '#ffffff',
  71. borderColor: '#830949',
  72. fontname: '',
  73. colors: ['#b31166', '#e33d6f', '#e45f3c', '#e9943a', '#9b6bf2', '#d63cd0'],
  74. },
  75. {
  76. background: '#247fad',
  77. fontColor: '#ffffff',
  78. borderColor: '#032e45',
  79. fontname: '',
  80. colors: ['#052f61', '#a50e82', '#14967c', '#6a9e1f', '#e87d37', '#c62324'],
  81. },
  82. {
  83. background: '#103f55',
  84. fontColor: '#ffffff',
  85. borderColor: '#2d7f8a',
  86. fontname: '',
  87. colors: ['#40aebd', '#97e8d5', '#a1cf49', '#628f3e', '#f2df3a', '#fcb01c'],
  88. },
  89. {
  90. background: '#242367',
  91. fontColor: '#ffffff',
  92. borderColor: '#7d2b8d',
  93. fontname: '',
  94. colors: ['#ac3ec1', '#477bd1', '#46b298', '#90ba4c', '#dd9d31', '#e25345'],
  95. },
  96. {
  97. background: '#e4b75e',
  98. fontColor: '#333333',
  99. borderColor: '#b68317',
  100. fontname: '',
  101. colors: ['#a5644e', '#b58b80', '#c3986d', '#a19574', '#c17529', '#826277'],
  102. },
  103. {
  104. background: '#333333',
  105. fontColor: '#ffffff',
  106. borderColor: '#7c91a8',
  107. fontname: '',
  108. colors: ['#bdc8df', '#003fa9', '#f5ba00', '#ff7567', '#7676d9', '#923ffc'],
  109. },
  110. {
  111. background: '#2b2b2d',
  112. fontColor: '#ffffff',
  113. borderColor: '#893011',
  114. fontname: '',
  115. colors: ['#bc451b', '#d3ba68', '#bb8640', '#ad9277', '#a55a43', '#ad9d7b'],
  116. },
  117. {
  118. background: '#171b1e',
  119. fontColor: '#ffffff',
  120. borderColor: '#505050',
  121. fontname: '',
  122. colors: ['#6f6f6f', '#bfbfa5', '#dbd084', '#e7bf5f', '#e9a039', '#cf7133'],
  123. },
  124. ]