@depup/react-email 5.2.10-depup.0 → 6.9.0-depup.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (404) hide show
  1. package/CHANGELOG.md +313 -0
  2. package/README.md +11 -10
  3. package/changes.json +21 -17
  4. package/dev/CHANGELOG.md +2 -0
  5. package/dev/index.js +1 -1
  6. package/dev/package.json +1 -1
  7. package/dist/_virtual/_rolldown/runtime.cjs +23 -0
  8. package/dist/cli/index.mjs +7801 -0
  9. package/dist/components/body/body.cjs +39 -0
  10. package/dist/components/body/body.d.cts +7 -0
  11. package/dist/components/body/body.d.mts +7 -0
  12. package/dist/components/body/body.mjs +37 -0
  13. package/dist/components/body/index.d.cts +1 -0
  14. package/dist/components/body/index.d.mts +1 -0
  15. package/dist/components/body/margin-properties.cjs +30 -0
  16. package/dist/components/body/margin-properties.mjs +29 -0
  17. package/dist/components/button/button.cjs +64 -0
  18. package/dist/components/button/button.d.cts +13 -0
  19. package/dist/components/button/button.d.mts +13 -0
  20. package/dist/components/button/button.mjs +62 -0
  21. package/dist/components/button/index.d.cts +1 -0
  22. package/dist/components/button/index.d.mts +1 -0
  23. package/dist/components/button/utils/parse-padding.cjs +90 -0
  24. package/dist/components/button/utils/parse-padding.mjs +90 -0
  25. package/dist/components/button/utils/px-to-pt.cjs +4 -0
  26. package/dist/components/button/utils/px-to-pt.mjs +4 -0
  27. package/dist/components/code-block/code-block.cjs +79 -0
  28. package/dist/components/code-block/code-block.d.cts +20 -0
  29. package/dist/components/code-block/code-block.d.mts +20 -0
  30. package/dist/components/code-block/code-block.mjs +77 -0
  31. package/dist/components/code-block/index.d.cts +3 -0
  32. package/dist/components/code-block/index.d.mts +3 -0
  33. package/dist/components/code-block/languages-available.d.cts +4 -0
  34. package/dist/components/code-block/languages-available.d.mts +4 -0
  35. package/dist/components/code-block/prism.cjs +14564 -0
  36. package/dist/components/code-block/prism.mjs +14562 -0
  37. package/dist/components/code-block/themes.cjs +2578 -0
  38. package/dist/components/code-block/themes.d.cts +4877 -0
  39. package/dist/components/code-block/themes.d.mts +4877 -0
  40. package/dist/components/code-block/themes.mjs +2541 -0
  41. package/dist/components/code-inline/code-inline.cjs +43 -0
  42. package/dist/components/code-inline/code-inline.d.cts +12 -0
  43. package/dist/components/code-inline/code-inline.d.mts +12 -0
  44. package/dist/components/code-inline/code-inline.mjs +41 -0
  45. package/dist/components/code-inline/index.d.cts +1 -0
  46. package/dist/components/code-inline/index.d.mts +1 -0
  47. package/dist/components/column/column.cjs +19 -0
  48. package/dist/components/column/column.d.cts +7 -0
  49. package/dist/components/column/column.d.mts +7 -0
  50. package/dist/components/column/column.mjs +17 -0
  51. package/dist/components/column/index.d.cts +1 -0
  52. package/dist/components/column/index.d.mts +1 -0
  53. package/dist/components/container/container.cjs +42 -0
  54. package/dist/components/container/container.d.cts +7 -0
  55. package/dist/components/container/container.d.mts +7 -0
  56. package/dist/components/container/container.mjs +40 -0
  57. package/dist/components/container/index.d.cts +1 -0
  58. package/dist/components/container/index.d.mts +1 -0
  59. package/dist/components/element-marker.cjs +8 -0
  60. package/dist/components/element-marker.mjs +7 -0
  61. package/dist/components/font/font.cjs +22 -0
  62. package/dist/components/font/font.d.cts +26 -0
  63. package/dist/components/font/font.d.mts +26 -0
  64. package/dist/components/font/font.mjs +21 -0
  65. package/dist/components/font/index.d.cts +1 -0
  66. package/dist/components/font/index.d.mts +1 -0
  67. package/dist/components/head/head.cjs +20 -0
  68. package/dist/components/head/head.d.cts +7 -0
  69. package/dist/components/head/head.d.mts +7 -0
  70. package/dist/components/head/head.mjs +18 -0
  71. package/dist/components/head/index.d.cts +1 -0
  72. package/dist/components/head/index.d.mts +1 -0
  73. package/dist/components/heading/heading.cjs +30 -0
  74. package/dist/components/heading/heading.d.cts +22 -0
  75. package/dist/components/heading/heading.d.mts +22 -0
  76. package/dist/components/heading/heading.mjs +28 -0
  77. package/dist/components/heading/index.d.cts +1 -0
  78. package/dist/components/heading/index.d.mts +1 -0
  79. package/dist/components/heading/utils/as.d.cts +16 -0
  80. package/dist/components/heading/utils/as.d.mts +16 -0
  81. package/dist/components/heading/utils/spaces.cjs +24 -0
  82. package/dist/components/heading/utils/spaces.d.cts +14 -0
  83. package/dist/components/heading/utils/spaces.d.mts +14 -0
  84. package/dist/components/heading/utils/spaces.mjs +24 -0
  85. package/dist/components/hr/hr.cjs +21 -0
  86. package/dist/components/hr/hr.d.cts +7 -0
  87. package/dist/components/hr/hr.d.mts +7 -0
  88. package/dist/components/hr/hr.mjs +19 -0
  89. package/dist/components/hr/index.d.cts +1 -0
  90. package/dist/components/hr/index.d.mts +1 -0
  91. package/dist/components/html/html.cjs +15 -0
  92. package/dist/components/html/html.d.cts +7 -0
  93. package/dist/components/html/html.d.mts +7 -0
  94. package/dist/components/html/html.mjs +13 -0
  95. package/dist/components/html/index.d.cts +1 -0
  96. package/dist/components/html/index.d.mts +1 -0
  97. package/dist/components/img/img.cjs +25 -0
  98. package/dist/components/img/img.d.cts +7 -0
  99. package/dist/components/img/img.d.mts +7 -0
  100. package/dist/components/img/img.mjs +23 -0
  101. package/dist/components/img/index.d.cts +1 -0
  102. package/dist/components/img/index.d.mts +1 -0
  103. package/dist/components/index.d.cts +24 -0
  104. package/dist/components/index.d.mts +24 -0
  105. package/dist/components/link/index.d.cts +1 -0
  106. package/dist/components/link/index.d.mts +1 -0
  107. package/dist/components/link/link.cjs +21 -0
  108. package/dist/components/link/link.d.cts +7 -0
  109. package/dist/components/link/link.d.mts +7 -0
  110. package/dist/components/link/link.mjs +19 -0
  111. package/dist/components/markdown/index.d.cts +1 -0
  112. package/dist/components/markdown/index.d.mts +1 -0
  113. package/dist/components/markdown/markdown.cjs +101 -0
  114. package/dist/components/markdown/markdown.d.cts +16 -0
  115. package/dist/components/markdown/markdown.d.mts +16 -0
  116. package/dist/components/markdown/markdown.mjs +99 -0
  117. package/dist/components/markdown/styles.cjs +92 -0
  118. package/dist/components/markdown/styles.d.cts +31 -0
  119. package/dist/components/markdown/styles.d.mts +31 -0
  120. package/dist/components/markdown/styles.mjs +92 -0
  121. package/dist/components/markdown/utils/parse-css-in-js-to-inline-css.cjs +60 -0
  122. package/dist/components/markdown/utils/parse-css-in-js-to-inline-css.mjs +60 -0
  123. package/dist/components/preview/index.d.cts +1 -0
  124. package/dist/components/preview/index.d.mts +1 -0
  125. package/dist/components/preview/preview.cjs +34 -0
  126. package/dist/components/preview/preview.d.cts +21 -0
  127. package/dist/components/preview/preview.d.mts +21 -0
  128. package/dist/components/preview/preview.mjs +31 -0
  129. package/dist/components/row/index.d.cts +1 -0
  130. package/dist/components/row/index.d.mts +1 -0
  131. package/dist/components/row/row.cjs +30 -0
  132. package/dist/components/row/row.d.cts +11 -0
  133. package/dist/components/row/row.d.mts +11 -0
  134. package/dist/components/row/row.mjs +28 -0
  135. package/dist/components/section/index.d.cts +1 -0
  136. package/dist/components/section/index.d.mts +1 -0
  137. package/dist/components/section/section.cjs +36 -0
  138. package/dist/components/section/section.d.cts +7 -0
  139. package/dist/components/section/section.d.mts +7 -0
  140. package/dist/components/section/section.mjs +34 -0
  141. package/dist/components/tailwind/hooks/use-suspended-promise.cjs +15 -0
  142. package/dist/components/tailwind/hooks/use-suspended-promise.mjs +15 -0
  143. package/dist/components/tailwind/index.d.cts +4 -0
  144. package/dist/components/tailwind/index.d.mts +4 -0
  145. package/dist/components/tailwind/inline-styles.cjs +11 -0
  146. package/dist/components/tailwind/inline-styles.d.cts +6 -0
  147. package/dist/components/tailwind/inline-styles.d.mts +6 -0
  148. package/dist/components/tailwind/inline-styles.mjs +11 -0
  149. package/dist/components/tailwind/sanitize-stylesheet.cjs +11 -0
  150. package/dist/components/tailwind/sanitize-stylesheet.d.cts +6 -0
  151. package/dist/components/tailwind/sanitize-stylesheet.d.mts +6 -0
  152. package/dist/components/tailwind/sanitize-stylesheet.mjs +11 -0
  153. package/dist/components/tailwind/tailwind.cjs +120 -0
  154. package/dist/components/tailwind/tailwind.d.cts +25 -0
  155. package/dist/components/tailwind/tailwind.d.mts +25 -0
  156. package/dist/components/tailwind/tailwind.mjs +117 -0
  157. package/dist/components/tailwind/utils/compatibility/get-react-property.cjs +10 -0
  158. package/dist/components/tailwind/utils/compatibility/get-react-property.mjs +10 -0
  159. package/dist/components/tailwind/utils/compatibility/sanitize-class-name.cjs +26 -0
  160. package/dist/components/tailwind/utils/compatibility/sanitize-class-name.mjs +26 -0
  161. package/dist/components/tailwind/utils/css/downlevel-for-email-clients.cjs +126 -0
  162. package/dist/components/tailwind/utils/css/downlevel-for-email-clients.mjs +125 -0
  163. package/dist/components/tailwind/utils/css/extract-rules-per-class.cjs +45 -0
  164. package/dist/components/tailwind/utils/css/extract-rules-per-class.mjs +44 -0
  165. package/dist/components/tailwind/utils/css/get-custom-properties.cjs +35 -0
  166. package/dist/components/tailwind/utils/css/get-custom-properties.mjs +34 -0
  167. package/dist/components/tailwind/utils/css/is-part-inlinable.cjs +10 -0
  168. package/dist/components/tailwind/utils/css/is-part-inlinable.mjs +9 -0
  169. package/dist/components/tailwind/utils/css/is-rule-inlinable.cjs +10 -0
  170. package/dist/components/tailwind/utils/css/is-rule-inlinable.mjs +9 -0
  171. package/dist/components/tailwind/utils/css/make-inline-styles-for.cjs +52 -0
  172. package/dist/components/tailwind/utils/css/make-inline-styles-for.mjs +51 -0
  173. package/dist/components/tailwind/utils/css/resolve-all-css-variables.cjs +89 -0
  174. package/dist/components/tailwind/utils/css/resolve-all-css-variables.mjs +88 -0
  175. package/dist/components/tailwind/utils/css/resolve-calc-expressions.cjs +92 -0
  176. package/dist/components/tailwind/utils/css/resolve-calc-expressions.mjs +91 -0
  177. package/dist/components/tailwind/utils/css/sanitize-declarations.cjs +310 -0
  178. package/dist/components/tailwind/utils/css/sanitize-declarations.mjs +309 -0
  179. package/dist/components/tailwind/utils/css/sanitize-non-inlinable-rules.cjs +46 -0
  180. package/dist/components/tailwind/utils/css/sanitize-non-inlinable-rules.mjs +45 -0
  181. package/dist/components/tailwind/utils/css/split-mixed-rule.cjs +41 -0
  182. package/dist/components/tailwind/utils/css/split-mixed-rule.mjs +40 -0
  183. package/dist/components/tailwind/utils/css/strip-empty-tailwind-vars.cjs +52 -0
  184. package/dist/components/tailwind/utils/css/strip-empty-tailwind-vars.mjs +51 -0
  185. package/dist/components/tailwind/utils/css/unwrap-value.cjs +7 -0
  186. package/dist/components/tailwind/utils/css/unwrap-value.mjs +7 -0
  187. package/dist/components/tailwind/utils/react/is-component.cjs +7 -0
  188. package/dist/components/tailwind/utils/react/is-component.mjs +7 -0
  189. package/dist/components/tailwind/utils/react/map-react-tree.cjs +32 -0
  190. package/dist/components/tailwind/utils/react/map-react-tree.mjs +30 -0
  191. package/dist/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.cjs +37 -0
  192. package/dist/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.mjs +35 -0
  193. package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.cjs +77 -0
  194. package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.d.cts +19 -0
  195. package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.d.mts +19 -0
  196. package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.mjs +76 -0
  197. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/index.cjs +901 -0
  198. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/index.mjs +901 -0
  199. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/preflight.cjs +398 -0
  200. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/preflight.mjs +398 -0
  201. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/theme.cjs +467 -0
  202. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/theme.mjs +467 -0
  203. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/utilities.cjs +6 -0
  204. package/dist/components/tailwind/utils/tailwindcss/tailwind-stylesheets/utilities.mjs +6 -0
  205. package/dist/components/tailwind/utils/text/from-dash-case-to-camel-case.cjs +6 -0
  206. package/dist/components/tailwind/utils/text/from-dash-case-to-camel-case.mjs +6 -0
  207. package/dist/components/text/index.d.cts +1 -0
  208. package/dist/components/text/index.d.mts +1 -0
  209. package/dist/components/text/text.cjs +43 -0
  210. package/dist/components/text/text.d.cts +7 -0
  211. package/dist/components/text/text.d.mts +7 -0
  212. package/dist/components/text/text.mjs +41 -0
  213. package/dist/components/text/utils/compute-margins.cjs +62 -0
  214. package/dist/components/text/utils/compute-margins.mjs +62 -0
  215. package/dist/index.cjs +95 -0
  216. package/dist/index.d.cts +26 -0
  217. package/dist/index.d.mts +26 -0
  218. package/dist/index.mjs +25 -7326
  219. package/package.json +64 -32
  220. package/src/components/body/__snapshots__/body.spec.tsx.snap +23 -0
  221. package/src/components/body/body.spec.tsx +78 -0
  222. package/src/components/body/body.tsx +62 -0
  223. package/src/components/body/index.ts +1 -0
  224. package/src/components/body/margin-properties.ts +27 -0
  225. package/src/components/button/button.spec.tsx +53 -0
  226. package/src/components/button/button.tsx +114 -0
  227. package/src/components/button/index.ts +1 -0
  228. package/src/components/button/utils/parse-padding.ts +137 -0
  229. package/src/components/button/utils/px-to-pt.ts +4 -0
  230. package/src/components/button/utils/utils.spec.ts +153 -0
  231. package/src/components/code-block/code-block.tsx +136 -0
  232. package/src/components/code-block/index.ts +3 -0
  233. package/src/components/code-block/languages-available.ts +402 -0
  234. package/src/components/code-block/prism.ts +15618 -0
  235. package/src/components/code-block/themes.ts +4929 -0
  236. package/src/components/code-inline/code-inline.tsx +60 -0
  237. package/src/components/code-inline/index.ts +1 -0
  238. package/src/components/column/column.spec.tsx +28 -0
  239. package/src/components/column/column.tsx +17 -0
  240. package/src/components/column/index.ts +1 -0
  241. package/src/components/container/container.spec.tsx +33 -0
  242. package/src/components/container/container.tsx +59 -0
  243. package/src/components/container/index.ts +1 -0
  244. package/src/components/element-marker.ts +5 -0
  245. package/src/components/font/font.spec.tsx +63 -0
  246. package/src/components/font/font.tsx +76 -0
  247. package/src/components/font/index.ts +1 -0
  248. package/src/components/head/head.spec.tsx +34 -0
  249. package/src/components/head/head.tsx +15 -0
  250. package/src/components/head/index.ts +1 -0
  251. package/src/components/heading/heading.spec.tsx +32 -0
  252. package/src/components/heading/heading.tsx +31 -0
  253. package/src/components/heading/index.ts +1 -0
  254. package/src/components/heading/utils/as.ts +26 -0
  255. package/src/components/heading/utils/spaces.ts +64 -0
  256. package/src/components/heading/utils/utils.spec.ts +70 -0
  257. package/src/components/hr/hr.spec.tsx +22 -0
  258. package/src/components/hr/hr.tsx +23 -0
  259. package/src/components/hr/index.ts +1 -0
  260. package/src/components/html/html.spec.tsx +26 -0
  261. package/src/components/html/html.tsx +13 -0
  262. package/src/components/html/index.ts +1 -0
  263. package/src/components/img/img.spec.tsx +30 -0
  264. package/src/components/img/img.tsx +27 -0
  265. package/src/components/img/index.ts +1 -0
  266. package/src/components/index.ts +19 -0
  267. package/src/components/link/index.ts +1 -0
  268. package/src/components/link/link.spec.tsx +37 -0
  269. package/src/components/link/link.tsx +24 -0
  270. package/src/components/markdown/index.ts +1 -0
  271. package/src/components/markdown/markdown.spec.tsx +221 -0
  272. package/src/components/markdown/markdown.tsx +239 -0
  273. package/src/components/markdown/styles.ts +130 -0
  274. package/src/components/markdown/utils/parse-css-in-js-to-inline-css.spec.ts +42 -0
  275. package/src/components/markdown/utils/parse-css-in-js-to-inline-css.ts +73 -0
  276. package/src/components/preview/index.ts +1 -0
  277. package/src/components/preview/preview.spec.tsx +49 -0
  278. package/src/components/preview/preview.tsx +56 -0
  279. package/src/components/row/index.ts +1 -0
  280. package/src/components/row/row.spec.tsx +28 -0
  281. package/src/components/row/row.tsx +33 -0
  282. package/src/components/section/index.ts +1 -0
  283. package/src/components/section/section.spec.tsx +58 -0
  284. package/src/components/section/section.tsx +59 -0
  285. package/src/components/tailwind/e2e/integrations.spec.ts +44 -0
  286. package/src/components/tailwind/e2e/nextjs/README.md +9 -0
  287. package/src/components/tailwind/e2e/nextjs/emails/vercel-invite-user.tsx +151 -0
  288. package/src/components/tailwind/e2e/nextjs/next.config.mjs +6 -0
  289. package/src/components/tailwind/e2e/nextjs/package.json +24 -0
  290. package/src/components/tailwind/e2e/nextjs/src/app/favicon.ico +0 -0
  291. package/src/components/tailwind/e2e/nextjs/src/app/layout.tsx +23 -0
  292. package/src/components/tailwind/e2e/nextjs/src/app/page.tsx +7 -0
  293. package/src/components/tailwind/e2e/nextjs/tsconfig.json +27 -0
  294. package/src/components/tailwind/e2e/vite/README.md +9 -0
  295. package/src/components/tailwind/e2e/vite/emails/vercel-invite-user.tsx +151 -0
  296. package/src/components/tailwind/e2e/vite/index.html +13 -0
  297. package/src/components/tailwind/e2e/vite/package.json +25 -0
  298. package/src/components/tailwind/e2e/vite/public/vite.svg +1 -0
  299. package/src/components/tailwind/e2e/vite/src/App.tsx +10 -0
  300. package/src/components/tailwind/e2e/vite/src/main.tsx +9 -0
  301. package/src/components/tailwind/e2e/vite/src/vite-env.d.ts +1 -0
  302. package/src/components/tailwind/e2e/vite/tsconfig.json +25 -0
  303. package/src/components/tailwind/e2e/vite/tsconfig.node.json +11 -0
  304. package/src/components/tailwind/e2e/vite/vite.config.ts +7 -0
  305. package/src/components/tailwind/hooks/use-suspended-promise.ts +34 -0
  306. package/src/components/tailwind/hooks/use-suspensed-promise.spec.ts +263 -0
  307. package/src/components/tailwind/index.ts +4 -0
  308. package/src/components/tailwind/inline-styles.spec.ts +49 -0
  309. package/src/components/tailwind/inline-styles.ts +21 -0
  310. package/src/components/tailwind/sanitize-stylesheet.ts +10 -0
  311. package/src/components/tailwind/tailwind.spec.tsx +1390 -0
  312. package/src/components/tailwind/tailwind.tsx +178 -0
  313. package/src/components/tailwind/utils/__snapshots__/quick-safe-render-to-string.spec.tsx.snap +3 -0
  314. package/src/components/tailwind/utils/compatibility/escape-class-name.spec.ts +17 -0
  315. package/src/components/tailwind/utils/compatibility/escape-class-name.ts +18 -0
  316. package/src/components/tailwind/utils/compatibility/get-react-property.ts +15 -0
  317. package/src/components/tailwind/utils/compatibility/sanitize-class-name.spec.ts +7 -0
  318. package/src/components/tailwind/utils/compatibility/sanitize-class-name.ts +36 -0
  319. package/src/components/tailwind/utils/compatibility/unescape-class.ts +3 -0
  320. package/src/components/tailwind/utils/css/__snapshots__/extract-rules-matching-classes.spec.ts.snap +23 -0
  321. package/src/components/tailwind/utils/css/__snapshots__/remove-rule-duplicates-from-root.spec.ts.snap +3 -0
  322. package/src/components/tailwind/utils/css/__snapshots__/sanitize-non-inlinable-classes.spec.ts.snap +7 -0
  323. package/src/components/tailwind/utils/css/downlevel-for-email-clients.spec.ts +119 -0
  324. package/src/components/tailwind/utils/css/downlevel-for-email-clients.ts +244 -0
  325. package/src/components/tailwind/utils/css/extract-rules-per-class.spec.ts +232 -0
  326. package/src/components/tailwind/utils/css/extract-rules-per-class.ts +76 -0
  327. package/src/components/tailwind/utils/css/get-custom-properties.ts +49 -0
  328. package/src/components/tailwind/utils/css/is-part-inlinable.ts +15 -0
  329. package/src/components/tailwind/utils/css/is-rule-inlinable.ts +15 -0
  330. package/src/components/tailwind/utils/css/make-inline-styles-for.spec.ts +124 -0
  331. package/src/components/tailwind/utils/css/make-inline-styles-for.ts +73 -0
  332. package/src/components/tailwind/utils/css/resolve-all-css-variables.spec.ts +296 -0
  333. package/src/components/tailwind/utils/css/resolve-all-css-variables.ts +236 -0
  334. package/src/components/tailwind/utils/css/resolve-calc-expressions.spec.ts +36 -0
  335. package/src/components/tailwind/utils/css/resolve-calc-expressions.ts +147 -0
  336. package/src/components/tailwind/utils/css/sanitize-declarations.spec.ts +491 -0
  337. package/src/components/tailwind/utils/css/sanitize-declarations.ts +443 -0
  338. package/src/components/tailwind/utils/css/sanitize-non-inlinable-rules.spec.ts +72 -0
  339. package/src/components/tailwind/utils/css/sanitize-non-inlinable-rules.ts +48 -0
  340. package/src/components/tailwind/utils/css/split-mixed-rule.ts +68 -0
  341. package/src/components/tailwind/utils/css/strip-empty-tailwind-vars.spec.ts +128 -0
  342. package/src/components/tailwind/utils/css/strip-empty-tailwind-vars.ts +70 -0
  343. package/src/components/tailwind/utils/css/unwrap-value.ts +9 -0
  344. package/src/components/tailwind/utils/react/is-component.ts +12 -0
  345. package/src/components/tailwind/utils/react/map-react-tree.spec.tsx +58 -0
  346. package/src/components/tailwind/utils/react/map-react-tree.ts +58 -0
  347. package/src/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.ts +61 -0
  348. package/src/components/tailwind/utils/tailwindcss/setup-tailwind.spec.ts +25 -0
  349. package/src/components/tailwind/utils/tailwindcss/setup-tailwind.ts +121 -0
  350. package/src/components/tailwind/utils/tailwindcss/tailwind-stylesheets/index.ts +900 -0
  351. package/src/components/tailwind/utils/tailwindcss/tailwind-stylesheets/preflight.ts +397 -0
  352. package/src/components/tailwind/utils/tailwindcss/tailwind-stylesheets/theme.ts +466 -0
  353. package/src/components/tailwind/utils/tailwindcss/tailwind-stylesheets/utilities.ts +5 -0
  354. package/src/components/tailwind/utils/text/from-dash-case-to-camel-case.ts +3 -0
  355. package/src/components/text/index.ts +1 -0
  356. package/src/components/text/text.spec.tsx +35 -0
  357. package/src/components/text/text.tsx +50 -0
  358. package/src/components/text/utils/compute-margins.spec.ts +67 -0
  359. package/src/components/text/utils/compute-margins.ts +102 -0
  360. package/src/index.ts +2 -110
  361. package/tsconfig.json +9 -4
  362. package/tsdown.config.ts +51 -6
  363. package/vitest.config.ts +1 -0
  364. package/vitest.e2e.config.ts +17 -0
  365. package/src/commands/build.ts +0 -269
  366. package/src/commands/dev.ts +0 -27
  367. package/src/commands/export.ts +0 -204
  368. package/src/commands/resend/reset.ts +0 -8
  369. package/src/commands/resend/setup.ts +0 -29
  370. package/src/commands/start.ts +0 -38
  371. package/src/utils/conf.ts +0 -9
  372. package/src/utils/esbuild/escape-string-for-regex.ts +0 -3
  373. package/src/utils/esbuild/renderring-utilities-exporter.ts +0 -63
  374. package/src/utils/get-emails-directory-metadata.spec.ts +0 -82
  375. package/src/utils/get-emails-directory-metadata.ts +0 -140
  376. package/src/utils/get-preview-server-location.ts +0 -50
  377. package/src/utils/index.ts +0 -2
  378. package/src/utils/packageJson.ts +0 -4
  379. package/src/utils/preview/get-env-variables-for-preview-app.ts +0 -20
  380. package/src/utils/preview/hot-reloading/create-dependency-graph.spec.ts +0 -226
  381. package/src/utils/preview/hot-reloading/create-dependency-graph.ts +0 -343
  382. package/src/utils/preview/hot-reloading/get-imported-modules.spec.ts +0 -151
  383. package/src/utils/preview/hot-reloading/get-imported-modules.ts +0 -49
  384. package/src/utils/preview/hot-reloading/resolve-path-aliases.spec.ts +0 -11
  385. package/src/utils/preview/hot-reloading/resolve-path-aliases.ts +0 -32
  386. package/src/utils/preview/hot-reloading/setup-hot-reloading.ts +0 -121
  387. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/data-to-import.json +0 -1
  388. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/file-a.ts +0 -5
  389. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/file-b.ts +0 -5
  390. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/general-importing-file.ts +0 -9
  391. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/outer-dependency.ts +0 -3
  392. package/src/utils/preview/hot-reloading/test/dependency-graph/inner/path-aliases.ts +0 -1
  393. package/src/utils/preview/hot-reloading/test/dependency-graph/outer.ts +0 -5
  394. package/src/utils/preview/hot-reloading/test/some-file.ts +0 -0
  395. package/src/utils/preview/hot-reloading/test/tsconfig.json +0 -8
  396. package/src/utils/preview/index.ts +0 -2
  397. package/src/utils/preview/serve-static-file.ts +0 -51
  398. package/src/utils/preview/start-dev-server.ts +0 -252
  399. package/src/utils/register-spinner-autostopping.ts +0 -28
  400. package/src/utils/style-text.ts +0 -11
  401. package/src/utils/tree.spec.ts +0 -29
  402. package/src/utils/tree.ts +0 -76
  403. package/src/utils/types/hot-reload-change.ts +0 -6
  404. package/src/utils/types/hot-reload-event.ts +0 -3
