廓形仪rn版本-技术调研
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

309 lines
11 KiB

  1. 'use client';
  2. import { vars } from 'nativewind';
  3. export const config = {
  4. light: vars({
  5. '--color-primary-0': '179 179 179',
  6. '--color-primary-50': '153 153 153',
  7. '--color-primary-100': '128 128 128',
  8. '--color-primary-200': '115 115 115',
  9. '--color-primary-300': '102 102 102',
  10. '--color-primary-400': '82 82 82',
  11. '--color-primary-500': '51 51 51',
  12. '--color-primary-600': '41 41 41',
  13. '--color-primary-700': '31 31 31',
  14. '--color-primary-800': '13 13 13',
  15. '--color-primary-900': '10 10 10',
  16. '--color-primary-950': '8 8 8',
  17. /* Secondary */
  18. '--color-secondary-0': '253 253 253',
  19. '--color-secondary-50': '251 251 251',
  20. '--color-secondary-100': '246 246 246',
  21. '--color-secondary-200': '242 242 242',
  22. '--color-secondary-300': '237 237 237',
  23. '--color-secondary-400': '230 230 231',
  24. '--color-secondary-500': '217 217 219',
  25. '--color-secondary-600': '198 199 199',
  26. '--color-secondary-700': '189 189 189',
  27. '--color-secondary-800': '177 177 177',
  28. '--color-secondary-900': '165 164 164',
  29. '--color-secondary-950': '157 157 157',
  30. /* Tertiary */
  31. '--color-tertiary-0': '255 250 245',
  32. '--color-tertiary-50': '255 242 229',
  33. '--color-tertiary-100': '255 233 213',
  34. '--color-tertiary-200': '254 209 170',
  35. '--color-tertiary-300': '253 180 116',
  36. '--color-tertiary-400': '251 157 75',
  37. '--color-tertiary-500': '231 129 40',
  38. '--color-tertiary-600': '215 117 31',
  39. '--color-tertiary-700': '180 98 26',
  40. '--color-tertiary-800': '130 73 23',
  41. '--color-tertiary-900': '108 61 19',
  42. '--color-tertiary-950': '84 49 18',
  43. /* Error */
  44. '--color-error-0': '254 233 233',
  45. '--color-error-50': '254 226 226',
  46. '--color-error-100': '254 202 202',
  47. '--color-error-200': '252 165 165',
  48. '--color-error-300': '248 113 113',
  49. '--color-error-400': '239 68 68',
  50. '--color-error-500': '230 53 53',
  51. '--color-error-600': '220 38 38',
  52. '--color-error-700': '185 28 28',
  53. '--color-error-800': '153 27 27',
  54. '--color-error-900': '127 29 29',
  55. '--color-error-950': '83 19 19',
  56. /* Success */
  57. '--color-success-0': '228 255 244',
  58. '--color-success-50': '202 255 232',
  59. '--color-success-100': '162 241 192',
  60. '--color-success-200': '132 211 162',
  61. '--color-success-300': '102 181 132',
  62. '--color-success-400': '72 151 102',
  63. '--color-success-500': '52 131 82',
  64. '--color-success-600': '42 121 72',
  65. '--color-success-700': '32 111 62',
  66. '--color-success-800': '22 101 52',
  67. '--color-success-900': '20 83 45',
  68. '--color-success-950': '27 50 36',
  69. /* Warning */
  70. '--color-warning-0': '255 249 245',
  71. '--color-warning-50': '255 244 236',
  72. '--color-warning-100': '255 231 213',
  73. '--color-warning-200': '254 205 170',
  74. '--color-warning-300': '253 173 116',
  75. '--color-warning-400': '251 149 75',
  76. '--color-warning-500': '231 120 40',
  77. '--color-warning-600': '215 108 31',
  78. '--color-warning-700': '180 90 26',
  79. '--color-warning-800': '130 68 23',
  80. '--color-warning-900': '108 56 19',
  81. '--color-warning-950': '84 45 18',
  82. /* Info */
  83. '--color-info-0': '236 248 254',
  84. '--color-info-50': '199 235 252',
  85. '--color-info-100': '162 221 250',
  86. '--color-info-200': '124 207 248',
  87. '--color-info-300': '87 194 246',
  88. '--color-info-400': '50 180 244',
  89. '--color-info-500': '13 166 242',
  90. '--color-info-600': '11 141 205',
  91. '--color-info-700': '9 115 168',
  92. '--color-info-800': '7 90 131',
  93. '--color-info-900': '5 64 93',
  94. '--color-info-950': '3 38 56',
  95. /* Typography */
  96. '--color-typography-0': '254 254 255',
  97. '--color-typography-50': '245 245 245',
  98. '--color-typography-100': '229 229 229',
  99. '--color-typography-200': '219 219 220',
  100. '--color-typography-300': '212 212 212',
  101. '--color-typography-400': '163 163 163',
  102. '--color-typography-500': '140 140 140',
  103. '--color-typography-600': '115 115 115',
  104. '--color-typography-700': '82 82 82',
  105. '--color-typography-800': '64 64 64',
  106. '--color-typography-900': '38 38 39',
  107. '--color-typography-950': '23 23 23',
  108. /* Outline */
  109. '--color-outline-0': '253 254 254',
  110. '--color-outline-50': '243 243 243',
  111. '--color-outline-100': '230 230 230',
  112. '--color-outline-200': '221 220 219',
  113. '--color-outline-300': '211 211 211',
  114. '--color-outline-400': '165 163 163',
  115. '--color-outline-500': '140 141 141',
  116. '--color-outline-600': '115 116 116',
  117. '--color-outline-700': '83 82 82',
  118. '--color-outline-800': '65 65 65',
  119. '--color-outline-900': '39 38 36',
  120. '--color-outline-950': '26 23 23',
  121. /* Background */
  122. '--color-background-0': '255 255 255',
  123. '--color-background-50': '246 246 246',
  124. '--color-background-100': '242 241 241',
  125. '--color-background-200': '220 219 219',
  126. '--color-background-300': '213 212 212',
  127. '--color-background-400': '162 163 163',
  128. '--color-background-500': '142 142 142',
  129. '--color-background-600': '116 116 116',
  130. '--color-background-700': '83 82 82',
  131. '--color-background-800': '65 64 64',
  132. '--color-background-900': '39 38 37',
  133. '--color-background-950': '18 18 18',
  134. /* Background Special */
  135. '--color-background-error': '254 241 241',
  136. '--color-background-warning': '255 243 234',
  137. '--color-background-success': '237 252 242',
  138. '--color-background-muted': '247 248 247',
  139. '--color-background-info': '235 248 254',
  140. /* Focus Ring Indicator */
  141. '--color-indicator-primary': '55 55 55',
  142. '--color-indicator-info': '83 153 236',
  143. '--color-indicator-error': '185 28 28',
  144. }),
  145. dark: vars({
  146. '--color-primary-0': '166 166 166',
  147. '--color-primary-50': '175 175 175',
  148. '--color-primary-100': '186 186 186',
  149. '--color-primary-200': '197 197 197',
  150. '--color-primary-300': '212 212 212',
  151. '--color-primary-400': '221 221 221',
  152. '--color-primary-500': '230 230 230',
  153. '--color-primary-600': '240 240 240',
  154. '--color-primary-700': '250 250 250',
  155. '--color-primary-800': '253 253 253',
  156. '--color-primary-900': '254 249 249',
  157. '--color-primary-950': '253 252 252',
  158. /* Secondary */
  159. '--color-secondary-0': '20 20 20',
  160. '--color-secondary-50': '23 23 23',
  161. '--color-secondary-100': '31 31 31',
  162. '--color-secondary-200': '39 39 39',
  163. '--color-secondary-300': '44 44 44',
  164. '--color-secondary-400': '56 57 57',
  165. '--color-secondary-500': '63 64 64',
  166. '--color-secondary-600': '86 86 86',
  167. '--color-secondary-700': '110 110 110',
  168. '--color-secondary-800': '135 135 135',
  169. '--color-secondary-900': '150 150 150',
  170. '--color-secondary-950': '164 164 164',
  171. /* Tertiary */
  172. '--color-tertiary-0': '84 49 18',
  173. '--color-tertiary-50': '108 61 19',
  174. '--color-tertiary-100': '130 73 23',
  175. '--color-tertiary-200': '180 98 26',
  176. '--color-tertiary-300': '215 117 31',
  177. '--color-tertiary-400': '231 129 40',
  178. '--color-tertiary-500': '251 157 75',
  179. '--color-tertiary-600': '253 180 116',
  180. '--color-tertiary-700': '254 209 170',
  181. '--color-tertiary-800': '255 233 213',
  182. '--color-tertiary-900': '255 242 229',
  183. '--color-tertiary-950': '255 250 245',
  184. /* Error */
  185. '--color-error-0': '83 19 19',
  186. '--color-error-50': '127 29 29',
  187. '--color-error-100': '153 27 27',
  188. '--color-error-200': '185 28 28',
  189. '--color-error-300': '220 38 38',
  190. '--color-error-400': '230 53 53',
  191. '--color-error-500': '239 68 68',
  192. '--color-error-600': '249 97 96',
  193. '--color-error-700': '229 91 90',
  194. '--color-error-800': '254 202 202',
  195. '--color-error-900': '254 226 226',
  196. '--color-error-950': '254 233 233',
  197. /* Success */
  198. '--color-success-0': '27 50 36',
  199. '--color-success-50': '20 83 45',
  200. '--color-success-100': '22 101 52',
  201. '--color-success-200': '32 111 62',
  202. '--color-success-300': '42 121 72',
  203. '--color-success-400': '52 131 82',
  204. '--color-success-500': '72 151 102',
  205. '--color-success-600': '102 181 132',
  206. '--color-success-700': '132 211 162',
  207. '--color-success-800': '162 241 192',
  208. '--color-success-900': '202 255 232',
  209. '--color-success-950': '228 255 244',
  210. /* Warning */
  211. '--color-warning-0': '84 45 18',
  212. '--color-warning-50': '108 56 19',
  213. '--color-warning-100': '130 68 23',
  214. '--color-warning-200': '180 90 26',
  215. '--color-warning-300': '215 108 31',
  216. '--color-warning-400': '231 120 40',
  217. '--color-warning-500': '251 149 75',
  218. '--color-warning-600': '253 173 116',
  219. '--color-warning-700': '254 205 170',
  220. '--color-warning-800': '255 231 213',
  221. '--color-warning-900': '255 244 237',
  222. '--color-warning-950': '255 249 245',
  223. /* Info */
  224. '--color-info-0': '3 38 56',
  225. '--color-info-50': '5 64 93',
  226. '--color-info-100': '7 90 131',
  227. '--color-info-200': '9 115 168',
  228. '--color-info-300': '11 141 205',
  229. '--color-info-400': '13 166 242',
  230. '--color-info-500': '50 180 244',
  231. '--color-info-600': '87 194 246',
  232. '--color-info-700': '124 207 248',
  233. '--color-info-800': '162 221 250',
  234. '--color-info-900': '199 235 252',
  235. '--color-info-950': '236 248 254',
  236. /* Typography */
  237. '--color-typography-0': '23 23 23',
  238. '--color-typography-50': '38 38 39',
  239. '--color-typography-100': '64 64 64',
  240. '--color-typography-200': '82 82 82',
  241. '--color-typography-300': '115 115 115',
  242. '--color-typography-400': '140 140 140',
  243. '--color-typography-500': '163 163 163',
  244. '--color-typography-600': '212 212 212',
  245. '--color-typography-700': '219 219 220',
  246. '--color-typography-800': '229 229 229',
  247. '--color-typography-900': '245 245 245',
  248. '--color-typography-950': '254 254 255',
  249. /* Outline */
  250. '--color-outline-0': '26 23 23',
  251. '--color-outline-50': '39 38 36',
  252. '--color-outline-100': '65 65 65',
  253. '--color-outline-200': '83 82 82',
  254. '--color-outline-300': '115 116 116',
  255. '--color-outline-400': '140 141 141',
  256. '--color-outline-500': '165 163 163',
  257. '--color-outline-600': '211 211 211',
  258. '--color-outline-700': '221 220 219',
  259. '--color-outline-800': '230 230 230',
  260. '--color-outline-900': '243 243 243',
  261. '--color-outline-950': '253 254 254',
  262. /* Background */
  263. '--color-background-0': '18 18 18',
  264. '--color-background-50': '39 38 37',
  265. '--color-background-100': '65 64 64',
  266. '--color-background-200': '83 82 82',
  267. '--color-background-300': '116 116 116',
  268. '--color-background-400': '142 142 142',
  269. '--color-background-500': '162 163 163',
  270. '--color-background-600': '213 212 212',
  271. '--color-background-700': '229 228 228',
  272. '--color-background-800': '242 241 241',
  273. '--color-background-900': '246 246 246',
  274. '--color-background-950': '255 255 255',
  275. /* Background Special */
  276. '--color-background-error': '66 43 43',
  277. '--color-background-warning': '65 47 35',
  278. '--color-background-success': '28 43 33',
  279. '--color-background-muted': '51 51 51',
  280. '--color-background-info': '26 40 46',
  281. /* Focus Ring Indicator */
  282. '--color-indicator-primary': '247 247 247',
  283. '--color-indicator-info': '161 199 245',
  284. '--color-indicator-error': '232 70 69',
  285. }),
  286. };