codex-terminal-themes 1.0.0

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 (229) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/CONTRIBUTING.md +23 -0
  3. package/LICENSE +21 -0
  4. package/LICENSE.txt +21 -0
  5. package/README.md +169 -0
  6. package/SECURITY.md +5 -0
  7. package/SUPPORT.md +5 -0
  8. package/bin/codex-terminal-themes.mjs +12 -0
  9. package/docs/app.js +1393 -0
  10. package/docs/assets/theme-gallery-header.png +0 -0
  11. package/docs/favicon.svg +10 -0
  12. package/docs/index.html +240 -0
  13. package/docs/preview.svg +24 -0
  14. package/docs/site-data.json +51078 -0
  15. package/docs/styles.css +780 -0
  16. package/metadata/README.md +71 -0
  17. package/metadata/themes.json +16185 -0
  18. package/metadata/themes.schema.json +218 -0
  19. package/package.json +109 -0
  20. package/src/cli.mjs +1763 -0
  21. package/stylelint.config.mjs +12 -0
  22. package/themes/80s.tmTheme +229 -0
  23. package/themes/Active4D.tmTheme +407 -0
  24. package/themes/All Hallow's Eve Custom.tmTheme +275 -0
  25. package/themes/All Hallow's Eve.tmTheme +277 -0
  26. package/themes/All Hallows Eve.tmTheme +277 -0
  27. package/themes/Amy.tmTheme +559 -0
  28. package/themes/Artic Fall.tmTheme +275 -0
  29. package/themes/BBEdit.tmTheme +439 -0
  30. package/themes/Bespin.tmTheme +516 -0
  31. package/themes/Black Pearl II.tmTheme +496 -0
  32. package/themes/Black Pearl.tmTheme +400 -0
  33. package/themes/Blackboard 2.tmTheme +348 -0
  34. package/themes/Blackboard Black.tmTheme +350 -0
  35. package/themes/Blackboard.tmTheme +348 -0
  36. package/themes/Blueberry Jelly.tmTheme +242 -0
  37. package/themes/Bluesy.tmTheme +242 -0
  38. package/themes/Blurb 2.tmTheme +229 -0
  39. package/themes/Blurb.tmTheme +229 -0
  40. package/themes/Bongzilla 2.tmTheme +223 -0
  41. package/themes/Bongzilla.tmTheme +223 -0
  42. package/themes/Brightly Dark.tmTheme +242 -0
  43. package/themes/Brilliance Black.tmTheme +2619 -0
  44. package/themes/Brilliance Dull.tmTheme +2243 -0
  45. package/themes/Bromozoid.tmTheme +227 -0
  46. package/themes/CSSEdit.tmTheme +203 -0
  47. package/themes/Classic Modified.tmTheme +469 -0
  48. package/themes/Clouds Midnight.tmTheme +361 -0
  49. package/themes/Clouds of Ruby.tmTheme +649 -0
  50. package/themes/Clouds.tmTheme +348 -0
  51. package/themes/Cloudy Fields.tmTheme +240 -0
  52. package/themes/Coal Graal.tmTheme +282 -0
  53. package/themes/Cobalt.tmTheme +561 -0
  54. package/themes/Coda.tmTheme +317 -0
  55. package/themes/Colorful.tmTheme +307 -0
  56. package/themes/Cool Glow.tmTheme +234 -0
  57. package/themes/Corona.tmTheme +290 -0
  58. package/themes/Cowabunga.tmTheme +242 -0
  59. package/themes/DanBurst.tmTheme +665 -0
  60. package/themes/Daniel Fischer.tmTheme +627 -0
  61. package/themes/Dark Ocean.tmTheme +242 -0
  62. package/themes/DarkNeon.tmTheme +818 -0
  63. package/themes/Dawn.tmTheme +437 -0
  64. package/themes/DawnCustom.tmTheme +443 -0
  65. package/themes/Django (Smoothy).tmTheme +453 -0
  66. package/themes/Django Blues.tmTheme +182 -0
  67. package/themes/Django Extended.tmTheme +495 -0
  68. package/themes/Django.tmTheme +436 -0
  69. package/themes/Dobdark.tmTheme +615 -0
  70. package/themes/Dominion Day.tmTheme +562 -0
  71. package/themes/Doo-Daa.tmTheme +242 -0
  72. package/themes/Drankin Purp.tmTheme +227 -0
  73. package/themes/Dreamweaver_Blackbam_Aptana303.tmTheme +980 -0
  74. package/themes/Easy on my Eyes There Buddy.tmTheme +227 -0
  75. package/themes/Eiffel.tmTheme +435 -0
  76. package/themes/Emacs Strict.tmTheme +241 -0
  77. package/themes/Emacs.tmTheme +241 -0
  78. package/themes/Epic Blue.tmTheme +320 -0
  79. package/themes/Erebus.tmTheme +467 -0
  80. package/themes/Espresso Libre.tmTheme +402 -0
  81. package/themes/Espresso Tutti.tmTheme +392 -0
  82. package/themes/Espresso.tmTheme +329 -0
  83. package/themes/Fade to Grey.tmTheme +308 -0
  84. package/themes/Fluidvision.tmTheme +443 -0
  85. package/themes/ForLaTeX.tmTheme +214 -0
  86. package/themes/Freckle.tmTheme +279 -0
  87. package/themes/Friendship Bracelet.tmTheme +303 -0
  88. package/themes/GaGaGaGroovy.tmTheme +227 -0
  89. package/themes/Gangrene.tmTheme +242 -0
  90. package/themes/GitHub.tmTheme +653 -0
  91. package/themes/GlitterBomb.tmTheme +387 -0
  92. package/themes/Halloween Night.tmTheme +303 -0
  93. package/themes/Happy happy joy joy.tmTheme +841 -0
  94. package/themes/Happydeluxe.tmTheme +184 -0
  95. package/themes/HelvectorLight.tmTheme +557 -0
  96. package/themes/Humane.tmTheme +220 -0
  97. package/themes/IDLE.tmTheme +235 -0
  98. package/themes/IR_Black.tmTheme +810 -0
  99. package/themes/IR_White.tmTheme +792 -0
  100. package/themes/Jane Fonda, Baby Redux.tmTheme +264 -0
  101. package/themes/Johnny.tmTheme +798 -0
  102. package/themes/Juicy.tmTheme +250 -0
  103. package/themes/Kuroir Theme.tmTheme +707 -0
  104. package/themes/LAZY.tmTheme +291 -0
  105. package/themes/Lowlight.tmTheme +605 -0
  106. package/themes/Mac Classic.tmTheme +476 -0
  107. package/themes/Made of Code.tmTheme +695 -0
  108. package/themes/MagicWB (Amiga).tmTheme +376 -0
  109. package/themes/Malibu Nights.tmTheme +257 -0
  110. package/themes/Menage A Trois.tmTheme +881 -0
  111. package/themes/Merbivore Soft.tmTheme +285 -0
  112. package/themes/Merbivore.tmTheme +285 -0
  113. package/themes/Midnight.tmTheme +321 -0
  114. package/themes/Mmm Sandy.tmTheme +227 -0
  115. package/themes/Monokai.tmTheme +289 -0
  116. package/themes/MultiMarkdown.tmTheme +183 -0
  117. package/themes/Mustang.tmTheme +339 -0
  118. package/themes/Neopro Inverted.tmTheme +328 -0
  119. package/themes/Neopro.tmTheme +330 -0
  120. package/themes/Nice One.tmTheme +222 -0
  121. package/themes/No Way.tmTheme +255 -0
  122. package/themes/Overcast.tmTheme +659 -0
  123. package/themes/Pastels on Dark.tmTheme +703 -0
  124. package/themes/Pastie.tmTheme +321 -0
  125. package/themes/Peridinkle.tmTheme +240 -0
  126. package/themes/Play!.tmTheme +736 -0
  127. package/themes/Puss.tmTheme +227 -0
  128. package/themes/Putty.tmTheme +275 -0
  129. package/themes/Quail.tmTheme +257 -0
  130. package/themes/RDark.tmTheme +235 -0
  131. package/themes/Rails Envy.tmTheme +299 -0
  132. package/themes/Railscasts 2.tmTheme +368 -0
  133. package/themes/Railscasts.tmTheme +278 -0
  134. package/themes/Resesif.tmTheme +298 -0
  135. package/themes/Ringo.tmTheme +240 -0
  136. package/themes/Ruby Blue.tmTheme +366 -0
  137. package/themes/RubyRobot.tmTheme +250 -0
  138. package/themes/Ryan Light.tmTheme +232 -0
  139. package/themes/Seafoam.tmTheme +242 -0
  140. package/themes/Sidewalk Chalk.tmTheme +276 -0
  141. package/themes/Sin City (that yellow bastard).tmTheme +585 -0
  142. package/themes/Slate.tmTheme +436 -0
  143. package/themes/Slush & Poppies.tmTheme +336 -0
  144. package/themes/Slush and Poppies.tmTheme +336 -0
  145. package/themes/Smokey Morning.tmTheme +229 -0
  146. package/themes/Smoothy original.tmTheme +623 -0
  147. package/themes/Smoothy.tmTheme +623 -0
  148. package/themes/Solarized (dark).tmTheme +2051 -0
  149. package/themes/Solarized-dark.tmTheme +312 -0
  150. package/themes/Solarized-light.tmTheme +305 -0
  151. package/themes/Sometheme.tmTheme +240 -0
  152. package/themes/SoylentTheme.tmTheme +353 -0
  153. package/themes/SpaceCadet.tmTheme +212 -0
  154. package/themes/Spectacular.tmTheme +436 -0
  155. package/themes/Starlight.tmTheme +857 -0
  156. package/themes/Stoneship Bright.tmTheme +348 -0
  157. package/themes/Stoneship.tmTheme +361 -0
  158. package/themes/Summer Camp Mod.tmTheme +229 -0
  159. package/themes/Summer Camp.tmTheme +229 -0
  160. package/themes/Summery Drink.tmTheme +242 -0
  161. package/themes/Sunburst.tmTheme +665 -0
  162. package/themes/Swyphs II.tmTheme +306 -0
  163. package/themes/Tango Bright.tmTheme +1 -0
  164. package/themes/Tango.tmTheme +450 -0
  165. package/themes/Teenage Dream.tmTheme +242 -0
  166. package/themes/Texari.tmTheme +727 -0
  167. package/themes/Text Ex Machina.tmTheme +295 -0
  168. package/themes/Tomorrow-Night-Blue.tmTheme +175 -0
  169. package/themes/Tomorrow-Night-Eighties.tmTheme +175 -0
  170. package/themes/Tomorrow-Night.tmTheme +175 -0
  171. package/themes/Tomorrow.tmTheme +349 -0
  172. package/themes/ToyChest.tmTheme +503 -0
  173. package/themes/TravisJeffery.tmTheme +1261 -0
  174. package/themes/Tubster.tmTheme +280 -0
  175. package/themes/Twilight BG FG.tmTheme +1000 -0
  176. package/themes/Twilight.tmTheme +516 -0
  177. package/themes/TwilightMod.tmTheme +529 -0
  178. package/themes/Two Days Ago.tmTheme +242 -0
  179. package/themes/Vibrant Fin.tmTheme +447 -0
  180. package/themes/Vibrant Ink.tmTheme +447 -0
  181. package/themes/Vibrant Scala.tmTheme +292 -0
  182. package/themes/Vibrant Tango.tmTheme +438 -0
  183. package/themes/Wandering.tmTheme +681 -0
  184. package/themes/Whimsy in Blue.tmTheme +240 -0
  185. package/themes/Why/342/200/231s Poignant.tmTheme" +191 -0
  186. package/themes/Windows XP.tmTheme +350 -0
  187. package/themes/Witch.tmTheme +282 -0
  188. package/themes/Yurple.tmTheme +227 -0
  189. package/themes/ZZZ.tmTheme +131 -0
  190. package/themes/Zachstronaut.tmTheme +381 -0
  191. package/themes/Zenburnesque.tmTheme +343 -0
  192. package/themes/[ Argonaut ].tmTheme +387 -0
  193. package/themes/barf.tmTheme +254 -0
  194. package/themes/converted-vscode-AmoledShinyBlack.tmTheme +528 -0
  195. package/themes/converted-vscode-AmoledShinyBlack2.tmTheme +609 -0
  196. package/themes/converted-vscode-AmoledShinyBlack3.tmTheme +683 -0
  197. package/themes/converted-vscode-AmoledShinyBlack4.tmTheme +896 -0
  198. package/themes/converted-vscode-AmoledShinyBlack5.tmTheme +1023 -0
  199. package/themes/converted-vscode-AmoledShinyBlack6.tmTheme +2092 -0
  200. package/themes/eclips3.media (ECLM).tmTheme +294 -0
  201. package/themes/evin.tmTheme +253 -0
  202. package/themes/fake.tmTheme +669 -0
  203. package/themes/fapfap.tmTheme +508 -0
  204. package/themes/helloKitty.tmTheme +293 -0
  205. package/themes/iLife 05.tmTheme +619 -0
  206. package/themes/iPlastic.tmTheme +397 -0
  207. package/themes/idleFingers.tmTheme +380 -0
  208. package/themes/krTheme.tmTheme +551 -0
  209. package/themes/mark.james.name.tmTheme +1117 -0
  210. package/themes/minimal Theme.tmTheme +551 -0
  211. package/themes/mint.tmTheme +617 -0
  212. package/themes/mintBlue Dark.tmTheme +653 -0
  213. package/themes/mintBlue.tmTheme +655 -0
  214. package/themes/modifiedPastels.tmTheme +745 -0
  215. package/themes/monoindustrial.tmTheme +451 -0
  216. package/themes/my-theme-blackboard.tmTheme +363 -0
  217. package/themes/my-theme-classic.tmTheme +465 -0
  218. package/themes/nppGLua.tmTheme +293 -0
  219. package/themes/reST testing theme.tmTheme +554 -0
  220. package/themes/rose-pine-dawn.tmTheme +329 -0
  221. package/themes/rose-pine-moon.tmTheme +329 -0
  222. package/themes/rose-pine.tmTheme +329 -0
  223. package/themes/ryan-light.tmTheme +232 -0
  224. package/themes/wut.tmTheme +255 -0
  225. package/tools/build-pages-site.mjs +465 -0
  226. package/tools/generate-theme-metadata.mjs +680 -0
  227. package/tools/serve-pages-site.mjs +196 -0
  228. package/tools/validate-themes.mjs +272 -0
  229. package/types/index.d.ts +49 -0