@@ -0,0 +1,2578 @@
1
+ //#region src/components/code-block/themes.ts
2
+ const xonokai = {
3
+ base: {
4
+ MozTabSize: "2",
5
+ OTabSize: "2",
6
+ tabSize: "2",
7
+ WebkitHyphens: "none",
8
+ MozHyphens: "none",
9
+ hyphens: "none",
10
+ whiteSpace: "pre-wrap",
11
+ wordWrap: "normal",
12
+ fontFamily: "Menlo, Monaco, \"Courier New\", monospace",
13
+ fontSize: "14px",
14
+ color: "#76d9e6",
15
+ textShadow: "none",
16
+ background: "#2a2a2a",
17
+ padding: "15px",
18
+ borderRadius: "4px",
19
+ border: "1px solid #e1e1e8",
20
+ overflow: "auto",
21
+ position: "relative"
22
+ },
23
+ namespace: { opacity: ".7" },
24
+ comment: { color: "#6f705e" },
25
+ prolog: { color: "#6f705e" },
26
+ doctype: { color: "#6f705e" },
27
+ cdata: { color: "#6f705e" },
28
+ operator: { color: "#a77afe" },
29
+ boolean: { color: "#a77afe" },
30
+ number: { color: "#a77afe" },
31
+ "attr-name": { color: "#e6d06c" },
32
+ string: { color: "#e6d06c" },
33
+ entity: {
34
+ color: "#e6d06c",
35
+ cursor: "help"
36
+ },
37
+ url: { color: "#e6d06c" },
38
+ selector: { color: "#a6e22d" },
39
+ inserted: { color: "#a6e22d" },
40
+ atrule: { color: "#ef3b7d" },
41
+ "attr-value": { color: "#ef3b7d" },
42
+ keyword: { color: "#ef3b7d" },
43
+ important: {
44
+ color: "#ef3b7d",
45
+ fontWeight: "bold"
46
+ },
47
+ deleted: { color: "#ef3b7d" },
48
+ regex: { color: "#76d9e6" },
49
+ statement: {
50
+ color: "#76d9e6",
51
+ fontWeight: "bold"
52
+ },
53
+ placeholder: { color: "#fff" },
54
+ variable: { color: "#fff" },
55
+ bold: { fontWeight: "bold" },
56
+ punctuation: { color: "#bebec5" },
57
+ italic: { fontStyle: "italic" }
58
+ };
59
+ const vscDarkPlus = {
60
+ base: {
61
+ color: "#d4d4d4",
62
+ fontSize: "13px",
63
+ textShadow: "none",
64
+ fontFamily: "Menlo, Monaco, Consolas, \"Andale Mono\", \"Ubuntu Mono\", \"Courier New\", monospace",
65
+ direction: "ltr",
66
+ textAlign: "left",
67
+ whiteSpace: "pre",
68
+ wordSpacing: "normal",
69
+ wordBreak: "normal",
70
+ lineHeight: "1.5",
71
+ MozTabSize: "4",
72
+ OTabSize: "4",
73
+ tabSize: "4",
74
+ WebkitHyphens: "none",
75
+ MozHyphens: "none",
76
+ hyphens: "none",
77
+ padding: "1em",
78
+ margin: ".5em 0",
79
+ overflow: "auto",
80
+ background: "#1e1e1e"
81
+ },
82
+ "doctype .token.doctype-tag": { color: "#569CD6" },
83
+ "doctype .token.name": { color: "#9cdcfe" },
84
+ comment: { color: "#6a9955" },
85
+ prolog: { color: "#6a9955" },
86
+ punctuation: { color: "#d4d4d4" },
87
+ property: { color: "#9cdcfe" },
88
+ tag: { color: "#569cd6" },
89
+ boolean: { color: "#569cd6" },
90
+ number: { color: "#b5cea8" },
91
+ constant: { color: "#9cdcfe" },
92
+ symbol: { color: "#b5cea8" },
93
+ inserted: { color: "#b5cea8" },
94
+ unit: { color: "#b5cea8" },
95
+ selector: { color: "#d7ba7d" },
96
+ "attr-name": { color: "#9cdcfe" },
97
+ string: { color: "#ce9178" },
98
+ char: { color: "#ce9178" },
99
+ builtin: { color: "#ce9178" },
100
+ deleted: { color: "#ce9178" },
101
+ operator: { color: "#d4d4d4" },
102
+ entity: { color: "#569cd6" },
103
+ "operator.arrow": { color: "#569CD6" },
104
+ atrule: { color: "#ce9178" },
105
+ "atrule .token.rule": { color: "#c586c0" },
106
+ "atrule .token.url": { color: "#9cdcfe" },
107
+ "atrule .token.url .token.function": { color: "#dcdcaa" },
108
+ "atrule .token.url .token.punctuation": { color: "#d4d4d4" },
109
+ keyword: { color: "#569CD6" },
110
+ "keyword.module": { color: "#c586c0" },
111
+ "keyword.control-flow": { color: "#c586c0" },
112
+ function: { color: "#dcdcaa" },
113
+ "function .token.maybe-class-name": { color: "#dcdcaa" },
114
+ regex: { color: "#d16969" },
115
+ important: { color: "#569cd6" },
116
+ italic: { fontStyle: "italic" },
117
+ "class-name": { color: "#4ec9b0" },
118
+ "maybe-class-name": { color: "#4ec9b0" },
119
+ console: { color: "#9cdcfe" },
120
+ parameter: { color: "#9cdcfe" },
121
+ interpolation: { color: "#9cdcfe" },
122
+ "punctuation.interpolation-punctuation": { color: "#569cd6" },
123
+ variable: { color: "#9cdcfe" },
124
+ "imports .token.maybe-class-name": { color: "#9cdcfe" },
125
+ "exports .token.maybe-class-name": { color: "#9cdcfe" },
126
+ escape: { color: "#d7ba7d" },
127
+ "tag .token.punctuation": { color: "#808080" },
128
+ cdata: { color: "#808080" },
129
+ "attr-value": { color: "#ce9178" },
130
+ "attr-value .token.punctuation": { color: "#ce9178" },
131
+ "attr-value .token.punctuation.attr-equals": { color: "#d4d4d4" },
132
+ namespace: { color: "#4ec9b0" }
133
+ };
134
+ const duotoneForest = {
135
+ base: {
136
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
137
+ fontSize: "14px",
138
+ lineHeight: "1.375",
139
+ direction: "ltr",
140
+ textAlign: "left",
141
+ whiteSpace: "pre",
142
+ wordSpacing: "normal",
143
+ wordBreak: "normal",
144
+ MozTabSize: "4",
145
+ OTabSize: "4",
146
+ tabSize: "4",
147
+ WebkitHyphens: "none",
148
+ MozHyphens: "none",
149
+ hyphens: "none",
150
+ background: "#2a2d2a",
151
+ color: "#687d68",
152
+ padding: "1em",
153
+ margin: ".5em 0",
154
+ overflow: "auto"
155
+ },
156
+ comment: { color: "#535f53" },
157
+ prolog: { color: "#535f53" },
158
+ doctype: { color: "#535f53" },
159
+ cdata: { color: "#535f53" },
160
+ punctuation: { color: "#535f53" },
161
+ namespace: { opacity: ".7" },
162
+ tag: { color: "#a2b34d" },
163
+ operator: { color: "#a2b34d" },
164
+ number: { color: "#a2b34d" },
165
+ property: { color: "#687d68" },
166
+ function: { color: "#687d68" },
167
+ "tag-id": { color: "#f0fff0" },
168
+ selector: { color: "#f0fff0" },
169
+ "atrule-id": { color: "#f0fff0" },
170
+ "attr-name": { color: "#b3d6b3" },
171
+ boolean: { color: "#e5fb79" },
172
+ string: { color: "#e5fb79" },
173
+ entity: {
174
+ color: "#e5fb79",
175
+ cursor: "help"
176
+ },
177
+ url: { color: "#e5fb79" },
178
+ "attr-value": { color: "#e5fb79" },
179
+ keyword: { color: "#e5fb79" },
180
+ control: { color: "#e5fb79" },
181
+ directive: { color: "#e5fb79" },
182
+ unit: { color: "#e5fb79" },
183
+ statement: { color: "#e5fb79" },
184
+ regex: { color: "#e5fb79" },
185
+ atrule: { color: "#e5fb79" },
186
+ placeholder: { color: "#e5fb79" },
187
+ variable: { color: "#e5fb79" },
188
+ deleted: { textDecoration: "line-through" },
189
+ inserted: {
190
+ borderBottom: "1px dotted #f0fff0",
191
+ textDecoration: "none"
192
+ },
193
+ italic: { fontStyle: "italic" },
194
+ important: {
195
+ fontWeight: "bold",
196
+ color: "#b3d6b3"
197
+ },
198
+ bold: { fontWeight: "bold" }
199
+ };
200
+ const holiTheme = {
201
+ base: {},
202
+ comment: { color: "#446e69" },
203
+ prolog: { color: "#446e69" },
204
+ doctype: { color: "#446e69" },
205
+ cdata: { color: "#446e69" },
206
+ punctuation: { color: "#d6b007" },
207
+ property: { color: "#d6e7ff" },
208
+ tag: { color: "#d6e7ff" },
209
+ boolean: { color: "#d6e7ff" },
210
+ number: { color: "#d6e7ff" },
211
+ constant: { color: "#d6e7ff" },
212
+ symbol: { color: "#d6e7ff" },
213
+ deleted: { color: "#d6e7ff" },
214
+ selector: { color: "#e60067" },
215
+ "attr-name": { color: "#e60067" },
216
+ builtin: { color: "#e60067" },
217
+ inserted: { color: "#e60067" },
218
+ string: { color: "#49c6ec" },
219
+ char: { color: "#49c6ec" },
220
+ operator: {
221
+ color: "#ec8e01",
222
+ background: "transparent"
223
+ },
224
+ entity: {
225
+ color: "#ec8e01",
226
+ background: "transparent"
227
+ },
228
+ url: {
229
+ color: "#ec8e01",
230
+ background: "transparent"
231
+ },
232
+ atrule: { color: "#0fe468" },
233
+ "attr-value": { color: "#0fe468" },
234
+ keyword: { color: "#0fe468" },
235
+ function: { color: "#78f3e9" },
236
+ "class-name": { color: "#78f3e9" },
237
+ regex: { color: "#d6e7ff" },
238
+ important: { color: "#d6e7ff" },
239
+ variable: { color: "#d6e7ff" }
240
+ };
241
+ const cb = {
242
+ base: {
243
+ color: "#fff",
244
+ textShadow: "0 1px 1px #000",
245
+ fontFamily: "Menlo, Monaco, \"Courier New\", monospace",
246
+ direction: "ltr",
247
+ textAlign: "left",
248
+ wordSpacing: "normal",
249
+ whiteSpace: "pre",
250
+ wordWrap: "normal",
251
+ lineHeight: "1.4",
252
+ background: "#222",
253
+ border: "0",
254
+ MozTabSize: "4",
255
+ OTabSize: "4",
256
+ tabSize: "4",
257
+ WebkitHyphens: "none",
258
+ MozHyphens: "none",
259
+ hyphens: "none",
260
+ padding: "15px",
261
+ margin: "1em 0",
262
+ overflow: "auto",
263
+ MozBorderRadius: "8px",
264
+ WebkitBorderRadius: "8px",
265
+ borderRadius: "8px"
266
+ },
267
+ comment: { color: "#797979" },
268
+ prolog: { color: "#797979" },
269
+ doctype: { color: "#797979" },
270
+ cdata: { color: "#797979" },
271
+ selector: { color: "#fff" },
272
+ operator: { color: "#fff" },
273
+ punctuation: { color: "#fff" },
274
+ namespace: { opacity: ".7" },
275
+ tag: { color: "#ffd893" },
276
+ boolean: { color: "#ffd893" },
277
+ atrule: { color: "#B0C975" },
278
+ "attr-value": { color: "#B0C975" },
279
+ hex: { color: "#B0C975" },
280
+ string: { color: "#B0C975" },
281
+ property: { color: "#c27628" },
282
+ entity: {
283
+ color: "#c27628",
284
+ cursor: "help"
285
+ },
286
+ url: { color: "#c27628" },
287
+ "attr-name": { color: "#c27628" },
288
+ keyword: { color: "#c27628" },
289
+ regex: { color: "#9B71C6" },
290
+ function: { color: "#e5a638" },
291
+ constant: { color: "#e5a638" },
292
+ variable: { color: "#fdfba8" },
293
+ number: { color: "#8799B0" },
294
+ important: { color: "#E45734" },
295
+ deliminator: { color: "#E45734" }
296
+ };
297
+ const vs = {
298
+ base: {
299
+ color: "#393A34",
300
+ fontFamily: "\"Consolas\", \"Bitstream Vera Sans Mono\", \"Courier New\", Courier, monospace",
301
+ direction: "ltr",
302
+ textAlign: "left",
303
+ whiteSpace: "pre",
304
+ wordSpacing: "normal",
305
+ wordBreak: "normal",
306
+ fontSize: ".9em",
307
+ lineHeight: "1.2em",
308
+ MozTabSize: "4",
309
+ OTabSize: "4",
310
+ tabSize: "4",
311
+ WebkitHyphens: "none",
312
+ MozHyphens: "none",
313
+ hyphens: "none",
314
+ padding: "1em",
315
+ margin: ".5em 0",
316
+ overflow: "auto",
317
+ border: "1px solid #dddddd",
318
+ backgroundColor: "white"
319
+ },
320
+ comment: {
321
+ color: "#008000",
322
+ fontStyle: "italic"
323
+ },
324
+ prolog: {
325
+ color: "#008000",
326
+ fontStyle: "italic"
327
+ },
328
+ doctype: {
329
+ color: "#008000",
330
+ fontStyle: "italic"
331
+ },
332
+ cdata: {
333
+ color: "#008000",
334
+ fontStyle: "italic"
335
+ },
336
+ namespace: { opacity: ".7" },
337
+ string: { color: "#A31515" },
338
+ punctuation: { color: "#393A34" },
339
+ operator: { color: "#393A34" },
340
+ url: { color: "#36acaa" },
341
+ symbol: { color: "#36acaa" },
342
+ number: { color: "#36acaa" },
343
+ boolean: { color: "#36acaa" },
344
+ variable: { color: "#36acaa" },
345
+ constant: { color: "#36acaa" },
346
+ inserted: { color: "#36acaa" },
347
+ atrule: { color: "#0000ff" },
348
+ keyword: { color: "#0000ff" },
349
+ "attr-value": { color: "#0000ff" },
350
+ function: { color: "#393A34" },
351
+ deleted: { color: "#9a050f" },
352
+ selector: { color: "#800000" },
353
+ important: {
354
+ color: "#e90",
355
+ fontWeight: "bold"
356
+ },
357
+ bold: { fontWeight: "bold" },
358
+ italic: { fontStyle: "italic" },
359
+ "class-name": { color: "#2B91AF" },
360
+ tag: { color: "#800000" },
361
+ "attr-name": { color: "#ff0000" },
362
+ property: { color: "#ff0000" },
363
+ regex: { color: "#ff0000" },
364
+ entity: { color: "#ff0000" },
365
+ "directive.tag .tag": {
366
+ background: "#ffff00",
367
+ color: "#393A34"
368
+ }
369
+ };
370
+ const materialDark = {
371
+ base: {
372
+ textAlign: "left",
373
+ whiteSpace: "pre",
374
+ wordSpacing: "normal",
375
+ wordBreak: "normal",
376
+ wordWrap: "normal",
377
+ color: "#eee",
378
+ background: "#2f2f2f",
379
+ fontFamily: "Roboto Mono, monospace",
380
+ fontSize: "1em",
381
+ lineHeight: "1.5em",
382
+ MozTabSize: "4",
383
+ OTabSize: "4",
384
+ tabSize: "4",
385
+ WebkitHyphens: "none",
386
+ MozHyphens: "none",
387
+ hyphens: "none",
388
+ overflow: "auto",
389
+ position: "relative",
390
+ margin: "0.5em 0",
391
+ padding: "1.25em 1em"
392
+ },
393
+ atrule: { color: "#c792ea" },
394
+ "attr-name": { color: "#ffcb6b" },
395
+ "attr-value": { color: "#a5e844" },
396
+ attribute: { color: "#a5e844" },
397
+ boolean: { color: "#c792ea" },
398
+ builtin: { color: "#ffcb6b" },
399
+ cdata: { color: "#80cbc4" },
400
+ char: { color: "#80cbc4" },
401
+ class: { color: "#ffcb6b" },
402
+ "class-name": { color: "#f2ff00" },
403
+ comment: { color: "#616161" },
404
+ constant: { color: "#c792ea" },
405
+ deleted: { color: "#ff6666" },
406
+ doctype: { color: "#616161" },
407
+ entity: { color: "#ff6666" },
408
+ function: { color: "#c792ea" },
409
+ hexcode: { color: "#f2ff00" },
410
+ id: {
411
+ color: "#c792ea",
412
+ fontWeight: "bold"
413
+ },
414
+ important: {
415
+ color: "#c792ea",
416
+ fontWeight: "bold"
417
+ },
418
+ inserted: { color: "#80cbc4" },
419
+ keyword: { color: "#c792ea" },
420
+ number: { color: "#fd9170" },
421
+ operator: { color: "#89ddff" },
422
+ prolog: { color: "#616161" },
423
+ property: { color: "#80cbc4" },
424
+ "pseudo-class": { color: "#a5e844" },
425
+ "pseudo-element": { color: "#a5e844" },
426
+ punctuation: { color: "#89ddff" },
427
+ regex: { color: "#f2ff00" },
428
+ selector: { color: "#ff6666" },
429
+ string: { color: "#a5e844" },
430
+ symbol: { color: "#c792ea" },
431
+ tag: { color: "#ff6666" },
432
+ unit: { color: "#fd9170" },
433
+ url: { color: "#ff6666" },
434
+ variable: { color: "#ff6666" }
435
+ };
436
+ const dracula = {
437
+ base: {
438
+ color: "#f8f8f2",
439
+ background: "#282a36",
440
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
441
+ fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
442
+ textAlign: "left",
443
+ whiteSpace: "pre",
444
+ wordSpacing: "normal",
445
+ wordBreak: "normal",
446
+ wordWrap: "normal",
447
+ lineHeight: "1.5",
448
+ MozTabSize: "4",
449
+ OTabSize: "4",
450
+ tabSize: "4",
451
+ WebkitHyphens: "none",
452
+ MozHyphens: "none",
453
+ hyphens: "none",
454
+ padding: "1em",
455
+ margin: ".5em 0",
456
+ overflow: "auto",
457
+ borderRadius: "0.3em"
458
+ },
459
+ comment: { color: "#6272a4" },
460
+ prolog: { color: "#6272a4" },
461
+ doctype: { color: "#6272a4" },
462
+ cdata: { color: "#6272a4" },
463
+ punctuation: { color: "#f8f8f2" },
464
+ property: { color: "#ff79c6" },
465
+ tag: { color: "#ff79c6" },
466
+ constant: { color: "#ff79c6" },
467
+ symbol: { color: "#ff79c6" },
468
+ deleted: { color: "#ff79c6" },
469
+ boolean: { color: "#bd93f9" },
470
+ number: { color: "#bd93f9" },
471
+ selector: { color: "#50fa7b" },
472
+ "attr-name": { color: "#50fa7b" },
473
+ string: { color: "#50fa7b" },
474
+ char: { color: "#50fa7b" },
475
+ builtin: { color: "#50fa7b" },
476
+ inserted: { color: "#50fa7b" },
477
+ operator: { color: "#f8f8f2" },
478
+ entity: {
479
+ color: "#f8f8f2",
480
+ cursor: "help"
481
+ },
482
+ url: { color: "#f8f8f2" },
483
+ variable: { color: "#f8f8f2" },
484
+ atrule: { color: "#f1fa8c" },
485
+ "attr-value": { color: "#f1fa8c" },
486
+ function: { color: "#f1fa8c" },
487
+ "class-name": { color: "#f1fa8c" },
488
+ keyword: { color: "#8be9fd" },
489
+ regex: { color: "#ffb86c" },
490
+ important: {
491
+ color: "#ffb86c",
492
+ fontWeight: "bold"
493
+ },
494
+ bold: { fontWeight: "bold" },
495
+ italic: { fontStyle: "italic" }
496
+ };
497
+ const shadesOfPurple = {
498
+ base: {},
499
+ "": { fontWeight: "400" },
500
+ comment: { color: "#b362ff" },
501
+ prolog: { color: "#b362ff" },
502
+ cdata: { color: "#b362ff" },
503
+ delimiter: { color: "#ff9d00" },
504
+ keyword: { color: "#ff9d00" },
505
+ selector: { color: "#ff9d00" },
506
+ important: { color: "#ff9d00" },
507
+ atrule: { color: "#ff9d00" },
508
+ operator: {
509
+ color: "rgb(255, 180, 84)",
510
+ background: "none"
511
+ },
512
+ "attr-name": { color: "rgb(255, 180, 84)" },
513
+ punctuation: { color: "#ffffff" },
514
+ boolean: { color: "rgb(255, 98, 140)" },
515
+ tag: { color: "rgb(255, 157, 0)" },
516
+ "tag .punctuation": { color: "rgb(255, 157, 0)" },
517
+ doctype: { color: "rgb(255, 157, 0)" },
518
+ builtin: { color: "rgb(255, 157, 0)" },
519
+ entity: {
520
+ color: "#6897bb",
521
+ background: "none"
522
+ },
523
+ symbol: { color: "#6897bb" },
524
+ number: { color: "#ff628c" },
525
+ property: { color: "#ff628c" },
526
+ constant: { color: "#ff628c" },
527
+ variable: { color: "#ff628c" },
528
+ string: { color: "#a5ff90" },
529
+ char: { color: "#a5ff90" },
530
+ "attr-value": { color: "#a5c261" },
531
+ "attr-value .punctuation": { color: "#a5c261" },
532
+ "attr-value .punctuation:first-child": { color: "#a9b7c6" },
533
+ url: {
534
+ color: "#287bde",
535
+ textDecoration: "underline",
536
+ background: "none"
537
+ },
538
+ function: { color: "rgb(250, 208, 0)" },
539
+ regex: { background: "#364135" },
540
+ bold: { fontWeight: "bold" },
541
+ italic: { fontStyle: "italic" },
542
+ inserted: { background: "#00ff00" },
543
+ deleted: { background: "#ff000d" },
544
+ "class-name": { color: "#fb94ff" }
545
+ };
546
+ const gruvboxDark = {
547
+ base: {
548
+ color: "#ebdbb2",
549
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", monospace",
550
+ direction: "ltr",
551
+ textAlign: "left",
552
+ whiteSpace: "pre",
553
+ wordSpacing: "normal",
554
+ wordBreak: "normal",
555
+ lineHeight: "1.5",
556
+ MozTabSize: "4",
557
+ OTabSize: "4",
558
+ tabSize: "4",
559
+ WebkitHyphens: "none",
560
+ MozHyphens: "none",
561
+ hyphens: "none",
562
+ padding: "1em",
563
+ margin: "0.5em 0",
564
+ overflow: "auto",
565
+ background: "#1d2021"
566
+ },
567
+ comment: { color: "#a89984" },
568
+ prolog: { color: "#a89984" },
569
+ cdata: { color: "#a89984" },
570
+ delimiter: { color: "#fb4934" },
571
+ boolean: { color: "#fb4934" },
572
+ keyword: { color: "#fb4934" },
573
+ selector: { color: "#fb4934" },
574
+ important: { color: "#fb4934" },
575
+ atrule: { color: "#fb4934" },
576
+ operator: { color: "#a89984" },
577
+ punctuation: { color: "#a89984" },
578
+ "attr-name": { color: "#a89984" },
579
+ tag: { color: "#fabd2f" },
580
+ "tag .punctuation": { color: "#fabd2f" },
581
+ doctype: { color: "#fabd2f" },
582
+ builtin: { color: "#fabd2f" },
583
+ entity: { color: "#d3869b" },
584
+ number: { color: "#d3869b" },
585
+ symbol: { color: "#d3869b" },
586
+ property: { color: "#fb4934" },
587
+ constant: { color: "#fb4934" },
588
+ variable: { color: "#fb4934" },
589
+ string: { color: "#b8bb26" },
590
+ char: { color: "#b8bb26" },
591
+ "attr-value": { color: "#a89984" },
592
+ "attr-value .punctuation": { color: "#a89984" },
593
+ url: {
594
+ color: "#b8bb26",
595
+ textDecoration: "underline"
596
+ },
597
+ function: { color: "#fabd2f" },
598
+ regex: { background: "#b8bb26" },
599
+ bold: { fontWeight: "bold" },
600
+ italic: { fontStyle: "italic" },
601
+ inserted: { background: "#a89984" },
602
+ deleted: { background: "#fb4934" }
603
+ };
604
+ const baseAteliersulphurpoolLight = {
605
+ base: {
606
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
607
+ fontSize: "14px",
608
+ lineHeight: "1.375",
609
+ direction: "ltr",
610
+ textAlign: "left",
611
+ whiteSpace: "pre",
612
+ wordSpacing: "normal",
613
+ wordBreak: "normal",
614
+ MozTabSize: "4",
615
+ OTabSize: "4",
616
+ tabSize: "4",
617
+ WebkitHyphens: "none",
618
+ MozHyphens: "none",
619
+ hyphens: "none",
620
+ background: "#f5f7ff",
621
+ color: "#5e6687",
622
+ padding: "1em",
623
+ margin: ".5em 0",
624
+ overflow: "auto"
625
+ },
626
+ comment: { color: "#898ea4" },
627
+ prolog: { color: "#898ea4" },
628
+ doctype: { color: "#898ea4" },
629
+ cdata: { color: "#898ea4" },
630
+ punctuation: { color: "#5e6687" },
631
+ namespace: { opacity: ".7" },
632
+ operator: { color: "#c76b29" },
633
+ boolean: { color: "#c76b29" },
634
+ number: { color: "#c76b29" },
635
+ property: { color: "#c08b30" },
636
+ tag: { color: "#3d8fd1" },
637
+ string: { color: "#22a2c9" },
638
+ selector: { color: "#6679cc" },
639
+ "attr-name": { color: "#c76b29" },
640
+ entity: {
641
+ color: "#22a2c9",
642
+ cursor: "help"
643
+ },
644
+ url: { color: "#22a2c9" },
645
+ "attr-value": { color: "#ac9739" },
646
+ keyword: { color: "#ac9739" },
647
+ control: { color: "#ac9739" },
648
+ directive: { color: "#ac9739" },
649
+ unit: { color: "#ac9739" },
650
+ statement: { color: "#22a2c9" },
651
+ regex: { color: "#22a2c9" },
652
+ atrule: { color: "#22a2c9" },
653
+ placeholder: { color: "#3d8fd1" },
654
+ variable: { color: "#3d8fd1" },
655
+ deleted: { textDecoration: "line-through" },
656
+ inserted: {
657
+ borderBottom: "1px dotted #202746",
658
+ textDecoration: "none"
659
+ },
660
+ italic: { fontStyle: "italic" },
661
+ important: {
662
+ fontWeight: "bold",
663
+ color: "#c94922"
664
+ },
665
+ bold: { fontWeight: "bold" }
666
+ };
667
+ const coldarkCold = {
668
+ base: {
669
+ color: "#111b27",
670
+ background: "#e3eaf2",
671
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace",
672
+ textAlign: "left",
673
+ whiteSpace: "pre",
674
+ wordSpacing: "normal",
675
+ wordBreak: "normal",
676
+ wordWrap: "normal",
677
+ lineHeight: "1.5",
678
+ MozTabSize: "4",
679
+ OTabSize: "4",
680
+ tabSize: "4",
681
+ WebkitHyphens: "none",
682
+ MozHyphens: "none",
683
+ hyphens: "none",
684
+ padding: "1em",
685
+ margin: "0.5em 0",
686
+ overflow: "auto"
687
+ },
688
+ comment: { color: "#3c526d" },
689
+ prolog: { color: "#3c526d" },
690
+ doctype: { color: "#3c526d" },
691
+ cdata: { color: "#3c526d" },
692
+ punctuation: { color: "#111b27" },
693
+ "delimiter.important": {
694
+ color: "#006d6d",
695
+ fontWeight: "inherit"
696
+ },
697
+ "selector .parent": { color: "#006d6d" },
698
+ tag: { color: "#006d6d" },
699
+ "tag .token.punctuation": { color: "#006d6d" },
700
+ "attr-name": { color: "#755f00" },
701
+ boolean: { color: "#755f00" },
702
+ "boolean.important": { color: "#755f00" },
703
+ number: { color: "#755f00" },
704
+ constant: { color: "#755f00" },
705
+ "selector .token.attribute": { color: "#755f00" },
706
+ "class-name": { color: "#005a8e" },
707
+ key: { color: "#005a8e" },
708
+ parameter: { color: "#005a8e" },
709
+ property: { color: "#005a8e" },
710
+ "property-access": { color: "#005a8e" },
711
+ variable: { color: "#005a8e" },
712
+ "attr-value": { color: "#116b00" },
713
+ inserted: { color: "#116b00" },
714
+ color: { color: "#116b00" },
715
+ "selector .token.value": { color: "#116b00" },
716
+ string: { color: "#116b00" },
717
+ "string .token.url-link": { color: "#116b00" },
718
+ builtin: { color: "#af00af" },
719
+ "keyword-array": { color: "#af00af" },
720
+ package: { color: "#af00af" },
721
+ regex: { color: "#af00af" },
722
+ function: { color: "#7c00aa" },
723
+ "selector .token.class": { color: "#7c00aa" },
724
+ "selector .token.id": { color: "#7c00aa" },
725
+ "atrule .token.rule": { color: "#a04900" },
726
+ combinator: { color: "#a04900" },
727
+ keyword: { color: "#a04900" },
728
+ operator: { color: "#a04900" },
729
+ "pseudo-class": { color: "#a04900" },
730
+ "pseudo-element": { color: "#a04900" },
731
+ selector: { color: "#a04900" },
732
+ unit: { color: "#a04900" },
733
+ deleted: { color: "#c22f2e" },
734
+ important: {
735
+ color: "#c22f2e",
736
+ fontWeight: "bold"
737
+ },
738
+ "keyword-this": {
739
+ color: "#005a8e",
740
+ fontWeight: "bold"
741
+ },
742
+ this: {
743
+ color: "#005a8e",
744
+ fontWeight: "bold"
745
+ },
746
+ bold: { fontWeight: "bold" },
747
+ italic: { fontStyle: "italic" },
748
+ entity: { cursor: "help" },
749
+ "token.tab:not(:empty):before": { color: "#3c526d" },
750
+ "token.cr:before": { color: "#3c526d" },
751
+ "token.lf:before": { color: "#3c526d" },
752
+ "token.space:before": { color: "#3c526d" }
753
+ };
754
+ const solarizedDarkAtom = {
755
+ base: {
756
+ color: "#839496",
757
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
758
+ fontFamily: "Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",
759
+ direction: "ltr",
760
+ textAlign: "left",
761
+ whiteSpace: "pre",
762
+ wordSpacing: "normal",
763
+ wordBreak: "normal",
764
+ lineHeight: "1.5",
765
+ MozTabSize: "4",
766
+ OTabSize: "4",
767
+ tabSize: "4",
768
+ WebkitHyphens: "none",
769
+ MozHyphens: "none",
770
+ hyphens: "none",
771
+ padding: "1em",
772
+ margin: ".5em 0",
773
+ overflow: "auto",
774
+ borderRadius: "0.3em",
775
+ background: "#002b36"
776
+ },
777
+ comment: { color: "#586e75" },
778
+ prolog: { color: "#586e75" },
779
+ doctype: { color: "#586e75" },
780
+ cdata: { color: "#586e75" },
781
+ punctuation: { color: "#93a1a1" },
782
+ property: { color: "#268bd2" },
783
+ keyword: { color: "#268bd2" },
784
+ tag: { color: "#268bd2" },
785
+ "class-name": {
786
+ color: "#FFFFB6",
787
+ textDecoration: "underline"
788
+ },
789
+ boolean: { color: "#b58900" },
790
+ constant: { color: "#b58900" },
791
+ symbol: { color: "#dc322f" },
792
+ deleted: { color: "#dc322f" },
793
+ number: { color: "#859900" },
794
+ selector: { color: "#859900" },
795
+ "attr-name": { color: "#859900" },
796
+ string: { color: "#859900" },
797
+ char: { color: "#859900" },
798
+ builtin: { color: "#859900" },
799
+ inserted: { color: "#859900" },
800
+ variable: { color: "#268bd2" },
801
+ operator: { color: "#EDEDED" },
802
+ function: { color: "#268bd2" },
803
+ regex: { color: "#E9C062" },
804
+ important: {
805
+ color: "#fd971f",
806
+ fontWeight: "bold"
807
+ },
808
+ entity: {
809
+ color: "#FFFFB6",
810
+ cursor: "help"
811
+ },
812
+ url: { color: "#96CBFE" },
813
+ bold: { fontWeight: "bold" },
814
+ italic: { fontStyle: "italic" },
815
+ atrule: { color: "#F9EE98" },
816
+ "attr-value": { color: "#F9EE98" }
817
+ };
818
+ const synthwave84 = {
819
+ base: {
820
+ color: "#f92aad",
821
+ textShadow: "0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3",
822
+ background: "none",
823
+ fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
824
+ fontSize: "1em",
825
+ textAlign: "left",
826
+ whiteSpace: "pre",
827
+ wordSpacing: "normal",
828
+ wordBreak: "normal",
829
+ wordWrap: "normal",
830
+ lineHeight: "1.5",
831
+ MozTabSize: "4",
832
+ OTabSize: "4",
833
+ tabSize: "4",
834
+ WebkitHyphens: "none",
835
+ MozHyphens: "none",
836
+ hyphens: "none",
837
+ padding: "1em",
838
+ margin: ".5em 0",
839
+ overflow: "auto",
840
+ backgroundColor: "transparent !important",
841
+ backgroundImage: "linear-gradient(to bottom, #2a2139 75%, #34294f)"
842
+ },
843
+ comment: { color: "#8e8e8e" },
844
+ "block-comment": { color: "#8e8e8e" },
845
+ prolog: { color: "#8e8e8e" },
846
+ doctype: { color: "#8e8e8e" },
847
+ cdata: { color: "#8e8e8e" },
848
+ punctuation: { color: "#ccc" },
849
+ tag: { color: "#e2777a" },
850
+ "attr-name": { color: "#e2777a" },
851
+ namespace: { color: "#e2777a" },
852
+ number: { color: "#e2777a" },
853
+ unit: { color: "#e2777a" },
854
+ hexcode: { color: "#e2777a" },
855
+ deleted: { color: "#e2777a" },
856
+ property: {
857
+ color: "#72f1b8",
858
+ textShadow: "0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"
859
+ },
860
+ selector: {
861
+ color: "#72f1b8",
862
+ textShadow: "0 0 2px #100c0f, 0 0 10px #257c5575, 0 0 35px #21272475"
863
+ },
864
+ "function-name": { color: "#6196cc" },
865
+ boolean: {
866
+ color: "#fdfdfd",
867
+ textShadow: "0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"
868
+ },
869
+ "selector .token.id": {
870
+ color: "#fdfdfd",
871
+ textShadow: "0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"
872
+ },
873
+ function: {
874
+ color: "#fdfdfd",
875
+ textShadow: "0 0 2px #001716, 0 0 3px #03edf975, 0 0 5px #03edf975, 0 0 8px #03edf975"
876
+ },
877
+ "class-name": {
878
+ color: "#fff5f6",
879
+ textShadow: "0 0 2px #000, 0 0 10px #fc1f2c75, 0 0 5px #fc1f2c75, 0 0 25px #fc1f2c75"
880
+ },
881
+ constant: {
882
+ color: "#f92aad",
883
+ textShadow: "0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"
884
+ },
885
+ symbol: {
886
+ color: "#f92aad",
887
+ textShadow: "0 0 2px #100c0f, 0 0 5px #dc078e33, 0 0 10px #fff3"
888
+ },
889
+ important: {
890
+ color: "#f4eee4",
891
+ textShadow: "0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575",
892
+ fontWeight: "bold"
893
+ },
894
+ atrule: {
895
+ color: "#f4eee4",
896
+ textShadow: "0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"
897
+ },
898
+ keyword: {
899
+ color: "#f4eee4",
900
+ textShadow: "0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"
901
+ },
902
+ "selector .token.class": {
903
+ color: "#f4eee4",
904
+ textShadow: "0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"
905
+ },
906
+ builtin: {
907
+ color: "#f4eee4",
908
+ textShadow: "0 0 2px #393a33, 0 0 8px #f39f0575, 0 0 2px #f39f0575"
909
+ },
910
+ string: { color: "#f87c32" },
911
+ char: { color: "#f87c32" },
912
+ "attr-value": { color: "#f87c32" },
913
+ regex: { color: "#f87c32" },
914
+ variable: { color: "#f87c32" },
915
+ operator: { color: "#67cdcc" },
916
+ entity: {
917
+ color: "#67cdcc",
918
+ cursor: "help"
919
+ },
920
+ url: { color: "#67cdcc" },
921
+ bold: { fontWeight: "bold" },
922
+ italic: { fontStyle: "italic" },
923
+ inserted: { color: "green" }
924
+ };
925
+ const materialOceanic = {
926
+ base: {
927
+ textAlign: "left",
928
+ whiteSpace: "pre",
929
+ wordSpacing: "normal",
930
+ wordBreak: "normal",
931
+ wordWrap: "normal",
932
+ color: "#c3cee3",
933
+ background: "#263238",
934
+ fontFamily: "Roboto Mono, monospace",
935
+ fontSize: "1em",
936
+ lineHeight: "1.5em",
937
+ MozTabSize: "4",
938
+ OTabSize: "4",
939
+ tabSize: "4",
940
+ WebkitHyphens: "none",
941
+ MozHyphens: "none",
942
+ hyphens: "none",
943
+ overflow: "auto",
944
+ position: "relative",
945
+ margin: "0.5em 0",
946
+ padding: "1.25em 1em"
947
+ },
948
+ atrule: { color: "#c792ea" },
949
+ "attr-name": { color: "#ffcb6b" },
950
+ "attr-value": { color: "#c3e88d" },
951
+ attribute: { color: "#c3e88d" },
952
+ boolean: { color: "#c792ea" },
953
+ builtin: { color: "#ffcb6b" },
954
+ cdata: { color: "#80cbc4" },
955
+ char: { color: "#80cbc4" },
956
+ class: { color: "#ffcb6b" },
957
+ "class-name": { color: "#f2ff00" },
958
+ color: { color: "#f2ff00" },
959
+ comment: { color: "#546e7a" },
960
+ constant: { color: "#c792ea" },
961
+ deleted: { color: "#f07178" },
962
+ doctype: { color: "#546e7a" },
963
+ entity: { color: "#f07178" },
964
+ function: { color: "#c792ea" },
965
+ hexcode: { color: "#f2ff00" },
966
+ id: {
967
+ color: "#c792ea",
968
+ fontWeight: "bold"
969
+ },
970
+ important: {
971
+ color: "#c792ea",
972
+ fontWeight: "bold"
973
+ },
974
+ inserted: { color: "#80cbc4" },
975
+ keyword: {
976
+ color: "#c792ea",
977
+ fontStyle: "italic"
978
+ },
979
+ number: { color: "#fd9170" },
980
+ operator: { color: "#89ddff" },
981
+ prolog: { color: "#546e7a" },
982
+ property: { color: "#80cbc4" },
983
+ "pseudo-class": { color: "#c3e88d" },
984
+ "pseudo-element": { color: "#c3e88d" },
985
+ punctuation: { color: "#89ddff" },
986
+ regex: { color: "#f2ff00" },
987
+ selector: { color: "#f07178" },
988
+ string: { color: "#c3e88d" },
989
+ symbol: { color: "#c792ea" },
990
+ tag: { color: "#f07178" },
991
+ unit: { color: "#f07178" },
992
+ url: { color: "#fd9170" },
993
+ variable: { color: "#f07178" }
994
+ };
995
+ const duotoneSpace = {
996
+ base: {
997
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
998
+ fontSize: "14px",
999
+ lineHeight: "1.375",
1000
+ direction: "ltr",
1001
+ textAlign: "left",
1002
+ whiteSpace: "pre",
1003
+ wordSpacing: "normal",
1004
+ wordBreak: "normal",
1005
+ MozTabSize: "4",
1006
+ OTabSize: "4",
1007
+ tabSize: "4",
1008
+ WebkitHyphens: "none",
1009
+ MozHyphens: "none",
1010
+ hyphens: "none",
1011
+ background: "#24242e",
1012
+ color: "#767693",
1013
+ padding: "1em",
1014
+ margin: ".5em 0",
1015
+ overflow: "auto"
1016
+ },
1017
+ comment: { color: "#5b5b76" },
1018
+ prolog: { color: "#5b5b76" },
1019
+ doctype: { color: "#5b5b76" },
1020
+ cdata: { color: "#5b5b76" },
1021
+ punctuation: { color: "#5b5b76" },
1022
+ namespace: { opacity: ".7" },
1023
+ tag: { color: "#dd672c" },
1024
+ operator: { color: "#dd672c" },
1025
+ number: { color: "#dd672c" },
1026
+ property: { color: "#767693" },
1027
+ function: { color: "#767693" },
1028
+ "tag-id": { color: "#ebebff" },
1029
+ selector: { color: "#ebebff" },
1030
+ "atrule-id": { color: "#ebebff" },
1031
+ "attr-name": { color: "#aaaaca" },
1032
+ boolean: { color: "#fe8c52" },
1033
+ string: { color: "#fe8c52" },
1034
+ entity: {
1035
+ color: "#fe8c52",
1036
+ cursor: "help"
1037
+ },
1038
+ url: { color: "#fe8c52" },
1039
+ "attr-value": { color: "#fe8c52" },
1040
+ keyword: { color: "#fe8c52" },
1041
+ control: { color: "#fe8c52" },
1042
+ directive: { color: "#fe8c52" },
1043
+ unit: { color: "#fe8c52" },
1044
+ statement: { color: "#fe8c52" },
1045
+ regex: { color: "#fe8c52" },
1046
+ atrule: { color: "#fe8c52" },
1047
+ placeholder: { color: "#fe8c52" },
1048
+ variable: { color: "#fe8c52" },
1049
+ deleted: { textDecoration: "line-through" },
1050
+ inserted: {
1051
+ borderBottom: "1px dotted #ebebff",
1052
+ textDecoration: "none"
1053
+ },
1054
+ italic: { fontStyle: "italic" },
1055
+ important: {
1056
+ fontWeight: "bold",
1057
+ color: "#aaaaca"
1058
+ },
1059
+ bold: { fontWeight: "bold" }
1060
+ };
1061
+ const materialLight = {
1062
+ base: {
1063
+ textAlign: "left",
1064
+ whiteSpace: "pre",
1065
+ wordSpacing: "normal",
1066
+ wordBreak: "normal",
1067
+ wordWrap: "normal",
1068
+ color: "#90a4ae",
1069
+ background: "#fafafa",
1070
+ fontFamily: "Roboto Mono, monospace",
1071
+ fontSize: "1em",
1072
+ lineHeight: "1.5em",
1073
+ MozTabSize: "4",
1074
+ OTabSize: "4",
1075
+ tabSize: "4",
1076
+ WebkitHyphens: "none",
1077
+ MozHyphens: "none",
1078
+ hyphens: "none",
1079
+ overflow: "auto",
1080
+ position: "relative",
1081
+ margin: "0.5em 0",
1082
+ padding: "1.25em 1em"
1083
+ },
1084
+ atrule: { color: "#7c4dff" },
1085
+ "attr-name": { color: "#39adb5" },
1086
+ "attr-value": { color: "#f6a434" },
1087
+ attribute: { color: "#f6a434" },
1088
+ boolean: { color: "#7c4dff" },
1089
+ builtin: { color: "#39adb5" },
1090
+ cdata: { color: "#39adb5" },
1091
+ char: { color: "#39adb5" },
1092
+ class: { color: "#39adb5" },
1093
+ "class-name": { color: "#6182b8" },
1094
+ comment: { color: "#aabfc9" },
1095
+ constant: { color: "#7c4dff" },
1096
+ deleted: { color: "#e53935" },
1097
+ doctype: { color: "#aabfc9" },
1098
+ entity: { color: "#e53935" },
1099
+ function: { color: "#7c4dff" },
1100
+ hexcode: { color: "#f76d47" },
1101
+ id: {
1102
+ color: "#7c4dff",
1103
+ fontWeight: "bold"
1104
+ },
1105
+ important: {
1106
+ color: "#7c4dff",
1107
+ fontWeight: "bold"
1108
+ },
1109
+ inserted: { color: "#39adb5" },
1110
+ keyword: { color: "#7c4dff" },
1111
+ number: { color: "#f76d47" },
1112
+ operator: { color: "#39adb5" },
1113
+ prolog: { color: "#aabfc9" },
1114
+ property: { color: "#39adb5" },
1115
+ "pseudo-class": { color: "#f6a434" },
1116
+ "pseudo-element": { color: "#f6a434" },
1117
+ punctuation: { color: "#39adb5" },
1118
+ regex: { color: "#6182b8" },
1119
+ selector: { color: "#e53935" },
1120
+ string: { color: "#f6a434" },
1121
+ symbol: { color: "#7c4dff" },
1122
+ tag: { color: "#e53935" },
1123
+ unit: { color: "#f76d47" },
1124
+ url: { color: "#e53935" },
1125
+ variable: { color: "#e53935" }
1126
+ };
1127
+ const duotoneSea = {
1128
+ base: {
1129
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
1130
+ fontSize: "14px",
1131
+ lineHeight: "1.375",
1132
+ direction: "ltr",
1133
+ textAlign: "left",
1134
+ whiteSpace: "pre",
1135
+ wordSpacing: "normal",
1136
+ wordBreak: "normal",
1137
+ MozTabSize: "4",
1138
+ OTabSize: "4",
1139
+ tabSize: "4",
1140
+ WebkitHyphens: "none",
1141
+ MozHyphens: "none",
1142
+ hyphens: "none",
1143
+ background: "#1d262f",
1144
+ color: "#57718e",
1145
+ padding: "1em",
1146
+ margin: ".5em 0",
1147
+ overflow: "auto"
1148
+ },
1149
+ comment: { color: "#4a5f78" },
1150
+ prolog: { color: "#4a5f78" },
1151
+ doctype: { color: "#4a5f78" },
1152
+ cdata: { color: "#4a5f78" },
1153
+ punctuation: { color: "#4a5f78" },
1154
+ namespace: { opacity: ".7" },
1155
+ tag: { color: "#0aa370" },
1156
+ operator: { color: "#0aa370" },
1157
+ number: { color: "#0aa370" },
1158
+ property: { color: "#57718e" },
1159
+ function: { color: "#57718e" },
1160
+ "tag-id": { color: "#ebf4ff" },
1161
+ selector: { color: "#ebf4ff" },
1162
+ "atrule-id": { color: "#ebf4ff" },
1163
+ "attr-name": { color: "#7eb6f6" },
1164
+ boolean: { color: "#47ebb4" },
1165
+ string: { color: "#47ebb4" },
1166
+ entity: {
1167
+ color: "#47ebb4",
1168
+ cursor: "help"
1169
+ },
1170
+ url: { color: "#47ebb4" },
1171
+ "attr-value": { color: "#47ebb4" },
1172
+ keyword: { color: "#47ebb4" },
1173
+ control: { color: "#47ebb4" },
1174
+ directive: { color: "#47ebb4" },
1175
+ unit: { color: "#47ebb4" },
1176
+ statement: { color: "#47ebb4" },
1177
+ regex: { color: "#47ebb4" },
1178
+ atrule: { color: "#47ebb4" },
1179
+ placeholder: { color: "#47ebb4" },
1180
+ variable: { color: "#47ebb4" },
1181
+ deleted: { textDecoration: "line-through" },
1182
+ inserted: {
1183
+ borderBottom: "1px dotted #ebf4ff",
1184
+ textDecoration: "none"
1185
+ },
1186
+ italic: { fontStyle: "italic" },
1187
+ important: {
1188
+ fontWeight: "bold",
1189
+ color: "#7eb6f6"
1190
+ },
1191
+ bold: { fontWeight: "bold" }
1192
+ };
1193
+ const a11yDark = {
1194
+ base: {
1195
+ color: "#f8f8f2",
1196
+ background: "#2b2b2b",
1197
+ fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
1198
+ textAlign: "left",
1199
+ whiteSpace: "pre",
1200
+ wordSpacing: "normal",
1201
+ wordBreak: "normal",
1202
+ wordWrap: "normal",
1203
+ lineHeight: "1.5",
1204
+ MozTabSize: "4",
1205
+ OTabSize: "4",
1206
+ tabSize: "4",
1207
+ WebkitHyphens: "none",
1208
+ MozHyphens: "none",
1209
+ hyphens: "none",
1210
+ padding: "1em",
1211
+ margin: "0.5em 0",
1212
+ overflow: "auto",
1213
+ borderRadius: "0.3em"
1214
+ },
1215
+ comment: { color: "#d4d0ab" },
1216
+ prolog: { color: "#d4d0ab" },
1217
+ doctype: { color: "#d4d0ab" },
1218
+ cdata: { color: "#d4d0ab" },
1219
+ punctuation: { color: "#fefefe" },
1220
+ property: { color: "#ffa07a" },
1221
+ tag: { color: "#ffa07a" },
1222
+ constant: { color: "#ffa07a" },
1223
+ symbol: { color: "#ffa07a" },
1224
+ deleted: { color: "#ffa07a" },
1225
+ boolean: { color: "#00e0e0" },
1226
+ number: { color: "#00e0e0" },
1227
+ selector: { color: "#abe338" },
1228
+ "attr-name": { color: "#abe338" },
1229
+ string: { color: "#abe338" },
1230
+ char: { color: "#abe338" },
1231
+ builtin: { color: "#abe338" },
1232
+ inserted: { color: "#abe338" },
1233
+ operator: { color: "#00e0e0" },
1234
+ entity: {
1235
+ color: "#00e0e0",
1236
+ cursor: "help"
1237
+ },
1238
+ url: { color: "#00e0e0" },
1239
+ variable: { color: "#00e0e0" },
1240
+ atrule: { color: "#ffd700" },
1241
+ "attr-value": { color: "#ffd700" },
1242
+ function: { color: "#ffd700" },
1243
+ keyword: { color: "#00e0e0" },
1244
+ regex: { color: "#ffd700" },
1245
+ important: {
1246
+ color: "#ffd700",
1247
+ fontWeight: "bold"
1248
+ },
1249
+ bold: { fontWeight: "bold" },
1250
+ italic: { fontStyle: "italic" }
1251
+ };
1252
+ const darcula = {
1253
+ base: {
1254
+ color: "#a9b7c6",
1255
+ fontFamily: "Consolas, Monaco, 'Andale Mono', monospace",
1256
+ direction: "ltr",
1257
+ textAlign: "left",
1258
+ whiteSpace: "pre",
1259
+ wordSpacing: "normal",
1260
+ wordBreak: "normal",
1261
+ lineHeight: "1.5",
1262
+ MozTabSize: "4",
1263
+ OTabSize: "4",
1264
+ tabSize: "4",
1265
+ WebkitHyphens: "none",
1266
+ MozHyphens: "none",
1267
+ hyphens: "none",
1268
+ padding: "1em",
1269
+ margin: ".5em 0",
1270
+ overflow: "auto",
1271
+ background: "#2b2b2b"
1272
+ },
1273
+ comment: { color: "#808080" },
1274
+ prolog: { color: "#808080" },
1275
+ cdata: { color: "#808080" },
1276
+ delimiter: { color: "#cc7832" },
1277
+ boolean: { color: "#cc7832" },
1278
+ keyword: { color: "#cc7832" },
1279
+ selector: { color: "#cc7832" },
1280
+ important: { color: "#cc7832" },
1281
+ atrule: { color: "#cc7832" },
1282
+ operator: { color: "#a9b7c6" },
1283
+ punctuation: { color: "#a9b7c6" },
1284
+ "attr-name": { color: "#a9b7c6" },
1285
+ tag: { color: "#e8bf6a" },
1286
+ "tag .punctuation": { color: "#e8bf6a" },
1287
+ doctype: { color: "#e8bf6a" },
1288
+ builtin: { color: "#e8bf6a" },
1289
+ entity: { color: "#6897bb" },
1290
+ number: { color: "#6897bb" },
1291
+ symbol: { color: "#6897bb" },
1292
+ property: { color: "#9876aa" },
1293
+ constant: { color: "#9876aa" },
1294
+ variable: { color: "#9876aa" },
1295
+ string: { color: "#6a8759" },
1296
+ char: { color: "#6a8759" },
1297
+ "attr-value": { color: "#a5c261" },
1298
+ "attr-value .punctuation": { color: "#a5c261" },
1299
+ "attr-value .punctuation:first-child": { color: "#a9b7c6" },
1300
+ url: {
1301
+ color: "#287bde",
1302
+ textDecoration: "underline"
1303
+ },
1304
+ function: { color: "#ffc66d" },
1305
+ regex: { background: "#364135" },
1306
+ bold: { fontWeight: "bold" },
1307
+ italic: { fontStyle: "italic" },
1308
+ inserted: { background: "#294436" },
1309
+ deleted: { background: "#484a4a" }
1310
+ };
1311
+ const zTouch = {
1312
+ base: {
1313
+ color: "white",
1314
+ fontFamily: "monospace",
1315
+ textAlign: "left",
1316
+ whiteSpace: "pre",
1317
+ wordSpacing: "normal",
1318
+ wordBreak: "normal",
1319
+ wordWrap: "normal",
1320
+ MozTabSize: "4",
1321
+ OTabSize: "4",
1322
+ tabSize: "4",
1323
+ WebkitHyphens: "none",
1324
+ MozHyphens: "none",
1325
+ hyphens: "none",
1326
+ lineHeight: "25px",
1327
+ fontSize: "18px",
1328
+ margin: "0.5em 0",
1329
+ background: "#0a143c",
1330
+ padding: "1em",
1331
+ overflow: "auto"
1332
+ },
1333
+ comment: {
1334
+ color: "rgb(99, 119, 119)",
1335
+ fontStyle: "italic"
1336
+ },
1337
+ prolog: {
1338
+ color: "rgb(99, 119, 119)",
1339
+ fontStyle: "italic"
1340
+ },
1341
+ cdata: {
1342
+ color: "rgb(99, 119, 119)",
1343
+ fontStyle: "italic"
1344
+ },
1345
+ punctuation: { color: "rgb(199, 146, 234)" },
1346
+ deleted: {
1347
+ color: "rgba(239, 83, 80, 0.56)",
1348
+ fontStyle: "italic"
1349
+ },
1350
+ symbol: { color: "rgb(128, 203, 196)" },
1351
+ property: { color: "rgb(128, 203, 196)" },
1352
+ tag: { color: "rgb(127, 219, 202)" },
1353
+ operator: { color: "rgb(127, 219, 202)" },
1354
+ keyword: { color: "rgb(127, 219, 202)" },
1355
+ boolean: { color: "rgb(255, 88, 116)" },
1356
+ number: { color: "rgb(247, 140, 108)" },
1357
+ constant: { color: "rgb(34 183 199)" },
1358
+ function: { color: "rgb(34 183 199)" },
1359
+ builtin: { color: "rgb(34 183 199)" },
1360
+ char: { color: "rgb(34 183 199)" },
1361
+ selector: {
1362
+ color: "rgb(199, 146, 234)",
1363
+ fontStyle: "italic"
1364
+ },
1365
+ doctype: {
1366
+ color: "rgb(199, 146, 234)",
1367
+ fontStyle: "italic"
1368
+ },
1369
+ "attr-name": {
1370
+ color: "rgb(173, 219, 103)",
1371
+ fontStyle: "italic"
1372
+ },
1373
+ inserted: {
1374
+ color: "rgb(173, 219, 103)",
1375
+ fontStyle: "italic"
1376
+ },
1377
+ string: { color: "rgb(173, 219, 103)" },
1378
+ url: { color: "rgb(173, 219, 103)" },
1379
+ entity: { color: "rgb(173, 219, 103)" },
1380
+ "class-name": { color: "rgb(255, 203, 139)" },
1381
+ atrule: { color: "rgb(255, 203, 139)" },
1382
+ "attr-value": { color: "rgb(255, 203, 139)" },
1383
+ regex: { color: "rgb(214, 222, 235)" },
1384
+ important: {
1385
+ color: "rgb(214, 222, 235)",
1386
+ fontWeight: "bold"
1387
+ },
1388
+ variable: { color: "rgb(214, 222, 235)" },
1389
+ bold: { fontWeight: "bold" },
1390
+ italic: { fontStyle: "italic" }
1391
+ };
1392
+ const duotoneEarth = {
1393
+ base: {
1394
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
1395
+ fontSize: "14px",
1396
+ lineHeight: "1.375",
1397
+ direction: "ltr",
1398
+ textAlign: "left",
1399
+ whiteSpace: "pre",
1400
+ wordSpacing: "normal",
1401
+ wordBreak: "normal",
1402
+ MozTabSize: "4",
1403
+ OTabSize: "4",
1404
+ tabSize: "4",
1405
+ WebkitHyphens: "none",
1406
+ MozHyphens: "none",
1407
+ hyphens: "none",
1408
+ background: "#322d29",
1409
+ color: "#88786d",
1410
+ padding: "1em",
1411
+ margin: ".5em 0",
1412
+ overflow: "auto"
1413
+ },
1414
+ comment: { color: "#6a5f58" },
1415
+ prolog: { color: "#6a5f58" },
1416
+ doctype: { color: "#6a5f58" },
1417
+ cdata: { color: "#6a5f58" },
1418
+ punctuation: { color: "#6a5f58" },
1419
+ namespace: { opacity: ".7" },
1420
+ tag: { color: "#bfa05a" },
1421
+ operator: { color: "#bfa05a" },
1422
+ number: { color: "#bfa05a" },
1423
+ property: { color: "#88786d" },
1424
+ function: { color: "#88786d" },
1425
+ "tag-id": { color: "#fff3eb" },
1426
+ selector: { color: "#fff3eb" },
1427
+ "atrule-id": { color: "#fff3eb" },
1428
+ "attr-name": { color: "#a48774" },
1429
+ boolean: { color: "#fcc440" },
1430
+ string: { color: "#fcc440" },
1431
+ entity: {
1432
+ color: "#fcc440",
1433
+ cursor: "help"
1434
+ },
1435
+ url: { color: "#fcc440" },
1436
+ "attr-value": { color: "#fcc440" },
1437
+ keyword: { color: "#fcc440" },
1438
+ control: { color: "#fcc440" },
1439
+ directive: { color: "#fcc440" },
1440
+ unit: { color: "#fcc440" },
1441
+ statement: { color: "#fcc440" },
1442
+ regex: { color: "#fcc440" },
1443
+ atrule: { color: "#fcc440" },
1444
+ placeholder: { color: "#fcc440" },
1445
+ variable: { color: "#fcc440" },
1446
+ deleted: { textDecoration: "line-through" },
1447
+ inserted: {
1448
+ borderBottom: "1px dotted #fff3eb",
1449
+ textDecoration: "none"
1450
+ },
1451
+ italic: { fontStyle: "italic" },
1452
+ important: {
1453
+ fontWeight: "bold",
1454
+ color: "#a48774"
1455
+ },
1456
+ bold: { fontWeight: "bold" }
1457
+ };
1458
+ const gruvboxLight = {
1459
+ base: {
1460
+ color: "#3c3836",
1461
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", monospace",
1462
+ direction: "ltr",
1463
+ textAlign: "left",
1464
+ whiteSpace: "pre",
1465
+ wordSpacing: "normal",
1466
+ wordBreak: "normal",
1467
+ lineHeight: "1.5",
1468
+ MozTabSize: "4",
1469
+ OTabSize: "4",
1470
+ tabSize: "4",
1471
+ WebkitHyphens: "none",
1472
+ MozHyphens: "none",
1473
+ hyphens: "none",
1474
+ padding: "1em",
1475
+ margin: "0.5em 0",
1476
+ overflow: "auto",
1477
+ background: "#f9f5d7"
1478
+ },
1479
+ comment: { color: "#7c6f64" },
1480
+ prolog: { color: "#7c6f64" },
1481
+ cdata: { color: "#7c6f64" },
1482
+ delimiter: { color: "#9d0006" },
1483
+ boolean: { color: "#9d0006" },
1484
+ keyword: { color: "#9d0006" },
1485
+ selector: { color: "#9d0006" },
1486
+ important: { color: "#9d0006" },
1487
+ atrule: { color: "#9d0006" },
1488
+ operator: { color: "#7c6f64" },
1489
+ punctuation: { color: "#7c6f64" },
1490
+ "attr-name": { color: "#7c6f64" },
1491
+ tag: { color: "#b57614" },
1492
+ "tag .punctuation": { color: "#b57614" },
1493
+ doctype: { color: "#b57614" },
1494
+ builtin: { color: "#b57614" },
1495
+ entity: { color: "#8f3f71" },
1496
+ number: { color: "#8f3f71" },
1497
+ symbol: { color: "#8f3f71" },
1498
+ property: { color: "#9d0006" },
1499
+ constant: { color: "#9d0006" },
1500
+ variable: { color: "#9d0006" },
1501
+ string: { color: "#797403" },
1502
+ char: { color: "#797403" },
1503
+ "attr-value": { color: "#7c6f64" },
1504
+ "attr-value .punctuation": { color: "#7c6f64" },
1505
+ url: {
1506
+ color: "#797403",
1507
+ textDecoration: "underline"
1508
+ },
1509
+ function: { color: "#b57614" },
1510
+ regex: { background: "#797403" },
1511
+ bold: { fontWeight: "bold" },
1512
+ italic: { fontStyle: "italic" },
1513
+ inserted: { background: "#7c6f64" },
1514
+ deleted: { background: "#9d0006" }
1515
+ };
1516
+ const oneDark = {
1517
+ base: {
1518
+ background: "hsl(220, 13%, 18%)",
1519
+ color: "hsl(220, 14%, 71%)",
1520
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
1521
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
1522
+ direction: "ltr",
1523
+ textAlign: "left",
1524
+ whiteSpace: "pre",
1525
+ wordSpacing: "normal",
1526
+ wordBreak: "normal",
1527
+ lineHeight: "1.5",
1528
+ MozTabSize: "2",
1529
+ OTabSize: "2",
1530
+ tabSize: "2",
1531
+ WebkitHyphens: "none",
1532
+ MozHyphens: "none",
1533
+ hyphens: "none",
1534
+ padding: "1em",
1535
+ margin: "0.5em 0",
1536
+ overflow: "auto",
1537
+ borderRadius: "0.3em"
1538
+ },
1539
+ comment: {
1540
+ color: "hsl(220, 10%, 40%)",
1541
+ fontStyle: "italic"
1542
+ },
1543
+ prolog: { color: "hsl(220, 10%, 40%)" },
1544
+ cdata: { color: "hsl(220, 10%, 40%)" },
1545
+ doctype: { color: "hsl(220, 14%, 71%)" },
1546
+ punctuation: { color: "hsl(220, 14%, 71%)" },
1547
+ entity: {
1548
+ color: "hsl(220, 14%, 71%)",
1549
+ cursor: "help"
1550
+ },
1551
+ "attr-name": { color: "hsl(29, 54%, 61%)" },
1552
+ "class-name": { color: "hsl(29, 54%, 61%)" },
1553
+ boolean: { color: "hsl(29, 54%, 61%)" },
1554
+ constant: { color: "hsl(29, 54%, 61%)" },
1555
+ number: { color: "hsl(29, 54%, 61%)" },
1556
+ atrule: { color: "hsl(29, 54%, 61%)" },
1557
+ keyword: { color: "hsl(286, 60%, 67%)" },
1558
+ property: { color: "hsl(355, 65%, 65%)" },
1559
+ tag: { color: "hsl(355, 65%, 65%)" },
1560
+ symbol: { color: "hsl(355, 65%, 65%)" },
1561
+ deleted: { color: "hsl(355, 65%, 65%)" },
1562
+ important: { color: "hsl(355, 65%, 65%)" },
1563
+ selector: { color: "hsl(95, 38%, 62%)" },
1564
+ string: { color: "hsl(95, 38%, 62%)" },
1565
+ char: { color: "hsl(95, 38%, 62%)" },
1566
+ builtin: { color: "hsl(95, 38%, 62%)" },
1567
+ inserted: { color: "hsl(95, 38%, 62%)" },
1568
+ regex: { color: "hsl(95, 38%, 62%)" },
1569
+ "attr-value": { color: "hsl(95, 38%, 62%)" },
1570
+ "attr-value > .token.punctuation": { color: "hsl(95, 38%, 62%)" },
1571
+ variable: { color: "hsl(207, 82%, 66%)" },
1572
+ operator: { color: "hsl(207, 82%, 66%)" },
1573
+ function: { color: "hsl(207, 82%, 66%)" },
1574
+ url: { color: "hsl(187, 47%, 55%)" },
1575
+ "attr-value > .token.punctuation.attr-equals": { color: "hsl(220, 14%, 71%)" },
1576
+ "special-attr > .token.attr-value > .token.value.css": { color: "hsl(220, 14%, 71%)" },
1577
+ bold: { fontWeight: "bold" },
1578
+ italic: { fontStyle: "italic" },
1579
+ namespace: { opacity: "0.8" },
1580
+ "token.tab:not(:empty):before": {
1581
+ color: "hsla(220, 14%, 71%, 0.15)",
1582
+ textShadow: "none"
1583
+ },
1584
+ "token.cr:before": {
1585
+ color: "hsla(220, 14%, 71%, 0.15)",
1586
+ textShadow: "none"
1587
+ },
1588
+ "token.lf:before": {
1589
+ color: "hsla(220, 14%, 71%, 0.15)",
1590
+ textShadow: "none"
1591
+ },
1592
+ "token.space:before": {
1593
+ color: "hsla(220, 14%, 71%, 0.15)",
1594
+ textShadow: "none"
1595
+ }
1596
+ };
1597
+ const duotoneDark = {
1598
+ base: {
1599
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
1600
+ fontSize: "14px",
1601
+ lineHeight: "1.375",
1602
+ direction: "ltr",
1603
+ textAlign: "left",
1604
+ whiteSpace: "pre",
1605
+ wordSpacing: "normal",
1606
+ wordBreak: "normal",
1607
+ MozTabSize: "4",
1608
+ OTabSize: "4",
1609
+ tabSize: "4",
1610
+ WebkitHyphens: "none",
1611
+ MozHyphens: "none",
1612
+ hyphens: "none",
1613
+ background: "#2a2734",
1614
+ color: "#9a86fd",
1615
+ padding: "1em",
1616
+ margin: ".5em 0",
1617
+ overflow: "auto"
1618
+ },
1619
+ comment: { color: "#6c6783" },
1620
+ prolog: { color: "#6c6783" },
1621
+ doctype: { color: "#6c6783" },
1622
+ cdata: { color: "#6c6783" },
1623
+ punctuation: { color: "#6c6783" },
1624
+ namespace: { opacity: ".7" },
1625
+ tag: { color: "#e09142" },
1626
+ operator: { color: "#e09142" },
1627
+ number: { color: "#e09142" },
1628
+ property: { color: "#9a86fd" },
1629
+ function: { color: "#9a86fd" },
1630
+ "tag-id": { color: "#eeebff" },
1631
+ selector: { color: "#eeebff" },
1632
+ "atrule-id": { color: "#eeebff" },
1633
+ "attr-name": { color: "#c4b9fe" },
1634
+ boolean: { color: "#ffcc99" },
1635
+ string: { color: "#ffcc99" },
1636
+ entity: {
1637
+ color: "#ffcc99",
1638
+ cursor: "help"
1639
+ },
1640
+ url: { color: "#ffcc99" },
1641
+ "attr-value": { color: "#ffcc99" },
1642
+ keyword: { color: "#ffcc99" },
1643
+ control: { color: "#ffcc99" },
1644
+ directive: { color: "#ffcc99" },
1645
+ unit: { color: "#ffcc99" },
1646
+ statement: { color: "#ffcc99" },
1647
+ regex: { color: "#ffcc99" },
1648
+ atrule: { color: "#ffcc99" },
1649
+ placeholder: { color: "#ffcc99" },
1650
+ variable: { color: "#ffcc99" },
1651
+ deleted: { textDecoration: "line-through" },
1652
+ inserted: {
1653
+ borderBottom: "1px dotted #eeebff",
1654
+ textDecoration: "none"
1655
+ },
1656
+ italic: { fontStyle: "italic" },
1657
+ important: {
1658
+ fontWeight: "bold",
1659
+ color: "#c4b9fe"
1660
+ },
1661
+ bold: { fontWeight: "bold" }
1662
+ };
1663
+ const lucario = {
1664
+ base: {
1665
+ color: "#f8f8f2",
1666
+ background: "#263E52",
1667
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
1668
+ fontFamily: "Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', monospace",
1669
+ textAlign: "left",
1670
+ whiteSpace: "pre",
1671
+ wordSpacing: "normal",
1672
+ wordBreak: "normal",
1673
+ wordWrap: "normal",
1674
+ lineHeight: "1.5",
1675
+ MozTabSize: "4",
1676
+ OTabSize: "4",
1677
+ tabSize: "4",
1678
+ WebkitHyphens: "none",
1679
+ MozHyphens: "none",
1680
+ hyphens: "none",
1681
+ padding: "1em",
1682
+ margin: ".5em 0",
1683
+ overflow: "auto",
1684
+ borderRadius: "0.3em"
1685
+ },
1686
+ comment: { color: "#5c98cd" },
1687
+ prolog: { color: "#5c98cd" },
1688
+ doctype: { color: "#5c98cd" },
1689
+ cdata: { color: "#5c98cd" },
1690
+ punctuation: { color: "#f8f8f2" },
1691
+ property: { color: "#F05E5D" },
1692
+ tag: { color: "#F05E5D" },
1693
+ constant: { color: "#F05E5D" },
1694
+ symbol: { color: "#F05E5D" },
1695
+ deleted: { color: "#F05E5D" },
1696
+ boolean: { color: "#BC94F9" },
1697
+ number: { color: "#BC94F9" },
1698
+ selector: { color: "#FCFCD6" },
1699
+ "attr-name": { color: "#FCFCD6" },
1700
+ string: { color: "#FCFCD6" },
1701
+ char: { color: "#FCFCD6" },
1702
+ builtin: { color: "#FCFCD6" },
1703
+ inserted: { color: "#FCFCD6" },
1704
+ operator: { color: "#f8f8f2" },
1705
+ entity: {
1706
+ color: "#f8f8f2",
1707
+ cursor: "help"
1708
+ },
1709
+ url: { color: "#f8f8f2" },
1710
+ variable: { color: "#f8f8f2" },
1711
+ atrule: { color: "#66D8EF" },
1712
+ "attr-value": { color: "#66D8EF" },
1713
+ function: { color: "#66D8EF" },
1714
+ "class-name": { color: "#66D8EF" },
1715
+ keyword: { color: "#6EB26E" },
1716
+ regex: { color: "#F05E5D" },
1717
+ important: {
1718
+ color: "#F05E5D",
1719
+ fontWeight: "bold"
1720
+ },
1721
+ bold: { fontWeight: "bold" },
1722
+ italic: { fontStyle: "italic" }
1723
+ };
1724
+ const coldarkDark = {
1725
+ base: {
1726
+ color: "#e3eaf2",
1727
+ background: "#111b27",
1728
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace",
1729
+ textAlign: "left",
1730
+ whiteSpace: "pre",
1731
+ wordSpacing: "normal",
1732
+ wordBreak: "normal",
1733
+ wordWrap: "normal",
1734
+ lineHeight: "1.5",
1735
+ MozTabSize: "4",
1736
+ OTabSize: "4",
1737
+ tabSize: "4",
1738
+ WebkitHyphens: "none",
1739
+ MozHyphens: "none",
1740
+ hyphens: "none",
1741
+ padding: "1em",
1742
+ margin: "0.5em 0",
1743
+ overflow: "auto"
1744
+ },
1745
+ comment: { color: "#8da1b9" },
1746
+ prolog: { color: "#8da1b9" },
1747
+ doctype: { color: "#8da1b9" },
1748
+ cdata: { color: "#8da1b9" },
1749
+ punctuation: { color: "#e3eaf2" },
1750
+ "delimiter.important": {
1751
+ color: "#66cccc",
1752
+ fontWeight: "inherit"
1753
+ },
1754
+ "selector .parent": { color: "#66cccc" },
1755
+ tag: { color: "#66cccc" },
1756
+ "tag .token.punctuation": { color: "#66cccc" },
1757
+ "attr-name": { color: "#e6d37a" },
1758
+ boolean: { color: "#e6d37a" },
1759
+ "boolean.important": { color: "#e6d37a" },
1760
+ number: { color: "#e6d37a" },
1761
+ constant: { color: "#e6d37a" },
1762
+ "selector .token.attribute": { color: "#e6d37a" },
1763
+ "class-name": { color: "#6cb8e6" },
1764
+ key: { color: "#6cb8e6" },
1765
+ parameter: { color: "#6cb8e6" },
1766
+ property: { color: "#6cb8e6" },
1767
+ "property-access": { color: "#6cb8e6" },
1768
+ variable: { color: "#6cb8e6" },
1769
+ "attr-value": { color: "#91d076" },
1770
+ inserted: { color: "#91d076" },
1771
+ color: { color: "#91d076" },
1772
+ "selector .token.value": { color: "#91d076" },
1773
+ string: { color: "#91d076" },
1774
+ "string .token.url-link": { color: "#91d076" },
1775
+ builtin: { color: "#f4adf4" },
1776
+ "keyword-array": { color: "#f4adf4" },
1777
+ package: { color: "#f4adf4" },
1778
+ regex: { color: "#f4adf4" },
1779
+ function: { color: "#c699e3" },
1780
+ "selector .token.class": { color: "#c699e3" },
1781
+ "selector .token.id": { color: "#c699e3" },
1782
+ "atrule .token.rule": { color: "#e9ae7e" },
1783
+ combinator: { color: "#e9ae7e" },
1784
+ keyword: { color: "#e9ae7e" },
1785
+ operator: { color: "#e9ae7e" },
1786
+ "pseudo-class": { color: "#e9ae7e" },
1787
+ "pseudo-element": { color: "#e9ae7e" },
1788
+ selector: { color: "#e9ae7e" },
1789
+ unit: { color: "#e9ae7e" },
1790
+ deleted: { color: "#cd6660" },
1791
+ important: {
1792
+ color: "#cd6660",
1793
+ fontWeight: "bold"
1794
+ },
1795
+ "keyword-this": {
1796
+ color: "#6cb8e6",
1797
+ fontWeight: "bold"
1798
+ },
1799
+ this: {
1800
+ color: "#6cb8e6",
1801
+ fontWeight: "bold"
1802
+ },
1803
+ bold: { fontWeight: "bold" },
1804
+ italic: { fontStyle: "italic" },
1805
+ entity: { cursor: "help" },
1806
+ "token.tab:not(:empty):before": { color: "#8da1b9" },
1807
+ "token.cr:before": { color: "#8da1b9" },
1808
+ "token.lf:before": { color: "#8da1b9" },
1809
+ "token.space:before": { color: "#8da1b9" }
1810
+ };
1811
+ const atomDark = {
1812
+ base: {
1813
+ color: "#c5c8c6",
1814
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
1815
+ fontFamily: "Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace",
1816
+ direction: "ltr",
1817
+ textAlign: "left",
1818
+ whiteSpace: "pre",
1819
+ wordSpacing: "normal",
1820
+ wordBreak: "normal",
1821
+ lineHeight: "1.5",
1822
+ MozTabSize: "4",
1823
+ OTabSize: "4",
1824
+ tabSize: "4",
1825
+ WebkitHyphens: "none",
1826
+ MozHyphens: "none",
1827
+ hyphens: "none",
1828
+ padding: "1em",
1829
+ margin: ".5em 0",
1830
+ overflow: "auto",
1831
+ borderRadius: "0.3em",
1832
+ background: "#1d1f21"
1833
+ },
1834
+ comment: { color: "#7C7C7C" },
1835
+ prolog: { color: "#7C7C7C" },
1836
+ doctype: { color: "#7C7C7C" },
1837
+ cdata: { color: "#7C7C7C" },
1838
+ punctuation: { color: "#c5c8c6" },
1839
+ property: { color: "#96CBFE" },
1840
+ keyword: { color: "#96CBFE" },
1841
+ tag: { color: "#96CBFE" },
1842
+ "class-name": {
1843
+ color: "#FFFFB6",
1844
+ textDecoration: "underline"
1845
+ },
1846
+ boolean: { color: "#99CC99" },
1847
+ constant: { color: "#99CC99" },
1848
+ symbol: { color: "#f92672" },
1849
+ deleted: { color: "#f92672" },
1850
+ number: { color: "#FF73FD" },
1851
+ selector: { color: "#A8FF60" },
1852
+ "attr-name": { color: "#A8FF60" },
1853
+ string: { color: "#A8FF60" },
1854
+ char: { color: "#A8FF60" },
1855
+ builtin: { color: "#A8FF60" },
1856
+ inserted: { color: "#A8FF60" },
1857
+ variable: { color: "#C6C5FE" },
1858
+ operator: { color: "#EDEDED" },
1859
+ entity: {
1860
+ color: "#FFFFB6",
1861
+ cursor: "help"
1862
+ },
1863
+ url: { color: "#96CBFE" },
1864
+ atrule: { color: "#F9EE98" },
1865
+ "attr-value": { color: "#F9EE98" },
1866
+ function: { color: "#DAD085" },
1867
+ regex: { color: "#E9C062" },
1868
+ important: {
1869
+ color: "#fd971f",
1870
+ fontWeight: "bold"
1871
+ },
1872
+ bold: { fontWeight: "bold" },
1873
+ italic: { fontStyle: "italic" }
1874
+ };
1875
+ const pojoaque = {
1876
+ base: {
1877
+ MozTabSize: "4",
1878
+ OTabSize: "4",
1879
+ tabSize: "4",
1880
+ WebkitHyphens: "none",
1881
+ MozHyphens: "none",
1882
+ hyphens: "none",
1883
+ whiteSpace: "pre-wrap",
1884
+ wordBreak: "break-all",
1885
+ wordWrap: "break-word",
1886
+ fontFamily: "Menlo, Monaco, \"Courier New\", monospace",
1887
+ fontSize: "15px",
1888
+ lineHeight: "1.5",
1889
+ color: "#DCCF8F",
1890
+ textShadow: "0",
1891
+ borderRadius: "5px",
1892
+ border: "1px solid #000",
1893
+ background: "#181914 url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==') repeat left top",
1894
+ padding: "12px",
1895
+ overflow: "auto"
1896
+ },
1897
+ namespace: { opacity: ".7" },
1898
+ comment: {
1899
+ color: "#586e75",
1900
+ fontStyle: "italic"
1901
+ },
1902
+ prolog: {
1903
+ color: "#586e75",
1904
+ fontStyle: "italic"
1905
+ },
1906
+ doctype: {
1907
+ color: "#586e75",
1908
+ fontStyle: "italic"
1909
+ },
1910
+ cdata: {
1911
+ color: "#586e75",
1912
+ fontStyle: "italic"
1913
+ },
1914
+ number: { color: "#b89859" },
1915
+ string: { color: "#468966" },
1916
+ char: { color: "#468966" },
1917
+ builtin: { color: "#468966" },
1918
+ inserted: { color: "#468966" },
1919
+ "attr-name": { color: "#b89859" },
1920
+ operator: { color: "#dccf8f" },
1921
+ entity: {
1922
+ color: "#dccf8f",
1923
+ cursor: "help"
1924
+ },
1925
+ url: { color: "#dccf8f" },
1926
+ selector: { color: "#859900" },
1927
+ regex: { color: "#859900" },
1928
+ atrule: { color: "#cb4b16" },
1929
+ keyword: { color: "#cb4b16" },
1930
+ "attr-value": { color: "#468966" },
1931
+ function: { color: "#b58900" },
1932
+ variable: { color: "#b58900" },
1933
+ placeholder: { color: "#b58900" },
1934
+ property: { color: "#b89859" },
1935
+ tag: { color: "#ffb03b" },
1936
+ boolean: { color: "#b89859" },
1937
+ constant: { color: "#b89859" },
1938
+ symbol: { color: "#b89859" },
1939
+ important: { color: "#dc322f" },
1940
+ statement: { color: "#dc322f" },
1941
+ deleted: { color: "#dc322f" },
1942
+ punctuation: { color: "#dccf8f" },
1943
+ bold: { fontWeight: "bold" },
1944
+ italic: { fontStyle: "italic" }
1945
+ };
1946
+ const duotoneLight = {
1947
+ base: {
1948
+ fontFamily: "Consolas, Menlo, Monaco, \"Andale Mono WT\", \"Andale Mono\", \"Lucida Console\", \"Lucida Sans Typewriter\", \"DejaVu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Liberation Mono\", \"Nimbus Mono L\", \"Courier New\", Courier, monospace",
1949
+ fontSize: "14px",
1950
+ lineHeight: "1.375",
1951
+ direction: "ltr",
1952
+ textAlign: "left",
1953
+ whiteSpace: "pre",
1954
+ wordSpacing: "normal",
1955
+ wordBreak: "normal",
1956
+ MozTabSize: "4",
1957
+ OTabSize: "4",
1958
+ tabSize: "4",
1959
+ WebkitHyphens: "none",
1960
+ MozHyphens: "none",
1961
+ hyphens: "none",
1962
+ background: "#faf8f5",
1963
+ color: "#728fcb",
1964
+ padding: "1em",
1965
+ margin: ".5em 0",
1966
+ overflow: "auto"
1967
+ },
1968
+ comment: { color: "#b6ad9a" },
1969
+ prolog: { color: "#b6ad9a" },
1970
+ doctype: { color: "#b6ad9a" },
1971
+ cdata: { color: "#b6ad9a" },
1972
+ punctuation: { color: "#b6ad9a" },
1973
+ namespace: { opacity: ".7" },
1974
+ tag: { color: "#063289" },
1975
+ operator: { color: "#063289" },
1976
+ number: { color: "#063289" },
1977
+ property: { color: "#b29762" },
1978
+ function: { color: "#b29762" },
1979
+ "tag-id": { color: "#2d2006" },
1980
+ selector: { color: "#2d2006" },
1981
+ "atrule-id": { color: "#2d2006" },
1982
+ "attr-name": { color: "#896724" },
1983
+ boolean: { color: "#728fcb" },
1984
+ string: { color: "#728fcb" },
1985
+ entity: {
1986
+ color: "#728fcb",
1987
+ cursor: "help"
1988
+ },
1989
+ url: { color: "#728fcb" },
1990
+ "attr-value": { color: "#728fcb" },
1991
+ keyword: { color: "#728fcb" },
1992
+ control: { color: "#728fcb" },
1993
+ directive: { color: "#728fcb" },
1994
+ unit: { color: "#728fcb" },
1995
+ statement: { color: "#728fcb" },
1996
+ regex: { color: "#728fcb" },
1997
+ atrule: { color: "#728fcb" },
1998
+ placeholder: { color: "#93abdc" },
1999
+ variable: { color: "#93abdc" },
2000
+ deleted: { textDecoration: "line-through" },
2001
+ inserted: {
2002
+ borderBottom: "1px dotted #2d2006",
2003
+ textDecoration: "none"
2004
+ },
2005
+ italic: { fontStyle: "italic" },
2006
+ important: {
2007
+ fontWeight: "bold",
2008
+ color: "#896724"
2009
+ },
2010
+ bold: { fontWeight: "bold" }
2011
+ };
2012
+ const nightOwl = {
2013
+ base: {
2014
+ color: "white",
2015
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace",
2016
+ textAlign: "left",
2017
+ whiteSpace: "pre",
2018
+ wordSpacing: "normal",
2019
+ wordBreak: "normal",
2020
+ wordWrap: "normal",
2021
+ lineHeight: "1.5",
2022
+ fontSize: "1em",
2023
+ MozTabSize: "4",
2024
+ OTabSize: "4",
2025
+ tabSize: "4",
2026
+ WebkitHyphens: "none",
2027
+ MozHyphens: "none",
2028
+ hyphens: "none",
2029
+ padding: "1em",
2030
+ margin: "0.5em 0",
2031
+ overflow: "auto",
2032
+ background: "#011627"
2033
+ },
2034
+ comment: {
2035
+ color: "rgb(99, 119, 119)",
2036
+ fontStyle: "italic"
2037
+ },
2038
+ prolog: {
2039
+ color: "rgb(99, 119, 119)",
2040
+ fontStyle: "italic"
2041
+ },
2042
+ cdata: {
2043
+ color: "rgb(99, 119, 119)",
2044
+ fontStyle: "italic"
2045
+ },
2046
+ punctuation: { color: "rgb(199, 146, 234)" },
2047
+ deleted: {
2048
+ color: "rgba(239, 83, 80, 0.56)",
2049
+ fontStyle: "italic"
2050
+ },
2051
+ symbol: { color: "rgb(128, 203, 196)" },
2052
+ property: { color: "rgb(128, 203, 196)" },
2053
+ tag: { color: "rgb(127, 219, 202)" },
2054
+ operator: { color: "rgb(127, 219, 202)" },
2055
+ keyword: { color: "rgb(127, 219, 202)" },
2056
+ boolean: { color: "rgb(255, 88, 116)" },
2057
+ number: { color: "rgb(247, 140, 108)" },
2058
+ constant: { color: "rgb(130, 170, 255)" },
2059
+ function: { color: "rgb(130, 170, 255)" },
2060
+ builtin: { color: "rgb(130, 170, 255)" },
2061
+ char: { color: "rgb(130, 170, 255)" },
2062
+ selector: {
2063
+ color: "rgb(199, 146, 234)",
2064
+ fontStyle: "italic"
2065
+ },
2066
+ doctype: {
2067
+ color: "rgb(199, 146, 234)",
2068
+ fontStyle: "italic"
2069
+ },
2070
+ "attr-name": {
2071
+ color: "rgb(173, 219, 103)",
2072
+ fontStyle: "italic"
2073
+ },
2074
+ inserted: {
2075
+ color: "rgb(173, 219, 103)",
2076
+ fontStyle: "italic"
2077
+ },
2078
+ string: { color: "rgb(173, 219, 103)" },
2079
+ url: { color: "rgb(173, 219, 103)" },
2080
+ entity: { color: "rgb(173, 219, 103)" },
2081
+ "class-name": { color: "rgb(255, 203, 139)" },
2082
+ atrule: { color: "rgb(255, 203, 139)" },
2083
+ "attr-value": { color: "rgb(255, 203, 139)" },
2084
+ regex: { color: "rgb(214, 222, 235)" },
2085
+ important: {
2086
+ color: "rgb(214, 222, 235)",
2087
+ fontWeight: "bold"
2088
+ },
2089
+ variable: { color: "rgb(214, 222, 235)" },
2090
+ bold: { fontWeight: "bold" },
2091
+ italic: { fontStyle: "italic" }
2092
+ };
2093
+ const laserwave = {
2094
+ base: {
2095
+ background: "#27212e",
2096
+ color: "#ffffff",
2097
+ fontFamily: "Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace",
2098
+ fontSize: "1em",
2099
+ direction: "ltr",
2100
+ textAlign: "left",
2101
+ whiteSpace: "pre",
2102
+ wordSpacing: "normal",
2103
+ wordBreak: "normal",
2104
+ lineHeight: "1.5",
2105
+ MozTabSize: "2",
2106
+ OTabSize: "2",
2107
+ tabSize: "2",
2108
+ WebkitHyphens: "none",
2109
+ MozHyphens: "none",
2110
+ hyphens: "none",
2111
+ padding: "1em",
2112
+ margin: "0.5em 0",
2113
+ overflow: "auto",
2114
+ borderRadius: "0.5em"
2115
+ },
2116
+ comment: { color: "#91889b" },
2117
+ prolog: { color: "#91889b" },
2118
+ cdata: { color: "#91889b" },
2119
+ punctuation: { color: "#7b6995" },
2120
+ builtin: { color: "#ffe261" },
2121
+ constant: { color: "#ffe261" },
2122
+ boolean: { color: "#ffe261" },
2123
+ number: { color: "#b381c5" },
2124
+ important: { color: "#40b4c4" },
2125
+ atrule: { color: "#40b4c4" },
2126
+ property: { color: "#40b4c4" },
2127
+ keyword: { color: "#40b4c4" },
2128
+ doctype: { color: "#74dfc4" },
2129
+ operator: { color: "#74dfc4" },
2130
+ inserted: { color: "#74dfc4" },
2131
+ tag: { color: "#74dfc4" },
2132
+ "class-name": { color: "#74dfc4" },
2133
+ symbol: { color: "#74dfc4" },
2134
+ "attr-name": { color: "#eb64b9" },
2135
+ function: { color: "#eb64b9" },
2136
+ deleted: { color: "#eb64b9" },
2137
+ selector: { color: "#eb64b9" },
2138
+ "attr-value": { color: "#b4dce7" },
2139
+ regex: { color: "#b4dce7" },
2140
+ char: { color: "#b4dce7" },
2141
+ string: { color: "#b4dce7" },
2142
+ entity: {
2143
+ color: "#ffffff",
2144
+ cursor: "help"
2145
+ },
2146
+ url: { color: "#ffffff" },
2147
+ variable: { color: "#ffffff" },
2148
+ bold: { fontWeight: "bold" },
2149
+ italic: { fontStyle: "italic" },
2150
+ namespace: { opacity: "0.7" }
2151
+ };
2152
+ const coyWithoutShadows = {
2153
+ base: {
2154
+ color: "black",
2155
+ background: "none",
2156
+ fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
2157
+ fontSize: "1em",
2158
+ textAlign: "left",
2159
+ whiteSpace: "pre",
2160
+ wordSpacing: "normal",
2161
+ wordBreak: "normal",
2162
+ wordWrap: "normal",
2163
+ lineHeight: "1.5",
2164
+ MozTabSize: "4",
2165
+ OTabSize: "4",
2166
+ tabSize: "4",
2167
+ WebkitHyphens: "none",
2168
+ MozHyphens: "none",
2169
+ hyphens: "none",
2170
+ position: "relative",
2171
+ borderLeft: "10px solid #358ccb",
2172
+ boxShadow: "-1px 0 0 0 #358ccb, 0 0 0 1px #dfdfdf",
2173
+ backgroundColor: "#fdfdfd",
2174
+ backgroundImage: "linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%)",
2175
+ backgroundSize: "3em 3em",
2176
+ backgroundOrigin: "content-box",
2177
+ backgroundAttachment: "local",
2178
+ margin: ".5em 0",
2179
+ padding: "0 1em"
2180
+ },
2181
+ comment: { color: "#7D8B99" },
2182
+ "block-comment": { color: "#7D8B99" },
2183
+ prolog: { color: "#7D8B99" },
2184
+ doctype: { color: "#7D8B99" },
2185
+ cdata: { color: "#7D8B99" },
2186
+ punctuation: { color: "#5F6364" },
2187
+ property: { color: "#c92c2c" },
2188
+ tag: { color: "#c92c2c" },
2189
+ boolean: { color: "#c92c2c" },
2190
+ number: { color: "#c92c2c" },
2191
+ "function-name": { color: "#c92c2c" },
2192
+ constant: { color: "#c92c2c" },
2193
+ symbol: { color: "#c92c2c" },
2194
+ deleted: { color: "#c92c2c" },
2195
+ selector: { color: "#2f9c0a" },
2196
+ "attr-name": { color: "#2f9c0a" },
2197
+ string: { color: "#2f9c0a" },
2198
+ char: { color: "#2f9c0a" },
2199
+ function: { color: "#2f9c0a" },
2200
+ builtin: { color: "#2f9c0a" },
2201
+ inserted: { color: "#2f9c0a" },
2202
+ operator: {
2203
+ color: "#a67f59",
2204
+ background: "rgba(255, 255, 255, 0.5)"
2205
+ },
2206
+ entity: {
2207
+ color: "#a67f59",
2208
+ background: "rgba(255, 255, 255, 0.5)",
2209
+ cursor: "help"
2210
+ },
2211
+ url: {
2212
+ color: "#a67f59",
2213
+ background: "rgba(255, 255, 255, 0.5)"
2214
+ },
2215
+ variable: {
2216
+ color: "#a67f59",
2217
+ background: "rgba(255, 255, 255, 0.5)"
2218
+ },
2219
+ atrule: { color: "#1990b8" },
2220
+ "attr-value": { color: "#1990b8" },
2221
+ keyword: { color: "#1990b8" },
2222
+ "class-name": { color: "#1990b8" },
2223
+ regex: { color: "#e90" },
2224
+ important: {
2225
+ color: "#e90",
2226
+ fontWeight: "normal"
2227
+ },
2228
+ bold: { fontWeight: "bold" },
2229
+ italic: { fontStyle: "italic" },
2230
+ namespace: { opacity: ".7" }
2231
+ };
2232
+ const hopscotch = {
2233
+ base: {
2234
+ fontFamily: "\"Fira Mono\", Menlo, Monaco, \"Lucida Console\", \"Courier New\", Courier, monospace",
2235
+ fontSize: "16px",
2236
+ lineHeight: "1.375",
2237
+ direction: "ltr",
2238
+ textAlign: "left",
2239
+ wordSpacing: "normal",
2240
+ MozTabSize: "4",
2241
+ OTabSize: "4",
2242
+ tabSize: "4",
2243
+ WebkitHyphens: "none",
2244
+ MozHyphens: "none",
2245
+ hyphens: "none",
2246
+ whiteSpace: "pre-wrap",
2247
+ wordBreak: "break-all",
2248
+ wordWrap: "break-word",
2249
+ background: "#322931",
2250
+ color: "#b9b5b8",
2251
+ padding: "1em",
2252
+ margin: ".5em 0",
2253
+ overflow: "auto"
2254
+ },
2255
+ comment: { color: "#797379" },
2256
+ prolog: { color: "#797379" },
2257
+ doctype: { color: "#797379" },
2258
+ cdata: { color: "#797379" },
2259
+ punctuation: { color: "#b9b5b8" },
2260
+ null: { color: "#fd8b19" },
2261
+ operator: { color: "#fd8b19" },
2262
+ boolean: { color: "#fd8b19" },
2263
+ number: { color: "#fd8b19" },
2264
+ property: { color: "#fdcc59" },
2265
+ tag: { color: "#1290bf" },
2266
+ string: { color: "#149b93" },
2267
+ selector: { color: "#c85e7c" },
2268
+ "attr-name": { color: "#fd8b19" },
2269
+ entity: {
2270
+ color: "#149b93",
2271
+ cursor: "help"
2272
+ },
2273
+ url: { color: "#149b93" },
2274
+ "attr-value": { color: "#8fc13e" },
2275
+ keyword: { color: "#8fc13e" },
2276
+ control: { color: "#8fc13e" },
2277
+ directive: { color: "#8fc13e" },
2278
+ unit: { color: "#8fc13e" },
2279
+ statement: { color: "#149b93" },
2280
+ regex: { color: "#149b93" },
2281
+ atrule: { color: "#149b93" },
2282
+ placeholder: { color: "#1290bf" },
2283
+ variable: { color: "#1290bf" },
2284
+ important: {
2285
+ color: "#dd464c",
2286
+ fontWeight: "bold"
2287
+ }
2288
+ };
2289
+ const oneLight = {
2290
+ base: {
2291
+ background: "hsl(230, 1%, 98%)",
2292
+ color: "hsl(230, 8%, 24%)",
2293
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
2294
+ direction: "ltr",
2295
+ textAlign: "left",
2296
+ whiteSpace: "pre",
2297
+ wordSpacing: "normal",
2298
+ wordBreak: "normal",
2299
+ lineHeight: "1.5",
2300
+ MozTabSize: "2",
2301
+ OTabSize: "2",
2302
+ tabSize: "2",
2303
+ WebkitHyphens: "none",
2304
+ MozHyphens: "none",
2305
+ hyphens: "none",
2306
+ padding: "1em",
2307
+ margin: "0.5em 0",
2308
+ overflow: "auto",
2309
+ borderRadius: "0.3em"
2310
+ },
2311
+ comment: {
2312
+ color: "hsl(230, 4%, 64%)",
2313
+ fontStyle: "italic"
2314
+ },
2315
+ prolog: { color: "hsl(230, 4%, 64%)" },
2316
+ cdata: { color: "hsl(230, 4%, 64%)" },
2317
+ doctype: { color: "hsl(230, 8%, 24%)" },
2318
+ punctuation: { color: "hsl(230, 8%, 24%)" },
2319
+ entity: {
2320
+ color: "hsl(230, 8%, 24%)",
2321
+ cursor: "help"
2322
+ },
2323
+ "attr-name": { color: "hsl(35, 99%, 36%)" },
2324
+ "class-name": { color: "hsl(35, 99%, 36%)" },
2325
+ boolean: { color: "hsl(35, 99%, 36%)" },
2326
+ constant: { color: "hsl(35, 99%, 36%)" },
2327
+ number: { color: "hsl(35, 99%, 36%)" },
2328
+ atrule: { color: "hsl(35, 99%, 36%)" },
2329
+ keyword: { color: "hsl(301, 63%, 40%)" },
2330
+ property: { color: "hsl(5, 74%, 59%)" },
2331
+ tag: { color: "hsl(5, 74%, 59%)" },
2332
+ symbol: { color: "hsl(5, 74%, 59%)" },
2333
+ deleted: { color: "hsl(5, 74%, 59%)" },
2334
+ important: { color: "hsl(5, 74%, 59%)" },
2335
+ selector: { color: "hsl(119, 34%, 47%)" },
2336
+ string: { color: "hsl(119, 34%, 47%)" },
2337
+ char: { color: "hsl(119, 34%, 47%)" },
2338
+ builtin: { color: "hsl(119, 34%, 47%)" },
2339
+ inserted: { color: "hsl(119, 34%, 47%)" },
2340
+ regex: { color: "hsl(119, 34%, 47%)" },
2341
+ "attr-value": { color: "hsl(119, 34%, 47%)" },
2342
+ "attr-value > .token.punctuation": { color: "hsl(119, 34%, 47%)" },
2343
+ variable: { color: "hsl(221, 87%, 60%)" },
2344
+ operator: { color: "hsl(221, 87%, 60%)" },
2345
+ function: { color: "hsl(221, 87%, 60%)" },
2346
+ url: { color: "hsl(198, 99%, 37%)" },
2347
+ "attr-value > .token.punctuation.attr-equals": { color: "hsl(230, 8%, 24%)" },
2348
+ "special-attr > .token.attr-value > .token.value.css": { color: "hsl(230, 8%, 24%)" },
2349
+ bold: { fontWeight: "bold" },
2350
+ italic: { fontStyle: "italic" },
2351
+ namespace: { opacity: "0.8" },
2352
+ "token.tab:not(:empty):before": { color: "hsla(230, 8%, 24%, 0.2)" },
2353
+ "token.cr:before": { color: "hsla(230, 8%, 24%, 0.2)" },
2354
+ "token.lf:before": { color: "hsla(230, 8%, 24%, 0.2)" },
2355
+ "token.space:before": { color: "hsla(230, 8%, 24%, 0.2)" }
2356
+ };
2357
+ const nord = {
2358
+ base: {
2359
+ color: "#f8f8f2",
2360
+ background: "#2E3440",
2361
+ fontFamily: "\"Fira Code\", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
2362
+ textAlign: "left",
2363
+ whiteSpace: "pre",
2364
+ wordSpacing: "normal",
2365
+ wordBreak: "normal",
2366
+ wordWrap: "normal",
2367
+ lineHeight: "1.5",
2368
+ MozTabSize: "4",
2369
+ OTabSize: "4",
2370
+ tabSize: "4",
2371
+ WebkitHyphens: "none",
2372
+ MozHyphens: "none",
2373
+ hyphens: "none",
2374
+ padding: "1em",
2375
+ margin: ".5em 0",
2376
+ overflow: "auto",
2377
+ borderRadius: "0.3em"
2378
+ },
2379
+ comment: { color: "#636f88" },
2380
+ prolog: { color: "#636f88" },
2381
+ doctype: { color: "#636f88" },
2382
+ cdata: { color: "#636f88" },
2383
+ punctuation: { color: "#81A1C1" },
2384
+ property: { color: "#81A1C1" },
2385
+ tag: { color: "#81A1C1" },
2386
+ constant: { color: "#81A1C1" },
2387
+ symbol: { color: "#81A1C1" },
2388
+ deleted: { color: "#81A1C1" },
2389
+ number: { color: "#B48EAD" },
2390
+ boolean: { color: "#81A1C1" },
2391
+ selector: { color: "#A3BE8C" },
2392
+ "attr-name": { color: "#A3BE8C" },
2393
+ string: { color: "#A3BE8C" },
2394
+ char: { color: "#A3BE8C" },
2395
+ builtin: { color: "#A3BE8C" },
2396
+ inserted: { color: "#A3BE8C" },
2397
+ operator: { color: "#81A1C1" },
2398
+ entity: {
2399
+ color: "#81A1C1",
2400
+ cursor: "help"
2401
+ },
2402
+ url: { color: "#81A1C1" },
2403
+ variable: { color: "#81A1C1" },
2404
+ atrule: { color: "#88C0D0" },
2405
+ "attr-value": { color: "#88C0D0" },
2406
+ function: { color: "#88C0D0" },
2407
+ "class-name": { color: "#88C0D0" },
2408
+ keyword: { color: "#81A1C1" },
2409
+ regex: { color: "#EBCB8B" },
2410
+ important: {
2411
+ color: "#EBCB8B",
2412
+ fontWeight: "bold"
2413
+ },
2414
+ bold: { fontWeight: "bold" },
2415
+ italic: { fontStyle: "italic" }
2416
+ };
2417
+ const ghcolors = {
2418
+ base: {
2419
+ color: "#393A34",
2420
+ fontFamily: "\"Consolas\", \"Bitstream Vera Sans Mono\", \"Courier New\", Courier, monospace",
2421
+ direction: "ltr",
2422
+ textAlign: "left",
2423
+ whiteSpace: "pre",
2424
+ wordSpacing: "normal",
2425
+ wordBreak: "normal",
2426
+ fontSize: ".9em",
2427
+ lineHeight: "1.2em",
2428
+ MozTabSize: "4",
2429
+ OTabSize: "4",
2430
+ tabSize: "4",
2431
+ WebkitHyphens: "none",
2432
+ MozHyphens: "none",
2433
+ hyphens: "none",
2434
+ padding: "1em",
2435
+ margin: ".5em 0",
2436
+ overflow: "auto",
2437
+ border: "1px solid #dddddd",
2438
+ backgroundColor: "white"
2439
+ },
2440
+ comment: {
2441
+ color: "#999988",
2442
+ fontStyle: "italic"
2443
+ },
2444
+ prolog: {
2445
+ color: "#999988",
2446
+ fontStyle: "italic"
2447
+ },
2448
+ doctype: {
2449
+ color: "#999988",
2450
+ fontStyle: "italic"
2451
+ },
2452
+ cdata: {
2453
+ color: "#999988",
2454
+ fontStyle: "italic"
2455
+ },
2456
+ namespace: { opacity: ".7" },
2457
+ string: { color: "#e3116c" },
2458
+ "attr-value": { color: "#e3116c" },
2459
+ punctuation: { color: "#393A34" },
2460
+ operator: { color: "#393A34" },
2461
+ entity: { color: "#36acaa" },
2462
+ url: { color: "#36acaa" },
2463
+ symbol: { color: "#36acaa" },
2464
+ number: { color: "#36acaa" },
2465
+ boolean: { color: "#36acaa" },
2466
+ variable: { color: "#36acaa" },
2467
+ constant: { color: "#36acaa" },
2468
+ property: { color: "#36acaa" },
2469
+ regex: { color: "#36acaa" },
2470
+ inserted: { color: "#36acaa" },
2471
+ atrule: { color: "#00a4db" },
2472
+ keyword: { color: "#00a4db" },
2473
+ "attr-name": { color: "#00a4db" },
2474
+ function: {
2475
+ color: "#9a050f",
2476
+ fontWeight: "bold"
2477
+ },
2478
+ deleted: { color: "#9a050f" },
2479
+ tag: { color: "#00009f" },
2480
+ selector: { color: "#00009f" },
2481
+ important: { fontWeight: "bold" },
2482
+ bold: { fontWeight: "bold" },
2483
+ italic: { fontStyle: "italic" }
2484
+ };
2485
+ const vesper = {
2486
+ base: {
2487
+ color: "#a0a0a0",
2488
+ fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
2489
+ textAlign: "left",
2490
+ whiteSpace: "pre",
2491
+ wordSpacing: "normal",
2492
+ wordBreak: "normal",
2493
+ wordWrap: "normal",
2494
+ lineHeight: "1.5",
2495
+ MozTabSize: "4",
2496
+ OTabSize: "4",
2497
+ tabSize: "4",
2498
+ WebkitHyphens: "none",
2499
+ MozHyphens: "none",
2500
+ MsHyphens: "none",
2501
+ hyphens: "none",
2502
+ overflowX: "auto",
2503
+ backgroundColor: "#1E1E1E"
2504
+ },
2505
+ selection: {
2506
+ textShadow: "none",
2507
+ background: "#ffffff25"
2508
+ },
2509
+ print: { textShadow: "none" },
2510
+ pre: {
2511
+ color: "#a0a0a0",
2512
+ background: "#101010"
2513
+ },
2514
+ comment: { color: "#8b8b8b94" },
2515
+ punctuation: { color: "#8b8b8b94" },
2516
+ variable: { color: "#a0a0a0" },
2517
+ tag: { color: "#a0a0a0" },
2518
+ hexcode: { color: "#a0a0a0" },
2519
+ string: { color: "rgb(161, 252, 234)" },
2520
+ url: { color: "#a0a0a0" },
2521
+ keyword: { color: "#fff" },
2522
+ deleted: { color: "#fff" },
2523
+ function: { color: "#ffc799" },
2524
+ builtin: { color: "#fff" },
2525
+ number: { color: "#fff" },
2526
+ char: { color: "#fff" },
2527
+ constant: { color: "#fff" },
2528
+ boolean: { color: "#fff" },
2529
+ changed: { color: "#fff" },
2530
+ symbol: { color: "#99ffe4" },
2531
+ inserted: { color: "#ffc799" },
2532
+ "attr-name": { color: "#a0a0a0" },
2533
+ selector: { color: "#a0a0a0" },
2534
+ property: { color: "#a0a0a0" },
2535
+ regex: { color: "#a0a0a0" },
2536
+ important: { fontWeight: "bold" },
2537
+ bold: { fontWeight: "bold" },
2538
+ italic: { fontStyle: "italic" }
2539
+ };
2540
+ //#endregion
2541
+ exports.a11yDark = a11yDark;
2542
+ exports.atomDark = atomDark;
2543
+ exports.baseAteliersulphurpoolLight = baseAteliersulphurpoolLight;
2544
+ exports.cb = cb;
2545
+ exports.coldarkCold = coldarkCold;
2546
+ exports.coldarkDark = coldarkDark;
2547
+ exports.coyWithoutShadows = coyWithoutShadows;
2548
+ exports.darcula = darcula;
2549
+ exports.dracula = dracula;
2550
+ exports.duotoneDark = duotoneDark;
2551
+ exports.duotoneEarth = duotoneEarth;
2552
+ exports.duotoneForest = duotoneForest;
2553
+ exports.duotoneLight = duotoneLight;
2554
+ exports.duotoneSea = duotoneSea;
2555
+ exports.duotoneSpace = duotoneSpace;
2556
+ exports.ghcolors = ghcolors;
2557
+ exports.gruvboxDark = gruvboxDark;
2558
+ exports.gruvboxLight = gruvboxLight;
2559
+ exports.holiTheme = holiTheme;
2560
+ exports.hopscotch = hopscotch;
2561
+ exports.laserwave = laserwave;
2562
+ exports.lucario = lucario;
2563
+ exports.materialDark = materialDark;
2564
+ exports.materialLight = materialLight;
2565
+ exports.materialOceanic = materialOceanic;
2566
+ exports.nightOwl = nightOwl;
2567
+ exports.nord = nord;
2568
+ exports.oneDark = oneDark;
2569
+ exports.oneLight = oneLight;
2570
+ exports.pojoaque = pojoaque;
2571
+ exports.shadesOfPurple = shadesOfPurple;
2572
+ exports.solarizedDarkAtom = solarizedDarkAtom;
2573
+ exports.synthwave84 = synthwave84;
2574
+ exports.vesper = vesper;
2575
+ exports.vs = vs;
2576
+ exports.vscDarkPlus = vscDarkPlus;
2577
+ exports.xonokai = xonokai;
2578
+ exports.zTouch = zTouch;