package/docs/favicon.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-labelledby="title">
2
+ <title id="title">Codex Terminal Themes</title>
3
+ <rect width="64" height="64" rx="12" fill="#050608" />
4
+ <rect x="8" y="10" width="48" height="44" rx="7" fill="#12161c" stroke="#69d6c6" stroke-width="2" />
5
+ <circle cx="18" cy="20" r="3" fill="#f27d78" />
6
+ <circle cx="27" cy="20" r="3" fill="#f4ca64" />
7
+ <circle cx="36" cy="20" r="3" fill="#69d6c6" />
8
+ <path d="M18 34h12M18 43h7M34 34h12M30 43h16" stroke="#edf2f7" stroke-linecap="round" stroke-width="4" />
9
+ <path d="M18 34h7M34 34h8" stroke="#8ee8d9" stroke-linecap="round" stroke-width="4" />
10
+ </svg>
package/docs/index.html ADDED
@@ -0,0 +1,240 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta
6
+ content="width=device-width, initial-scale=1"
7
+ name="viewport"
8
+ />
9
+ <title>Codex Terminal Themes</title>
10
+ <link
11
+ href="styles.css"
12
+ rel="stylesheet"
13
+ />
14
+ <link
15
+ type="image/svg+xml"
16
+ href="favicon.svg"
17
+ rel="icon"
18
+ />
19
+ <meta
20
+ content="#0b0d10"
21
+ name="msapplication-TileColor"
22
+ />
23
+ <meta
24
+ content="Codex Terminal Themes"
25
+ property="og:title"
26
+ />
27
+ <meta
28
+ content="website"
29
+ property="og:type"
30
+ />
31
+ <meta
32
+ content="https://nick2bad4u.github.io/codex-terminal-themes/"
33
+ property="og:url"
34
+ />
35
+ <meta
36
+ content="https://nick2bad4u.github.io/codex-terminal-themes/preview.svg"
37
+ property="og:image"
38
+ />
39
+ <meta
40
+ content="Interactive gallery for Codex terminal TextMate themes."
41
+ name="description"
42
+ />
43
+ </head>
44
+ <body>
45
+ <header class="site-header">
46
+ <div class="site-title">
47
+ <p class="eyebrow">TextMate theme gallery</p>
48
+ <h1>Codex Terminal Themes</h1>
49
+ </div>
50
+ <div
51
+ class="header-artwork"
52
+ aria-hidden="true"
53
+ >
54
+ <img
55
+ alt=""
56
+ height="819"
57
+ src="assets/theme-gallery-header.png"
58
+ width="1920"
59
+ />
60
+ </div>
61
+ <div
62
+ class="site-stats"
63
+ aria-label="Theme statistics"
64
+ >
65
+ <span id="theme_count">0 themes</span>
66
+ <span id="scope_count">0 scopes</span>
67
+ </div>
68
+ </header>
69
+
70
+ <main class="app-shell">
71
+ <aside
72
+ class="sidebar"
73
+ aria-label="Theme controls"
74
+ >
75
+ <div class="control-group">
76
+ <label for="theme_search">Search</label>
77
+ <input
78
+ id="theme_search"
79
+ type="search"
80
+ autocomplete="off"
81
+ placeholder="Theme, author, scope"
82
+ />
83
+ </div>
84
+
85
+ <div class="control-group">
86
+ <label for="appearance_filter">Appearance</label>
87
+ <select id="appearance_filter">
88
+ <option value="all">All appearances</option>
89
+ <option value="dark">Dark</option>
90
+ <option value="light">Light</option>
91
+ <option value="unknown">Unknown</option>
92
+ </select>
93
+ </div>
94
+
95
+ <div class="control-group">
96
+ <label for="hue_filter">Hue</label>
97
+ <select id="hue_filter">
98
+ <option value="all">All hues</option>
99
+ <option value="red">Red</option>
100
+ <option value="orange">Orange</option>
101
+ <option value="yellow">Yellow</option>
102
+ <option value="green">Green</option>
103
+ <option value="cyan">Cyan</option>
104
+ <option value="blue">Blue</option>
105
+ <option value="purple">Purple</option>
106
+ <option value="pink">Pink</option>
107
+ <option value="neutral">Neutral</option>
108
+ </select>
109
+ </div>
110
+
111
+ <div class="control-group">
112
+ <label for="color_picker">Color</label>
113
+ <div class="color-tool">
114
+ <div class="color-entry">
115
+ <input
116
+ id="color_picker"
117
+ type="text"
118
+ autocomplete="off"
119
+ inputmode="text"
120
+ pattern="#?[0-9a-fA-F]{3,8}"
121
+ placeholder="#69d6c6"
122
+ value="#69d6c6"
123
+ />
124
+ <button
125
+ id="color_wheel_button"
126
+ type="button"
127
+ class="color-wheel-button"
128
+ aria-controls="color_wheel_popover"
129
+ aria-expanded="false"
130
+ aria-label="Open color wheel"
131
+ >
132
+ <span
133
+ id="color_preview"
134
+ aria-hidden="true"
135
+ ></span>
136
+ </button>
137
+ </div>
138
+ <div
139
+ id="color_wheel_popover"
140
+ class="color-popover"
141
+ hidden
142
+ >
143
+ <output
144
+ id="color_rgb"
145
+ class="color-rgb"
146
+ for="color_picker color_lightness"
147
+ >
148
+ rgb(105, 214, 198)
149
+ </output>
150
+ <button
151
+ id="color_wheel"
152
+ type="button"
153
+ class="color-wheel"
154
+ aria-label="Color wheel"
155
+ >
156
+ <span
157
+ id="color_wheel_marker"
158
+ class="color-wheel-marker"
159
+ aria-hidden="true"
160
+ ></span>
161
+ </button>
162
+ <label
163
+ class="lightness-control"
164
+ for="color_lightness"
165
+ >
166
+ <span>Lightness</span>
167
+ <input
168
+ id="color_lightness"
169
+ type="range"
170
+ max="85"
171
+ min="15"
172
+ value="64"
173
+ />
174
+ </label>
175
+ </div>
176
+ <label class="color-toggle">
177
+ <input
178
+ id="color_enabled"
179
+ type="checkbox"
180
+ />
181
+ Match color
182
+ </label>
183
+ </div>
184
+ </div>
185
+
186
+ <div
187
+ id="theme_list"
188
+ class="theme-list"
189
+ ></div>
190
+ </aside>
191
+
192
+ <section
193
+ class="preview-panel"
194
+ aria-live="polite"
195
+ >
196
+ <div class="preview-toolbar">
197
+ <div>
198
+ <p
199
+ id="selected_appearance"
200
+ class="eyebrow"
201
+ >Theme</p
202
+ >
203
+ <h2 id="selected_name">Loading themes</h2>
204
+ </div>
205
+ <a
206
+ id="theme_download"
207
+ download
208
+ href="../themes/"
209
+ >Download</a
210
+ >
211
+ </div>
212
+
213
+ <div
214
+ id="metadata_strip"
215
+ class="metadata-strip"
216
+ ></div>
217
+
218
+ <div
219
+ id="terminal_frame"
220
+ class="terminal-frame"
221
+ >
222
+ <div class="terminal-chrome">
223
+ <span></span>
224
+ <span></span>
225
+ <span></span>
226
+ </div>
227
+ <div
228
+ id="code_grid"
229
+ class="code-grid"
230
+ ></div>
231
+ </div>
232
+ </section>
233
+ </main>
234
+
235
+ <script
236
+ type="module"
237
+ src="app.js"
238
+ ></script>
239
+ </body>
240
+ </html>
package/docs/preview.svg ADDED
@@ -0,0 +1,24 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-labelledby="title description">
2
+ <title id="title">Codex Terminal Themes</title>
3
+ <desc id="description">A dark terminal syntax preview for the Codex Terminal Themes gallery.</desc>
4
+ <rect width="1200" height="630" fill="#111418" />
5
+ <rect x="72" y="72" width="1056" height="486" rx="18" fill="#050608" stroke="#2d343c" stroke-width="2" />
6
+ <rect x="72" y="72" width="1056" height="58" rx="18" fill="#1c2229" />
7
+ <circle cx="112" cy="101" r="10" fill="#f36f5f" />
8
+ <circle cx="146" cy="101" r="10" fill="#f3c969" />
9
+ <circle cx="180" cy="101" r="10" fill="#72d08b" />
10
+ <text x="96" y="198" fill="#ffffff" font-family="Cascadia Code, Consolas, monospace" font-size="42" font-weight="700">Codex Terminal Themes</text>
11
+ <text x="96" y="260" fill="#8fd3c7" font-family="Cascadia Code, Consolas, monospace" font-size="28">203 TextMate themes with online syntax previews</text>
12
+ <text x="96" y="350" fill="#f3c969" font-family="Cascadia Code, Consolas, monospace" font-size="26">const</text>
13
+ <text x="190" y="350" fill="#e8edf3" font-family="Cascadia Code, Consolas, monospace" font-size="26">theme = </text>
14
+ <text x="312" y="350" fill="#72d08b" font-family="Cascadia Code, Consolas, monospace" font-size="26">"AmoledShinyBlack6"</text>
15
+ <text x="604" y="350" fill="#e8edf3" font-family="Cascadia Code, Consolas, monospace" font-size="26">;</text>
16
+ <text x="96" y="404" fill="#6eb4ff" font-family="Cascadia Code, Consolas, monospace" font-size="26">preview</text>
17
+ <text x="218" y="404" fill="#e8edf3" font-family="Cascadia Code, Consolas, monospace" font-size="26">.render(</text>
18
+ <text x="348" y="404" fill="#d98cff" font-family="Cascadia Code, Consolas, monospace" font-size="26">theme</text>
19
+ <text x="438" y="404" fill="#e8edf3" font-family="Cascadia Code, Consolas, monospace" font-size="26">);</text>
20
+ <rect x="96" y="470" width="190" height="16" rx="8" fill="#8fd3c7" />
21
+ <rect x="310" y="470" width="150" height="16" rx="8" fill="#f3c969" />
22
+ <rect x="484" y="470" width="220" height="16" rx="8" fill="#d98cff" />
23
+ <rect x="728" y="470" width="140" height="16" rx="8" fill="#72d08b" />
24
+ </svg>