@sage/design-tokens 2.52.0 → 2.54.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 (38) hide show
  1. package/android/base.xml +1 -2
  2. package/android/origin.xml +121 -0
  3. package/css/base.css +1 -2
  4. package/css/origin.css +123 -0
  5. package/data/tokens.json +598 -11
  6. package/docs/tokens/base/border-radius/index.html +12 -21
  7. package/docs/tokens/base/border-width/index.html +12 -0
  8. package/docs/tokens/base/box-shadow/index.html +12 -0
  9. package/docs/tokens/base/colors/index.html +12 -0
  10. package/docs/tokens/base/font-families/index.html +12 -0
  11. package/docs/tokens/base/font-sizes/index.html +12 -0
  12. package/docs/tokens/base/font-weights/index.html +12 -0
  13. package/docs/tokens/base/index.html +12 -21
  14. package/docs/tokens/base/line-heights/index.html +12 -0
  15. package/docs/tokens/base/opacity/index.html +12 -0
  16. package/docs/tokens/base/sizing/index.html +12 -0
  17. package/docs/tokens/base/spacing/index.html +12 -0
  18. package/docs/tokens/base/typography/index.html +12 -0
  19. package/docs/tokens/index.html +2348 -21
  20. package/docs/tokens/origin/index.html +2621 -0
  21. package/docs/tokens/origin/origin/index.html +2626 -0
  22. package/index.d.ts +2 -0
  23. package/index.js +2 -0
  24. package/ios/base.h +1 -2
  25. package/ios/origin.h +125 -0
  26. package/js/base/common.d.ts +0 -1
  27. package/js/base/common.js +1 -2
  28. package/js/base/es6.d.ts +0 -1
  29. package/js/base/es6.js +0 -1
  30. package/js/origin/common.d.ts +112 -0
  31. package/js/origin/common.js +123 -0
  32. package/js/origin/es6.d.ts +115 -0
  33. package/js/origin/es6.js +118 -0
  34. package/package.json +1 -1
  35. package/sage-design-tokens-2.54.0.tgz +0 -0
  36. package/scss/base.scss +1 -2
  37. package/scss/origin.scss +120 -0
  38. package/sage-design-tokens-2.52.0.tgz +0 -0
@@ -0,0 +1,2621 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
6
+ <meta http-equiv="Pragma" content="no-cache" />
7
+ <meta http-equiv="Expires" content="0" />
8
+
9
+ <title>Sage Design Tokens / origin</title>
10
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
11
+ <link rel="preconnect" href="https://fonts.googleapis.com">
12
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13
+ <link href="https://fonts.googleapis.com/css?family=Lato:400,500,600" rel="stylesheet">
14
+ <meta name="description" content="">
15
+ <style>
16
+ *, *::before, *::after {
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ html {
21
+ font-size: 62.5%;
22
+ }
23
+
24
+ body {
25
+ font-size: 1.4rem;
26
+ font-family: 'Lato', Arial, sans-serif;
27
+ padding: 20px 40px;
28
+ }
29
+
30
+ table {
31
+ width: 100%;
32
+ }
33
+
34
+ .menu {
35
+ position: sticky;
36
+ display: inline-block;
37
+ vertical-align: top;
38
+ max-height: 100vh;
39
+ overflow-y: auto;
40
+ top: 0;
41
+ bottom: 0;
42
+ font-size: 14px;
43
+ }
44
+
45
+ .with-icons:hover .permalink {
46
+ visibility: visible;
47
+ }
48
+
49
+ .permalink {
50
+ visibility: hidden;
51
+ font-size: 80%;
52
+ line-height: inherit;
53
+ text-decoration: none;
54
+ vertical-align: middle;
55
+ }
56
+
57
+ .table__color-preview,
58
+ .table__spacing-preview,
59
+ .table__border-width-preview,
60
+ .table__font-size-preview,
61
+ .table__sizing-preview,
62
+ .table__opacity-preview,
63
+ .table__typography-preview,
64
+ .table__font-weight-preview,
65
+ .table__box-shadow-preview,
66
+ .table__font-family-preview,
67
+ .table__border-radius-preview {
68
+ height: 40px;
69
+ width: 100%;
70
+ }
71
+
72
+ .table__font-size-preview,
73
+ .table__typography-preview,
74
+ .table__font-weight-preview,
75
+ .table__font-family-preview {
76
+ vertical-align: middle;
77
+ display: table-cell;
78
+ }
79
+
80
+ .table__box-shadow-preview {
81
+ height: 50px;
82
+ }
83
+
84
+ .table__spacing-preview {
85
+ background-color: #626566;
86
+ height: 10px;
87
+ }
88
+
89
+ .table__border-width-preview {
90
+ border-style: solid;
91
+ border-color: #CCD6DB;
92
+ background-color: #626566;
93
+ }
94
+
95
+ .table__sizing-preview {
96
+ background-color: #626566;
97
+ }
98
+
99
+ .table__opacity-preview {
100
+ background-color: #ccc;
101
+ }
102
+
103
+ .table__opacity-preview div {
104
+ width: 100%;
105
+ height: 100%;
106
+ background-color: #fff;
107
+ }
108
+
109
+ .table__border-radius-preview {
110
+ width: 40px;
111
+ border-color: #626566;
112
+ border-width: 3px 3px 0 0;
113
+ border-style: solid;
114
+ }
115
+
116
+ #main-container {
117
+ max-width: 1024px;
118
+ margin: 0 auto;
119
+ }
120
+
121
+ .embedded #main-container {
122
+ max-width: 100%;
123
+ }
124
+
125
+ #icons-container {
126
+ display: grid;
127
+ grid-template-columns: repeat(6, 1fr);
128
+ grid-gap: 20px;
129
+ }
130
+
131
+ .divider {
132
+ margin: 20px 0 30px;
133
+ }
134
+
135
+ .grid-item {
136
+ display: block;
137
+ text-align: center;
138
+ position: relative;
139
+ padding-bottom: 40px;
140
+ padding-top: 20px;
141
+ border: 1px solid #dbdbdb;
142
+ }
143
+
144
+ .grid-item .codes {
145
+ position: absolute;
146
+ display: flex;
147
+ justify-content: space-between;
148
+ padding: 5px 20px;
149
+ bottom: 0;
150
+ left: 0;
151
+ right: 0;
152
+ border-top: 1px solid rgba(10, 10, 10, .1);
153
+ }
154
+
155
+ .grid-item .codes div {
156
+ cursor: default;
157
+ color: rgba(10, 10, 10, .6);
158
+ }
159
+
160
+ .preview {
161
+ display: block;
162
+ width: 32px;
163
+ height: auto;
164
+ }
165
+
166
+ .layout {
167
+ display: flex;
168
+ }
169
+
170
+ .layout .navigation {
171
+ flex: 0 0 200px;
172
+ }
173
+
174
+ .layout .content {
175
+ flex: 1 1 auto;
176
+ }
177
+
178
+ .embedded {
179
+ padding: 10px;
180
+ }
181
+
182
+ .embedded .hide-on-embedded {
183
+ display: none;
184
+ }
185
+ </style>
186
+ </head>
187
+ <body>
188
+ <div id="main-container">
189
+ <div class="layout">
190
+ <aside class="hide-on-embedded navigation menu py-0">
191
+ <section class="my-6">
192
+ <p class="menu-label">
193
+ <a href="../base/index.html">
194
+ base
195
+ </a>
196
+ </p>
197
+ <ul class="menu-list">
198
+ <li>
199
+ <a href="../base/colors/index.html">
200
+ colors
201
+ </a>
202
+ </li>
203
+ <li>
204
+ <a href="../base/sizing/index.html">
205
+ sizing
206
+ </a>
207
+ </li>
208
+ <li>
209
+ <a href="../base/spacing/index.html">
210
+ spacing
211
+ </a>
212
+ </li>
213
+ <li>
214
+ <a href="../base/border-width/index.html">
215
+ borderWidth
216
+ </a>
217
+ </li>
218
+ <li>
219
+ <a href="../base/font-sizes/index.html">
220
+ fontSizes
221
+ </a>
222
+ </li>
223
+ <li>
224
+ <a href="../base/box-shadow/index.html">
225
+ boxShadow
226
+ </a>
227
+ </li>
228
+ <li>
229
+ <a href="../base/font-weights/index.html">
230
+ fontWeights
231
+ </a>
232
+ </li>
233
+ <li>
234
+ <a href="../base/line-heights/index.html">
235
+ lineHeights
236
+ </a>
237
+ </li>
238
+ <li>
239
+ <a href="../base/font-families/index.html">
240
+ fontFamilies
241
+ </a>
242
+ </li>
243
+ <li>
244
+ <a href="../base/border-radius/index.html">
245
+ borderRadius
246
+ </a>
247
+ </li>
248
+ <li>
249
+ <a href="../base/typography/index.html">
250
+ typography
251
+ </a>
252
+ </li>
253
+ <li>
254
+ <a href="../base/opacity/index.html">
255
+ opacity
256
+ </a>
257
+ </li>
258
+ </ul>
259
+ <p class="menu-label">
260
+ <a href="../origin/index.html">
261
+ origin
262
+ </a>
263
+ </p>
264
+ <ul class="menu-list">
265
+ <li>
266
+ <a href="../origin/origin/index.html">
267
+ origin
268
+ </a>
269
+ </li>
270
+ </ul>
271
+ </section>
272
+ </aside>
273
+ <main class="content">
274
+ <h1 class="hide-on-embedded">
275
+ <a href="../index.html">
276
+ Sage Design Tokens
277
+ </a>
278
+ /
279
+ origin
280
+ </h1>
281
+ <section class="my-6">
282
+ <h2 class="hide-on-embedded">origin</h2>
283
+ <table class="table is-bordered is-hoverable is-fullwidth">
284
+ <colgroup>
285
+ <col width="50%">
286
+ <col width="25%">
287
+ <col width="35%">
288
+ </colgroup>
289
+ <thead>
290
+ <tr>
291
+ <th class="has-background-light">Name</th>
292
+ <th class="has-background-light">Value</th>
293
+ <th class="has-background-light">Preview</th>
294
+ </tr>
295
+ </thead>
296
+ <tr>
297
+ <td class="with-icons is-vcentered"
298
+ id="origin-originJade100"
299
+ title="theme: origin; category: origin; name: jade; variant: 100; ">
300
+ originJade100
301
+ <a href="#origin-originJade100"
302
+ title="permalink"
303
+ class="permalink">
304
+ 🔗
305
+ </a>
306
+ </td>
307
+ <td class="is-vcentered">
308
+ <pre>#8ff8b7ff</pre>
309
+ </td>
310
+ <td class="is-vcentered">
311
+ <div class="table__color-preview"
312
+ style="background-color: #8ff8b7ff;">
313
+ </div>
314
+
315
+ </td>
316
+ </tr>
317
+ <tr>
318
+ <td class="with-icons is-vcentered"
319
+ id="origin-originJade200"
320
+ title="theme: origin; category: origin; name: jade; variant: 200; ">
321
+ originJade200
322
+ <a href="#origin-originJade200"
323
+ title="permalink"
324
+ class="permalink">
325
+ 🔗
326
+ </a>
327
+ </td>
328
+ <td class="is-vcentered">
329
+ <pre>#44ed90ff</pre>
330
+ </td>
331
+ <td class="is-vcentered">
332
+ <div class="table__color-preview"
333
+ style="background-color: #44ed90ff;">
334
+ </div>
335
+
336
+ </td>
337
+ </tr>
338
+ <tr>
339
+ <td class="with-icons is-vcentered"
340
+ id="origin-originJade300"
341
+ title="theme: origin; category: origin; name: jade; variant: 300; ">
342
+ originJade300
343
+ <a href="#origin-originJade300"
344
+ title="permalink"
345
+ class="permalink">
346
+ 🔗
347
+ </a>
348
+ </td>
349
+ <td class="is-vcentered">
350
+ <pre>#00ca71ff</pre>
351
+ </td>
352
+ <td class="is-vcentered">
353
+ <div class="table__color-preview"
354
+ style="background-color: #00ca71ff;">
355
+ </div>
356
+
357
+ </td>
358
+ </tr>
359
+ <tr>
360
+ <td class="with-icons is-vcentered"
361
+ id="origin-originJade400"
362
+ title="theme: origin; category: origin; name: jade; variant: 400; ">
363
+ originJade400
364
+ <a href="#origin-originJade400"
365
+ title="permalink"
366
+ class="permalink">
367
+ 🔗
368
+ </a>
369
+ </td>
370
+ <td class="is-vcentered">
371
+ <pre>#00a65cff</pre>
372
+ </td>
373
+ <td class="is-vcentered">
374
+ <div class="table__color-preview"
375
+ style="background-color: #00a65cff;">
376
+ </div>
377
+
378
+ </td>
379
+ </tr>
380
+ <tr>
381
+ <td class="with-icons is-vcentered"
382
+ id="origin-originJade500"
383
+ title="theme: origin; category: origin; name: jade; variant: 500; ">
384
+ originJade500
385
+ <a href="#origin-originJade500"
386
+ title="permalink"
387
+ class="permalink">
388
+ 🔗
389
+ </a>
390
+ </td>
391
+ <td class="is-vcentered">
392
+ <pre>#00884aff</pre>
393
+ </td>
394
+ <td class="is-vcentered">
395
+ <div class="table__color-preview"
396
+ style="background-color: #00884aff;">
397
+ </div>
398
+
399
+ </td>
400
+ </tr>
401
+ <tr>
402
+ <td class="with-icons is-vcentered"
403
+ id="origin-originJade600"
404
+ title="theme: origin; category: origin; name: jade; variant: 600; ">
405
+ originJade600
406
+ <a href="#origin-originJade600"
407
+ title="permalink"
408
+ class="permalink">
409
+ 🔗
410
+ </a>
411
+ </td>
412
+ <td class="is-vcentered">
413
+ <pre>#006d3bff</pre>
414
+ </td>
415
+ <td class="is-vcentered">
416
+ <div class="table__color-preview"
417
+ style="background-color: #006d3bff;">
418
+ </div>
419
+
420
+ </td>
421
+ </tr>
422
+ <tr>
423
+ <td class="with-icons is-vcentered"
424
+ id="origin-originJade700"
425
+ title="theme: origin; category: origin; name: jade; variant: 700; ">
426
+ originJade700
427
+ <a href="#origin-originJade700"
428
+ title="permalink"
429
+ class="permalink">
430
+ 🔗
431
+ </a>
432
+ </td>
433
+ <td class="is-vcentered">
434
+ <pre>#00522cff</pre>
435
+ </td>
436
+ <td class="is-vcentered">
437
+ <div class="table__color-preview"
438
+ style="background-color: #00522cff;">
439
+ </div>
440
+
441
+ </td>
442
+ </tr>
443
+ <tr>
444
+ <td class="with-icons is-vcentered"
445
+ id="origin-originJade800"
446
+ title="theme: origin; category: origin; name: jade; variant: 800; ">
447
+ originJade800
448
+ <a href="#origin-originJade800"
449
+ title="permalink"
450
+ class="permalink">
451
+ 🔗
452
+ </a>
453
+ </td>
454
+ <td class="is-vcentered">
455
+ <pre>#00361eff</pre>
456
+ </td>
457
+ <td class="is-vcentered">
458
+ <div class="table__color-preview"
459
+ style="background-color: #00361eff;">
460
+ </div>
461
+
462
+ </td>
463
+ </tr>
464
+ <tr>
465
+ <td class="with-icons is-vcentered"
466
+ id="origin-originJade900"
467
+ title="theme: origin; category: origin; name: jade; variant: 900; ">
468
+ originJade900
469
+ <a href="#origin-originJade900"
470
+ title="permalink"
471
+ class="permalink">
472
+ 🔗
473
+ </a>
474
+ </td>
475
+ <td class="is-vcentered">
476
+ <pre>#001b0fff</pre>
477
+ </td>
478
+ <td class="is-vcentered">
479
+ <div class="table__color-preview"
480
+ style="background-color: #001b0fff;">
481
+ </div>
482
+
483
+ </td>
484
+ </tr>
485
+ <tr>
486
+ <td class="with-icons is-vcentered"
487
+ id="origin-originJade1000"
488
+ title="theme: origin; category: origin; name: jade; variant: 1000; ">
489
+ originJade1000
490
+ <a href="#origin-originJade1000"
491
+ title="permalink"
492
+ class="permalink">
493
+ 🔗
494
+ </a>
495
+ </td>
496
+ <td class="is-vcentered">
497
+ <pre>#000000ff</pre>
498
+ </td>
499
+ <td class="is-vcentered">
500
+ <div class="table__color-preview"
501
+ style="background-color: #000000ff;">
502
+ </div>
503
+
504
+ </td>
505
+ </tr>
506
+ <tr>
507
+ <td class="with-icons is-vcentered"
508
+ id="origin-originJade000"
509
+ title="theme: origin; category: origin; name: jade; variant: 000; ">
510
+ originJade000
511
+ <a href="#origin-originJade000"
512
+ title="permalink"
513
+ class="permalink">
514
+ 🔗
515
+ </a>
516
+ </td>
517
+ <td class="is-vcentered">
518
+ <pre>#ffffffff</pre>
519
+ </td>
520
+ <td class="is-vcentered">
521
+ <div class="table__color-preview"
522
+ style="background-color: #ffffffff;">
523
+ </div>
524
+
525
+ </td>
526
+ </tr>
527
+ <tr>
528
+ <td class="with-icons is-vcentered"
529
+ id="origin-originJade010"
530
+ title="theme: origin; category: origin; name: jade; variant: 010; ">
531
+ originJade010
532
+ <a href="#origin-originJade010"
533
+ title="permalink"
534
+ class="permalink">
535
+ 🔗
536
+ </a>
537
+ </td>
538
+ <td class="is-vcentered">
539
+ <pre>#f2fef7ff</pre>
540
+ </td>
541
+ <td class="is-vcentered">
542
+ <div class="table__color-preview"
543
+ style="background-color: #f2fef7ff;">
544
+ </div>
545
+
546
+ </td>
547
+ </tr>
548
+ <tr>
549
+ <td class="with-icons is-vcentered"
550
+ id="origin-originJade050"
551
+ title="theme: origin; category: origin; name: jade; variant: 050; ">
552
+ originJade050
553
+ <a href="#origin-originJade050"
554
+ title="permalink"
555
+ class="permalink">
556
+ 🔗
557
+ </a>
558
+ </td>
559
+ <td class="is-vcentered">
560
+ <pre>#c4fcd8ff</pre>
561
+ </td>
562
+ <td class="is-vcentered">
563
+ <div class="table__color-preview"
564
+ style="background-color: #c4fcd8ff;">
565
+ </div>
566
+
567
+ </td>
568
+ </tr>
569
+ <tr>
570
+ <td class="with-icons is-vcentered"
571
+ id="origin-originNavy100"
572
+ title="theme: origin; category: origin; name: navy; variant: 100; ">
573
+ originNavy100
574
+ <a href="#origin-originNavy100"
575
+ title="permalink"
576
+ class="permalink">
577
+ 🔗
578
+ </a>
579
+ </td>
580
+ <td class="is-vcentered">
581
+ <pre>#89d7edff</pre>
582
+ </td>
583
+ <td class="is-vcentered">
584
+ <div class="table__color-preview"
585
+ style="background-color: #89d7edff;">
586
+ </div>
587
+
588
+ </td>
589
+ </tr>
590
+ <tr>
591
+ <td class="with-icons is-vcentered"
592
+ id="origin-originNavy200"
593
+ title="theme: origin; category: origin; name: navy; variant: 200; ">
594
+ originNavy200
595
+ <a href="#origin-originNavy200"
596
+ title="permalink"
597
+ class="permalink">
598
+ 🔗
599
+ </a>
600
+ </td>
601
+ <td class="is-vcentered">
602
+ <pre>#65bedfff</pre>
603
+ </td>
604
+ <td class="is-vcentered">
605
+ <div class="table__color-preview"
606
+ style="background-color: #65bedfff;">
607
+ </div>
608
+
609
+ </td>
610
+ </tr>
611
+ <tr>
612
+ <td class="with-icons is-vcentered"
613
+ id="origin-originNavy300"
614
+ title="theme: origin; category: origin; name: navy; variant: 300; ">
615
+ originNavy300
616
+ <a href="#origin-originNavy300"
617
+ title="permalink"
618
+ class="permalink">
619
+ 🔗
620
+ </a>
621
+ </td>
622
+ <td class="is-vcentered">
623
+ <pre>#41a5d1ff</pre>
624
+ </td>
625
+ <td class="is-vcentered">
626
+ <div class="table__color-preview"
627
+ style="background-color: #41a5d1ff;">
628
+ </div>
629
+
630
+ </td>
631
+ </tr>
632
+ <tr>
633
+ <td class="with-icons is-vcentered"
634
+ id="origin-originNavy400"
635
+ title="theme: origin; category: origin; name: navy; variant: 400; ">
636
+ originNavy400
637
+ <a href="#origin-originNavy400"
638
+ title="permalink"
639
+ class="permalink">
640
+ 🔗
641
+ </a>
642
+ </td>
643
+ <td class="is-vcentered">
644
+ <pre>#1d8cc3ff</pre>
645
+ </td>
646
+ <td class="is-vcentered">
647
+ <div class="table__color-preview"
648
+ style="background-color: #1d8cc3ff;">
649
+ </div>
650
+
651
+ </td>
652
+ </tr>
653
+ <tr>
654
+ <td class="with-icons is-vcentered"
655
+ id="origin-originNavy500"
656
+ title="theme: origin; category: origin; name: navy; variant: 500; ">
657
+ originNavy500
658
+ <a href="#origin-originNavy500"
659
+ title="permalink"
660
+ class="permalink">
661
+ 🔗
662
+ </a>
663
+ </td>
664
+ <td class="is-vcentered">
665
+ <pre>#0e74a7ff</pre>
666
+ </td>
667
+ <td class="is-vcentered">
668
+ <div class="table__color-preview"
669
+ style="background-color: #0e74a7ff;">
670
+ </div>
671
+
672
+ </td>
673
+ </tr>
674
+ <tr>
675
+ <td class="with-icons is-vcentered"
676
+ id="origin-originNavy600"
677
+ title="theme: origin; category: origin; name: navy; variant: 600; ">
678
+ originNavy600
679
+ <a href="#origin-originNavy600"
680
+ title="permalink"
681
+ class="permalink">
682
+ 🔗
683
+ </a>
684
+ </td>
685
+ <td class="is-vcentered">
686
+ <pre>#095b84ff</pre>
687
+ </td>
688
+ <td class="is-vcentered">
689
+ <div class="table__color-preview"
690
+ style="background-color: #095b84ff;">
691
+ </div>
692
+
693
+ </td>
694
+ </tr>
695
+ <tr>
696
+ <td class="with-icons is-vcentered"
697
+ id="origin-originNavy700"
698
+ title="theme: origin; category: origin; name: navy; variant: 700; ">
699
+ originNavy700
700
+ <a href="#origin-originNavy700"
701
+ title="permalink"
702
+ class="permalink">
703
+ 🔗
704
+ </a>
705
+ </td>
706
+ <td class="is-vcentered">
707
+ <pre>#054262ff</pre>
708
+ </td>
709
+ <td class="is-vcentered">
710
+ <div class="table__color-preview"
711
+ style="background-color: #054262ff;">
712
+ </div>
713
+
714
+ </td>
715
+ </tr>
716
+ <tr>
717
+ <td class="with-icons is-vcentered"
718
+ id="origin-originNavy800"
719
+ title="theme: origin; category: origin; name: navy; variant: 800; ">
720
+ originNavy800
721
+ <a href="#origin-originNavy800"
722
+ title="permalink"
723
+ class="permalink">
724
+ 🔗
725
+ </a>
726
+ </td>
727
+ <td class="is-vcentered">
728
+ <pre>#00293fff</pre>
729
+ </td>
730
+ <td class="is-vcentered">
731
+ <div class="table__color-preview"
732
+ style="background-color: #00293fff;">
733
+ </div>
734
+
735
+ </td>
736
+ </tr>
737
+ <tr>
738
+ <td class="with-icons is-vcentered"
739
+ id="origin-originNavy900"
740
+ title="theme: origin; category: origin; name: navy; variant: 900; ">
741
+ originNavy900
742
+ <a href="#origin-originNavy900"
743
+ title="permalink"
744
+ class="permalink">
745
+ 🔗
746
+ </a>
747
+ </td>
748
+ <td class="is-vcentered">
749
+ <pre>#001520ff</pre>
750
+ </td>
751
+ <td class="is-vcentered">
752
+ <div class="table__color-preview"
753
+ style="background-color: #001520ff;">
754
+ </div>
755
+
756
+ </td>
757
+ </tr>
758
+ <tr>
759
+ <td class="with-icons is-vcentered"
760
+ id="origin-originNavy1000"
761
+ title="theme: origin; category: origin; name: navy; variant: 1000; ">
762
+ originNavy1000
763
+ <a href="#origin-originNavy1000"
764
+ title="permalink"
765
+ class="permalink">
766
+ 🔗
767
+ </a>
768
+ </td>
769
+ <td class="is-vcentered">
770
+ <pre>#000000ff</pre>
771
+ </td>
772
+ <td class="is-vcentered">
773
+ <div class="table__color-preview"
774
+ style="background-color: #000000ff;">
775
+ </div>
776
+
777
+ </td>
778
+ </tr>
779
+ <tr>
780
+ <td class="with-icons is-vcentered"
781
+ id="origin-originNavy000"
782
+ title="theme: origin; category: origin; name: navy; variant: 000; ">
783
+ originNavy000
784
+ <a href="#origin-originNavy000"
785
+ title="permalink"
786
+ class="permalink">
787
+ 🔗
788
+ </a>
789
+ </td>
790
+ <td class="is-vcentered">
791
+ <pre>#ffffffff</pre>
792
+ </td>
793
+ <td class="is-vcentered">
794
+ <div class="table__color-preview"
795
+ style="background-color: #ffffffff;">
796
+ </div>
797
+
798
+ </td>
799
+ </tr>
800
+ <tr>
801
+ <td class="with-icons is-vcentered"
802
+ id="origin-originNavy010"
803
+ title="theme: origin; category: origin; name: navy; variant: 010; ">
804
+ originNavy010
805
+ <a href="#origin-originNavy010"
806
+ title="permalink"
807
+ class="permalink">
808
+ 🔗
809
+ </a>
810
+ </td>
811
+ <td class="is-vcentered">
812
+ <pre>#f4fcfeff</pre>
813
+ </td>
814
+ <td class="is-vcentered">
815
+ <div class="table__color-preview"
816
+ style="background-color: #f4fcfeff;">
817
+ </div>
818
+
819
+ </td>
820
+ </tr>
821
+ <tr>
822
+ <td class="with-icons is-vcentered"
823
+ id="origin-originNavy050"
824
+ title="theme: origin; category: origin; name: navy; variant: 050; ">
825
+ originNavy050
826
+ <a href="#origin-originNavy050"
827
+ title="permalink"
828
+ class="permalink">
829
+ 🔗
830
+ </a>
831
+ </td>
832
+ <td class="is-vcentered">
833
+ <pre>#caf1fcff</pre>
834
+ </td>
835
+ <td class="is-vcentered">
836
+ <div class="table__color-preview"
837
+ style="background-color: #caf1fcff;">
838
+ </div>
839
+
840
+ </td>
841
+ </tr>
842
+ <tr>
843
+ <td class="with-icons is-vcentered"
844
+ id="origin-originTeal100"
845
+ title="theme: origin; category: origin; name: teal; variant: 100; ">
846
+ originTeal100
847
+ <a href="#origin-originTeal100"
848
+ title="permalink"
849
+ class="permalink">
850
+ 🔗
851
+ </a>
852
+ </td>
853
+ <td class="is-vcentered">
854
+ <pre>#89edeaff</pre>
855
+ </td>
856
+ <td class="is-vcentered">
857
+ <div class="table__color-preview"
858
+ style="background-color: #89edeaff;">
859
+ </div>
860
+
861
+ </td>
862
+ </tr>
863
+ <tr>
864
+ <td class="with-icons is-vcentered"
865
+ id="origin-originTeal200"
866
+ title="theme: origin; category: origin; name: teal; variant: 200; ">
867
+ originTeal200
868
+ <a href="#origin-originTeal200"
869
+ title="permalink"
870
+ class="permalink">
871
+ 🔗
872
+ </a>
873
+ </td>
874
+ <td class="is-vcentered">
875
+ <pre>#5bcfcdff</pre>
876
+ </td>
877
+ <td class="is-vcentered">
878
+ <div class="table__color-preview"
879
+ style="background-color: #5bcfcdff;">
880
+ </div>
881
+
882
+ </td>
883
+ </tr>
884
+ <tr>
885
+ <td class="with-icons is-vcentered"
886
+ id="origin-originTeal300"
887
+ title="theme: origin; category: origin; name: teal; variant: 300; ">
888
+ originTeal300
889
+ <a href="#origin-originTeal300"
890
+ title="permalink"
891
+ class="permalink">
892
+ 🔗
893
+ </a>
894
+ </td>
895
+ <td class="is-vcentered">
896
+ <pre>#2eb2b1ff</pre>
897
+ </td>
898
+ <td class="is-vcentered">
899
+ <div class="table__color-preview"
900
+ style="background-color: #2eb2b1ff;">
901
+ </div>
902
+
903
+ </td>
904
+ </tr>
905
+ <tr>
906
+ <td class="with-icons is-vcentered"
907
+ id="origin-originTeal400"
908
+ title="theme: origin; category: origin; name: teal; variant: 400; ">
909
+ originTeal400
910
+ <a href="#origin-originTeal400"
911
+ title="permalink"
912
+ class="permalink">
913
+ 🔗
914
+ </a>
915
+ </td>
916
+ <td class="is-vcentered">
917
+ <pre>#009494ff</pre>
918
+ </td>
919
+ <td class="is-vcentered">
920
+ <div class="table__color-preview"
921
+ style="background-color: #009494ff;">
922
+ </div>
923
+
924
+ </td>
925
+ </tr>
926
+ <tr>
927
+ <td class="with-icons is-vcentered"
928
+ id="origin-originTeal500"
929
+ title="theme: origin; category: origin; name: teal; variant: 500; ">
930
+ originTeal500
931
+ <a href="#origin-originTeal500"
932
+ title="permalink"
933
+ class="permalink">
934
+ 🔗
935
+ </a>
936
+ </td>
937
+ <td class="is-vcentered">
938
+ <pre>#007776ff</pre>
939
+ </td>
940
+ <td class="is-vcentered">
941
+ <div class="table__color-preview"
942
+ style="background-color: #007776ff;">
943
+ </div>
944
+
945
+ </td>
946
+ </tr>
947
+ <tr>
948
+ <td class="with-icons is-vcentered"
949
+ id="origin-originTeal600"
950
+ title="theme: origin; category: origin; name: teal; variant: 600; ">
951
+ originTeal600
952
+ <a href="#origin-originTeal600"
953
+ title="permalink"
954
+ class="permalink">
955
+ 🔗
956
+ </a>
957
+ </td>
958
+ <td class="is-vcentered">
959
+ <pre>#006362ff</pre>
960
+ </td>
961
+ <td class="is-vcentered">
962
+ <div class="table__color-preview"
963
+ style="background-color: #006362ff;">
964
+ </div>
965
+
966
+ </td>
967
+ </tr>
968
+ <tr>
969
+ <td class="with-icons is-vcentered"
970
+ id="origin-originTeal700"
971
+ title="theme: origin; category: origin; name: teal; variant: 700; ">
972
+ originTeal700
973
+ <a href="#origin-originTeal700"
974
+ title="permalink"
975
+ class="permalink">
976
+ 🔗
977
+ </a>
978
+ </td>
979
+ <td class="is-vcentered">
980
+ <pre>#004a4aff</pre>
981
+ </td>
982
+ <td class="is-vcentered">
983
+ <div class="table__color-preview"
984
+ style="background-color: #004a4aff;">
985
+ </div>
986
+
987
+ </td>
988
+ </tr>
989
+ <tr>
990
+ <td class="with-icons is-vcentered"
991
+ id="origin-originTeal800"
992
+ title="theme: origin; category: origin; name: teal; variant: 800; ">
993
+ originTeal800
994
+ <a href="#origin-originTeal800"
995
+ title="permalink"
996
+ class="permalink">
997
+ 🔗
998
+ </a>
999
+ </td>
1000
+ <td class="is-vcentered">
1001
+ <pre>#003231ff</pre>
1002
+ </td>
1003
+ <td class="is-vcentered">
1004
+ <div class="table__color-preview"
1005
+ style="background-color: #003231ff;">
1006
+ </div>
1007
+
1008
+ </td>
1009
+ </tr>
1010
+ <tr>
1011
+ <td class="with-icons is-vcentered"
1012
+ id="origin-originTeal900"
1013
+ title="theme: origin; category: origin; name: teal; variant: 900; ">
1014
+ originTeal900
1015
+ <a href="#origin-originTeal900"
1016
+ title="permalink"
1017
+ class="permalink">
1018
+ 🔗
1019
+ </a>
1020
+ </td>
1021
+ <td class="is-vcentered">
1022
+ <pre>#001919ff</pre>
1023
+ </td>
1024
+ <td class="is-vcentered">
1025
+ <div class="table__color-preview"
1026
+ style="background-color: #001919ff;">
1027
+ </div>
1028
+
1029
+ </td>
1030
+ </tr>
1031
+ <tr>
1032
+ <td class="with-icons is-vcentered"
1033
+ id="origin-originTeal1000"
1034
+ title="theme: origin; category: origin; name: teal; variant: 1000; ">
1035
+ originTeal1000
1036
+ <a href="#origin-originTeal1000"
1037
+ title="permalink"
1038
+ class="permalink">
1039
+ 🔗
1040
+ </a>
1041
+ </td>
1042
+ <td class="is-vcentered">
1043
+ <pre>#000000ff</pre>
1044
+ </td>
1045
+ <td class="is-vcentered">
1046
+ <div class="table__color-preview"
1047
+ style="background-color: #000000ff;">
1048
+ </div>
1049
+
1050
+ </td>
1051
+ </tr>
1052
+ <tr>
1053
+ <td class="with-icons is-vcentered"
1054
+ id="origin-originTeal000"
1055
+ title="theme: origin; category: origin; name: teal; variant: 000; ">
1056
+ originTeal000
1057
+ <a href="#origin-originTeal000"
1058
+ title="permalink"
1059
+ class="permalink">
1060
+ 🔗
1061
+ </a>
1062
+ </td>
1063
+ <td class="is-vcentered">
1064
+ <pre>#ffffffff</pre>
1065
+ </td>
1066
+ <td class="is-vcentered">
1067
+ <div class="table__color-preview"
1068
+ style="background-color: #ffffffff;">
1069
+ </div>
1070
+
1071
+ </td>
1072
+ </tr>
1073
+ <tr>
1074
+ <td class="with-icons is-vcentered"
1075
+ id="origin-originTeal010"
1076
+ title="theme: origin; category: origin; name: teal; variant: 010; ">
1077
+ originTeal010
1078
+ <a href="#origin-originTeal010"
1079
+ title="permalink"
1080
+ class="permalink">
1081
+ 🔗
1082
+ </a>
1083
+ </td>
1084
+ <td class="is-vcentered">
1085
+ <pre>#f4fefeff</pre>
1086
+ </td>
1087
+ <td class="is-vcentered">
1088
+ <div class="table__color-preview"
1089
+ style="background-color: #f4fefeff;">
1090
+ </div>
1091
+
1092
+ </td>
1093
+ </tr>
1094
+ <tr>
1095
+ <td class="with-icons is-vcentered"
1096
+ id="origin-originTeal050"
1097
+ title="theme: origin; category: origin; name: teal; variant: 050; ">
1098
+ originTeal050
1099
+ <a href="#origin-originTeal050"
1100
+ title="permalink"
1101
+ class="permalink">
1102
+ 🔗
1103
+ </a>
1104
+ </td>
1105
+ <td class="is-vcentered">
1106
+ <pre>#c3faf8ff</pre>
1107
+ </td>
1108
+ <td class="is-vcentered">
1109
+ <div class="table__color-preview"
1110
+ style="background-color: #c3faf8ff;">
1111
+ </div>
1112
+
1113
+ </td>
1114
+ </tr>
1115
+ <tr>
1116
+ <td class="with-icons is-vcentered"
1117
+ id="origin-originCherry100"
1118
+ title="theme: origin; category: origin; name: cherry; variant: 100; ">
1119
+ originCherry100
1120
+ <a href="#origin-originCherry100"
1121
+ title="permalink"
1122
+ class="permalink">
1123
+ 🔗
1124
+ </a>
1125
+ </td>
1126
+ <td class="is-vcentered">
1127
+ <pre>#f7b3c2ff</pre>
1128
+ </td>
1129
+ <td class="is-vcentered">
1130
+ <div class="table__color-preview"
1131
+ style="background-color: #f7b3c2ff;">
1132
+ </div>
1133
+
1134
+ </td>
1135
+ </tr>
1136
+ <tr>
1137
+ <td class="with-icons is-vcentered"
1138
+ id="origin-originCherry200"
1139
+ title="theme: origin; category: origin; name: cherry; variant: 200; ">
1140
+ originCherry200
1141
+ <a href="#origin-originCherry200"
1142
+ title="permalink"
1143
+ class="permalink">
1144
+ 🔗
1145
+ </a>
1146
+ </td>
1147
+ <td class="is-vcentered">
1148
+ <pre>#ed94aaff</pre>
1149
+ </td>
1150
+ <td class="is-vcentered">
1151
+ <div class="table__color-preview"
1152
+ style="background-color: #ed94aaff;">
1153
+ </div>
1154
+
1155
+ </td>
1156
+ </tr>
1157
+ <tr>
1158
+ <td class="with-icons is-vcentered"
1159
+ id="origin-originCherry300"
1160
+ title="theme: origin; category: origin; name: cherry; variant: 300; ">
1161
+ originCherry300
1162
+ <a href="#origin-originCherry300"
1163
+ title="permalink"
1164
+ class="permalink">
1165
+ 🔗
1166
+ </a>
1167
+ </td>
1168
+ <td class="is-vcentered">
1169
+ <pre>#e27491ff</pre>
1170
+ </td>
1171
+ <td class="is-vcentered">
1172
+ <div class="table__color-preview"
1173
+ style="background-color: #e27491ff;">
1174
+ </div>
1175
+
1176
+ </td>
1177
+ </tr>
1178
+ <tr>
1179
+ <td class="with-icons is-vcentered"
1180
+ id="origin-originCherry400"
1181
+ title="theme: origin; category: origin; name: cherry; variant: 400; ">
1182
+ originCherry400
1183
+ <a href="#origin-originCherry400"
1184
+ title="permalink"
1185
+ class="permalink">
1186
+ 🔗
1187
+ </a>
1188
+ </td>
1189
+ <td class="is-vcentered">
1190
+ <pre>#d85579ff</pre>
1191
+ </td>
1192
+ <td class="is-vcentered">
1193
+ <div class="table__color-preview"
1194
+ style="background-color: #d85579ff;">
1195
+ </div>
1196
+
1197
+ </td>
1198
+ </tr>
1199
+ <tr>
1200
+ <td class="with-icons is-vcentered"
1201
+ id="origin-originCherry500"
1202
+ title="theme: origin; category: origin; name: cherry; variant: 500; ">
1203
+ originCherry500
1204
+ <a href="#origin-originCherry500"
1205
+ title="permalink"
1206
+ class="permalink">
1207
+ 🔗
1208
+ </a>
1209
+ </td>
1210
+ <td class="is-vcentered">
1211
+ <pre>#ba3c63ff</pre>
1212
+ </td>
1213
+ <td class="is-vcentered">
1214
+ <div class="table__color-preview"
1215
+ style="background-color: #ba3c63ff;">
1216
+ </div>
1217
+
1218
+ </td>
1219
+ </tr>
1220
+ <tr>
1221
+ <td class="with-icons is-vcentered"
1222
+ id="origin-originCherry600"
1223
+ title="theme: origin; category: origin; name: cherry; variant: 600; ">
1224
+ originCherry600
1225
+ <a href="#origin-originCherry600"
1226
+ title="permalink"
1227
+ class="permalink">
1228
+ 🔗
1229
+ </a>
1230
+ </td>
1231
+ <td class="is-vcentered">
1232
+ <pre>#95304fff</pre>
1233
+ </td>
1234
+ <td class="is-vcentered">
1235
+ <div class="table__color-preview"
1236
+ style="background-color: #95304fff;">
1237
+ </div>
1238
+
1239
+ </td>
1240
+ </tr>
1241
+ <tr>
1242
+ <td class="with-icons is-vcentered"
1243
+ id="origin-originCherry700"
1244
+ title="theme: origin; category: origin; name: cherry; variant: 700; ">
1245
+ originCherry700
1246
+ <a href="#origin-originCherry700"
1247
+ title="permalink"
1248
+ class="permalink">
1249
+ 🔗
1250
+ </a>
1251
+ </td>
1252
+ <td class="is-vcentered">
1253
+ <pre>#70243bff</pre>
1254
+ </td>
1255
+ <td class="is-vcentered">
1256
+ <div class="table__color-preview"
1257
+ style="background-color: #70243bff;">
1258
+ </div>
1259
+
1260
+ </td>
1261
+ </tr>
1262
+ <tr>
1263
+ <td class="with-icons is-vcentered"
1264
+ id="origin-originCherry800"
1265
+ title="theme: origin; category: origin; name: cherry; variant: 800; ">
1266
+ originCherry800
1267
+ <a href="#origin-originCherry800"
1268
+ title="permalink"
1269
+ class="permalink">
1270
+ 🔗
1271
+ </a>
1272
+ </td>
1273
+ <td class="is-vcentered">
1274
+ <pre>#4a1828ff</pre>
1275
+ </td>
1276
+ <td class="is-vcentered">
1277
+ <div class="table__color-preview"
1278
+ style="background-color: #4a1828ff;">
1279
+ </div>
1280
+
1281
+ </td>
1282
+ </tr>
1283
+ <tr>
1284
+ <td class="with-icons is-vcentered"
1285
+ id="origin-originCherry900"
1286
+ title="theme: origin; category: origin; name: cherry; variant: 900; ">
1287
+ originCherry900
1288
+ <a href="#origin-originCherry900"
1289
+ title="permalink"
1290
+ class="permalink">
1291
+ 🔗
1292
+ </a>
1293
+ </td>
1294
+ <td class="is-vcentered">
1295
+ <pre>#250c14ff</pre>
1296
+ </td>
1297
+ <td class="is-vcentered">
1298
+ <div class="table__color-preview"
1299
+ style="background-color: #250c14ff;">
1300
+ </div>
1301
+
1302
+ </td>
1303
+ </tr>
1304
+ <tr>
1305
+ <td class="with-icons is-vcentered"
1306
+ id="origin-originCherry1000"
1307
+ title="theme: origin; category: origin; name: cherry; variant: 1000; ">
1308
+ originCherry1000
1309
+ <a href="#origin-originCherry1000"
1310
+ title="permalink"
1311
+ class="permalink">
1312
+ 🔗
1313
+ </a>
1314
+ </td>
1315
+ <td class="is-vcentered">
1316
+ <pre>#000000ff</pre>
1317
+ </td>
1318
+ <td class="is-vcentered">
1319
+ <div class="table__color-preview"
1320
+ style="background-color: #000000ff;">
1321
+ </div>
1322
+
1323
+ </td>
1324
+ </tr>
1325
+ <tr>
1326
+ <td class="with-icons is-vcentered"
1327
+ id="origin-originCherry000"
1328
+ title="theme: origin; category: origin; name: cherry; variant: 000; ">
1329
+ originCherry000
1330
+ <a href="#origin-originCherry000"
1331
+ title="permalink"
1332
+ class="permalink">
1333
+ 🔗
1334
+ </a>
1335
+ </td>
1336
+ <td class="is-vcentered">
1337
+ <pre>#ffffffff</pre>
1338
+ </td>
1339
+ <td class="is-vcentered">
1340
+ <div class="table__color-preview"
1341
+ style="background-color: #ffffffff;">
1342
+ </div>
1343
+
1344
+ </td>
1345
+ </tr>
1346
+ <tr>
1347
+ <td class="with-icons is-vcentered"
1348
+ id="origin-originCherry010"
1349
+ title="theme: origin; category: origin; name: cherry; variant: 010; ">
1350
+ originCherry010
1351
+ <a href="#origin-originCherry010"
1352
+ title="permalink"
1353
+ class="permalink">
1354
+ 🔗
1355
+ </a>
1356
+ </td>
1357
+ <td class="is-vcentered">
1358
+ <pre>#fef5f7ff</pre>
1359
+ </td>
1360
+ <td class="is-vcentered">
1361
+ <div class="table__color-preview"
1362
+ style="background-color: #fef5f7ff;">
1363
+ </div>
1364
+
1365
+ </td>
1366
+ </tr>
1367
+ <tr>
1368
+ <td class="with-icons is-vcentered"
1369
+ id="origin-originCherry050"
1370
+ title="theme: origin; category: origin; name: cherry; variant: 050; ">
1371
+ originCherry050
1372
+ <a href="#origin-originCherry050"
1373
+ title="permalink"
1374
+ class="permalink">
1375
+ 🔗
1376
+ </a>
1377
+ </td>
1378
+ <td class="is-vcentered">
1379
+ <pre>#fad4deff</pre>
1380
+ </td>
1381
+ <td class="is-vcentered">
1382
+ <div class="table__color-preview"
1383
+ style="background-color: #fad4deff;">
1384
+ </div>
1385
+
1386
+ </td>
1387
+ </tr>
1388
+ <tr>
1389
+ <td class="with-icons is-vcentered"
1390
+ id="origin-originTerra100"
1391
+ title="theme: origin; category: origin; name: terra; variant: 100; ">
1392
+ originTerra100
1393
+ <a href="#origin-originTerra100"
1394
+ title="permalink"
1395
+ class="permalink">
1396
+ 🔗
1397
+ </a>
1398
+ </td>
1399
+ <td class="is-vcentered">
1400
+ <pre>#ffbca6ff</pre>
1401
+ </td>
1402
+ <td class="is-vcentered">
1403
+ <div class="table__color-preview"
1404
+ style="background-color: #ffbca6ff;">
1405
+ </div>
1406
+
1407
+ </td>
1408
+ </tr>
1409
+ <tr>
1410
+ <td class="with-icons is-vcentered"
1411
+ id="origin-originTerra200"
1412
+ title="theme: origin; category: origin; name: terra; variant: 200; ">
1413
+ originTerra200
1414
+ <a href="#origin-originTerra200"
1415
+ title="permalink"
1416
+ class="permalink">
1417
+ 🔗
1418
+ </a>
1419
+ </td>
1420
+ <td class="is-vcentered">
1421
+ <pre>#f59a83ff</pre>
1422
+ </td>
1423
+ <td class="is-vcentered">
1424
+ <div class="table__color-preview"
1425
+ style="background-color: #f59a83ff;">
1426
+ </div>
1427
+
1428
+ </td>
1429
+ </tr>
1430
+ <tr>
1431
+ <td class="with-icons is-vcentered"
1432
+ id="origin-originTerra300"
1433
+ title="theme: origin; category: origin; name: terra; variant: 300; ">
1434
+ originTerra300
1435
+ <a href="#origin-originTerra300"
1436
+ title="permalink"
1437
+ class="permalink">
1438
+ 🔗
1439
+ </a>
1440
+ </td>
1441
+ <td class="is-vcentered">
1442
+ <pre>#ea7961ff</pre>
1443
+ </td>
1444
+ <td class="is-vcentered">
1445
+ <div class="table__color-preview"
1446
+ style="background-color: #ea7961ff;">
1447
+ </div>
1448
+
1449
+ </td>
1450
+ </tr>
1451
+ <tr>
1452
+ <td class="with-icons is-vcentered"
1453
+ id="origin-originTerra400"
1454
+ title="theme: origin; category: origin; name: terra; variant: 400; ">
1455
+ originTerra400
1456
+ <a href="#origin-originTerra400"
1457
+ title="permalink"
1458
+ class="permalink">
1459
+ 🔗
1460
+ </a>
1461
+ </td>
1462
+ <td class="is-vcentered">
1463
+ <pre>#e0583eff</pre>
1464
+ </td>
1465
+ <td class="is-vcentered">
1466
+ <div class="table__color-preview"
1467
+ style="background-color: #e0583eff;">
1468
+ </div>
1469
+
1470
+ </td>
1471
+ </tr>
1472
+ <tr>
1473
+ <td class="with-icons is-vcentered"
1474
+ id="origin-originTerra500"
1475
+ title="theme: origin; category: origin; name: terra; variant: 500; ">
1476
+ originTerra500
1477
+ <a href="#origin-originTerra500"
1478
+ title="permalink"
1479
+ class="permalink">
1480
+ 🔗
1481
+ </a>
1482
+ </td>
1483
+ <td class="is-vcentered">
1484
+ <pre>#c94633ff</pre>
1485
+ </td>
1486
+ <td class="is-vcentered">
1487
+ <div class="table__color-preview"
1488
+ style="background-color: #c94633ff;">
1489
+ </div>
1490
+
1491
+ </td>
1492
+ </tr>
1493
+ <tr>
1494
+ <td class="with-icons is-vcentered"
1495
+ id="origin-originTerra600"
1496
+ title="theme: origin; category: origin; name: terra; variant: 600; ">
1497
+ originTerra600
1498
+ <a href="#origin-originTerra600"
1499
+ title="permalink"
1500
+ class="permalink">
1501
+ 🔗
1502
+ </a>
1503
+ </td>
1504
+ <td class="is-vcentered">
1505
+ <pre>#a13829ff</pre>
1506
+ </td>
1507
+ <td class="is-vcentered">
1508
+ <div class="table__color-preview"
1509
+ style="background-color: #a13829ff;">
1510
+ </div>
1511
+
1512
+ </td>
1513
+ </tr>
1514
+ <tr>
1515
+ <td class="with-icons is-vcentered"
1516
+ id="origin-originTerra700"
1517
+ title="theme: origin; category: origin; name: terra; variant: 700; ">
1518
+ originTerra700
1519
+ <a href="#origin-originTerra700"
1520
+ title="permalink"
1521
+ class="permalink">
1522
+ 🔗
1523
+ </a>
1524
+ </td>
1525
+ <td class="is-vcentered">
1526
+ <pre>#782a1eff</pre>
1527
+ </td>
1528
+ <td class="is-vcentered">
1529
+ <div class="table__color-preview"
1530
+ style="background-color: #782a1eff;">
1531
+ </div>
1532
+
1533
+ </td>
1534
+ </tr>
1535
+ <tr>
1536
+ <td class="with-icons is-vcentered"
1537
+ id="origin-originTerra800"
1538
+ title="theme: origin; category: origin; name: terra; variant: 800; ">
1539
+ originTerra800
1540
+ <a href="#origin-originTerra800"
1541
+ title="permalink"
1542
+ class="permalink">
1543
+ 🔗
1544
+ </a>
1545
+ </td>
1546
+ <td class="is-vcentered">
1547
+ <pre>#501c14ff</pre>
1548
+ </td>
1549
+ <td class="is-vcentered">
1550
+ <div class="table__color-preview"
1551
+ style="background-color: #501c14ff;">
1552
+ </div>
1553
+
1554
+ </td>
1555
+ </tr>
1556
+ <tr>
1557
+ <td class="with-icons is-vcentered"
1558
+ id="origin-originTerra900"
1559
+ title="theme: origin; category: origin; name: terra; variant: 900; ">
1560
+ originTerra900
1561
+ <a href="#origin-originTerra900"
1562
+ title="permalink"
1563
+ class="permalink">
1564
+ 🔗
1565
+ </a>
1566
+ </td>
1567
+ <td class="is-vcentered">
1568
+ <pre>#280e0aff</pre>
1569
+ </td>
1570
+ <td class="is-vcentered">
1571
+ <div class="table__color-preview"
1572
+ style="background-color: #280e0aff;">
1573
+ </div>
1574
+
1575
+ </td>
1576
+ </tr>
1577
+ <tr>
1578
+ <td class="with-icons is-vcentered"
1579
+ id="origin-originTerra1000"
1580
+ title="theme: origin; category: origin; name: terra; variant: 1000; ">
1581
+ originTerra1000
1582
+ <a href="#origin-originTerra1000"
1583
+ title="permalink"
1584
+ class="permalink">
1585
+ 🔗
1586
+ </a>
1587
+ </td>
1588
+ <td class="is-vcentered">
1589
+ <pre>#000000ff</pre>
1590
+ </td>
1591
+ <td class="is-vcentered">
1592
+ <div class="table__color-preview"
1593
+ style="background-color: #000000ff;">
1594
+ </div>
1595
+
1596
+ </td>
1597
+ </tr>
1598
+ <tr>
1599
+ <td class="with-icons is-vcentered"
1600
+ id="origin-originTerra000"
1601
+ title="theme: origin; category: origin; name: terra; variant: 000; ">
1602
+ originTerra000
1603
+ <a href="#origin-originTerra000"
1604
+ title="permalink"
1605
+ class="permalink">
1606
+ 🔗
1607
+ </a>
1608
+ </td>
1609
+ <td class="is-vcentered">
1610
+ <pre>#ffffffff</pre>
1611
+ </td>
1612
+ <td class="is-vcentered">
1613
+ <div class="table__color-preview"
1614
+ style="background-color: #ffffffff;">
1615
+ </div>
1616
+
1617
+ </td>
1618
+ </tr>
1619
+ <tr>
1620
+ <td class="with-icons is-vcentered"
1621
+ id="origin-originTerra010"
1622
+ title="theme: origin; category: origin; name: terra; variant: 010; ">
1623
+ originTerra010
1624
+ <a href="#origin-originTerra010"
1625
+ title="permalink"
1626
+ class="permalink">
1627
+ 🔗
1628
+ </a>
1629
+ </td>
1630
+ <td class="is-vcentered">
1631
+ <pre>#fff7f5ff</pre>
1632
+ </td>
1633
+ <td class="is-vcentered">
1634
+ <div class="table__color-preview"
1635
+ style="background-color: #fff7f5ff;">
1636
+ </div>
1637
+
1638
+ </td>
1639
+ </tr>
1640
+ <tr>
1641
+ <td class="with-icons is-vcentered"
1642
+ id="origin-originTerra050"
1643
+ title="theme: origin; category: origin; name: terra; variant: 050; ">
1644
+ originTerra050
1645
+ <a href="#origin-originTerra050"
1646
+ title="permalink"
1647
+ class="permalink">
1648
+ 🔗
1649
+ </a>
1650
+ </td>
1651
+ <td class="is-vcentered">
1652
+ <pre>#ffdcd1ff</pre>
1653
+ </td>
1654
+ <td class="is-vcentered">
1655
+ <div class="table__color-preview"
1656
+ style="background-color: #ffdcd1ff;">
1657
+ </div>
1658
+
1659
+ </td>
1660
+ </tr>
1661
+ <tr>
1662
+ <td class="with-icons is-vcentered"
1663
+ id="origin-originAmber100"
1664
+ title="theme: origin; category: origin; name: amber; variant: 100; ">
1665
+ originAmber100
1666
+ <a href="#origin-originAmber100"
1667
+ title="permalink"
1668
+ class="permalink">
1669
+ 🔗
1670
+ </a>
1671
+ </td>
1672
+ <td class="is-vcentered">
1673
+ <pre>#ffe290ff</pre>
1674
+ </td>
1675
+ <td class="is-vcentered">
1676
+ <div class="table__color-preview"
1677
+ style="background-color: #ffe290ff;">
1678
+ </div>
1679
+
1680
+ </td>
1681
+ </tr>
1682
+ <tr>
1683
+ <td class="with-icons is-vcentered"
1684
+ id="origin-originAmber200"
1685
+ title="theme: origin; category: origin; name: amber; variant: 200; ">
1686
+ originAmber200
1687
+ <a href="#origin-originAmber200"
1688
+ title="permalink"
1689
+ class="permalink">
1690
+ 🔗
1691
+ </a>
1692
+ </td>
1693
+ <td class="is-vcentered">
1694
+ <pre>#f5ce55ff</pre>
1695
+ </td>
1696
+ <td class="is-vcentered">
1697
+ <div class="table__color-preview"
1698
+ style="background-color: #f5ce55ff;">
1699
+ </div>
1700
+
1701
+ </td>
1702
+ </tr>
1703
+ <tr>
1704
+ <td class="with-icons is-vcentered"
1705
+ id="origin-originAmber300"
1706
+ title="theme: origin; category: origin; name: amber; variant: 300; ">
1707
+ originAmber300
1708
+ <a href="#origin-originAmber300"
1709
+ title="permalink"
1710
+ class="permalink">
1711
+ 🔗
1712
+ </a>
1713
+ </td>
1714
+ <td class="is-vcentered">
1715
+ <pre>#efab2fff</pre>
1716
+ </td>
1717
+ <td class="is-vcentered">
1718
+ <div class="table__color-preview"
1719
+ style="background-color: #efab2fff;">
1720
+ </div>
1721
+
1722
+ </td>
1723
+ </tr>
1724
+ <tr>
1725
+ <td class="with-icons is-vcentered"
1726
+ id="origin-originAmber400"
1727
+ title="theme: origin; category: origin; name: amber; variant: 400; ">
1728
+ originAmber400
1729
+ <a href="#origin-originAmber400"
1730
+ title="permalink"
1731
+ class="permalink">
1732
+ 🔗
1733
+ </a>
1734
+ </td>
1735
+ <td class="is-vcentered">
1736
+ <pre>#e98709ff</pre>
1737
+ </td>
1738
+ <td class="is-vcentered">
1739
+ <div class="table__color-preview"
1740
+ style="background-color: #e98709ff;">
1741
+ </div>
1742
+
1743
+ </td>
1744
+ </tr>
1745
+ <tr>
1746
+ <td class="with-icons is-vcentered"
1747
+ id="origin-originAmber500"
1748
+ title="theme: origin; category: origin; name: amber; variant: 500; ">
1749
+ originAmber500
1750
+ <a href="#origin-originAmber500"
1751
+ title="permalink"
1752
+ class="permalink">
1753
+ 🔗
1754
+ </a>
1755
+ </td>
1756
+ <td class="is-vcentered">
1757
+ <pre>#c15708ff</pre>
1758
+ </td>
1759
+ <td class="is-vcentered">
1760
+ <div class="table__color-preview"
1761
+ style="background-color: #c15708ff;">
1762
+ </div>
1763
+
1764
+ </td>
1765
+ </tr>
1766
+ <tr>
1767
+ <td class="with-icons is-vcentered"
1768
+ id="origin-originAmber600"
1769
+ title="theme: origin; category: origin; name: amber; variant: 600; ">
1770
+ originAmber600
1771
+ <a href="#origin-originAmber600"
1772
+ title="permalink"
1773
+ class="permalink">
1774
+ 🔗
1775
+ </a>
1776
+ </td>
1777
+ <td class="is-vcentered">
1778
+ <pre>#9b4609ff</pre>
1779
+ </td>
1780
+ <td class="is-vcentered">
1781
+ <div class="table__color-preview"
1782
+ style="background-color: #9b4609ff;">
1783
+ </div>
1784
+
1785
+ </td>
1786
+ </tr>
1787
+ <tr>
1788
+ <td class="with-icons is-vcentered"
1789
+ id="origin-originAmber700"
1790
+ title="theme: origin; category: origin; name: amber; variant: 700; ">
1791
+ originAmber700
1792
+ <a href="#origin-originAmber700"
1793
+ title="permalink"
1794
+ class="permalink">
1795
+ 🔗
1796
+ </a>
1797
+ </td>
1798
+ <td class="is-vcentered">
1799
+ <pre>#75330aff</pre>
1800
+ </td>
1801
+ <td class="is-vcentered">
1802
+ <div class="table__color-preview"
1803
+ style="background-color: #75330aff;">
1804
+ </div>
1805
+
1806
+ </td>
1807
+ </tr>
1808
+ <tr>
1809
+ <td class="with-icons is-vcentered"
1810
+ id="origin-originAmber800"
1811
+ title="theme: origin; category: origin; name: amber; variant: 800; ">
1812
+ originAmber800
1813
+ <a href="#origin-originAmber800"
1814
+ title="permalink"
1815
+ class="permalink">
1816
+ 🔗
1817
+ </a>
1818
+ </td>
1819
+ <td class="is-vcentered">
1820
+ <pre>#4f220bff</pre>
1821
+ </td>
1822
+ <td class="is-vcentered">
1823
+ <div class="table__color-preview"
1824
+ style="background-color: #4f220bff;">
1825
+ </div>
1826
+
1827
+ </td>
1828
+ </tr>
1829
+ <tr>
1830
+ <td class="with-icons is-vcentered"
1831
+ id="origin-originAmber900"
1832
+ title="theme: origin; category: origin; name: amber; variant: 900; ">
1833
+ originAmber900
1834
+ <a href="#origin-originAmber900"
1835
+ title="permalink"
1836
+ class="permalink">
1837
+ 🔗
1838
+ </a>
1839
+ </td>
1840
+ <td class="is-vcentered">
1841
+ <pre>#281106ff</pre>
1842
+ </td>
1843
+ <td class="is-vcentered">
1844
+ <div class="table__color-preview"
1845
+ style="background-color: #281106ff;">
1846
+ </div>
1847
+
1848
+ </td>
1849
+ </tr>
1850
+ <tr>
1851
+ <td class="with-icons is-vcentered"
1852
+ id="origin-originAmber1000"
1853
+ title="theme: origin; category: origin; name: amber; variant: 1000; ">
1854
+ originAmber1000
1855
+ <a href="#origin-originAmber1000"
1856
+ title="permalink"
1857
+ class="permalink">
1858
+ 🔗
1859
+ </a>
1860
+ </td>
1861
+ <td class="is-vcentered">
1862
+ <pre>#000000ff</pre>
1863
+ </td>
1864
+ <td class="is-vcentered">
1865
+ <div class="table__color-preview"
1866
+ style="background-color: #000000ff;">
1867
+ </div>
1868
+
1869
+ </td>
1870
+ </tr>
1871
+ <tr>
1872
+ <td class="with-icons is-vcentered"
1873
+ id="origin-originAmber000"
1874
+ title="theme: origin; category: origin; name: amber; variant: 000; ">
1875
+ originAmber000
1876
+ <a href="#origin-originAmber000"
1877
+ title="permalink"
1878
+ class="permalink">
1879
+ 🔗
1880
+ </a>
1881
+ </td>
1882
+ <td class="is-vcentered">
1883
+ <pre>#ffffffff</pre>
1884
+ </td>
1885
+ <td class="is-vcentered">
1886
+ <div class="table__color-preview"
1887
+ style="background-color: #ffffffff;">
1888
+ </div>
1889
+
1890
+ </td>
1891
+ </tr>
1892
+ <tr>
1893
+ <td class="with-icons is-vcentered"
1894
+ id="origin-originAmber010"
1895
+ title="theme: origin; category: origin; name: amber; variant: 010; ">
1896
+ originAmber010
1897
+ <a href="#origin-originAmber010"
1898
+ title="permalink"
1899
+ class="permalink">
1900
+ 🔗
1901
+ </a>
1902
+ </td>
1903
+ <td class="is-vcentered">
1904
+ <pre>#fffcefff</pre>
1905
+ </td>
1906
+ <td class="is-vcentered">
1907
+ <div class="table__color-preview"
1908
+ style="background-color: #fffcefff;">
1909
+ </div>
1910
+
1911
+ </td>
1912
+ </tr>
1913
+ <tr>
1914
+ <td class="with-icons is-vcentered"
1915
+ id="origin-originAmber050"
1916
+ title="theme: origin; category: origin; name: amber; variant: 050; ">
1917
+ originAmber050
1918
+ <a href="#origin-originAmber050"
1919
+ title="permalink"
1920
+ class="permalink">
1921
+ 🔗
1922
+ </a>
1923
+ </td>
1924
+ <td class="is-vcentered">
1925
+ <pre>#fff0c3ff</pre>
1926
+ </td>
1927
+ <td class="is-vcentered">
1928
+ <div class="table__color-preview"
1929
+ style="background-color: #fff0c3ff;">
1930
+ </div>
1931
+
1932
+ </td>
1933
+ </tr>
1934
+ <tr>
1935
+ <td class="with-icons is-vcentered"
1936
+ id="origin-originSkin400"
1937
+ title="theme: origin; category: origin; name: skin; variant: 400; ">
1938
+ originSkin400
1939
+ <a href="#origin-originSkin400"
1940
+ title="permalink"
1941
+ class="permalink">
1942
+ 🔗
1943
+ </a>
1944
+ </td>
1945
+ <td class="is-vcentered">
1946
+ <pre>#ddb89eff</pre>
1947
+ </td>
1948
+ <td class="is-vcentered">
1949
+ <div class="table__color-preview"
1950
+ style="background-color: #ddb89eff;">
1951
+ </div>
1952
+
1953
+ </td>
1954
+ </tr>
1955
+ <tr>
1956
+ <td class="with-icons is-vcentered"
1957
+ id="origin-originSkin500"
1958
+ title="theme: origin; category: origin; name: skin; variant: 500; ">
1959
+ originSkin500
1960
+ <a href="#origin-originSkin500"
1961
+ title="permalink"
1962
+ class="permalink">
1963
+ 🔗
1964
+ </a>
1965
+ </td>
1966
+ <td class="is-vcentered">
1967
+ <pre>#e84d4fff</pre>
1968
+ </td>
1969
+ <td class="is-vcentered">
1970
+ <div class="table__color-preview"
1971
+ style="background-color: #e84d4fff;">
1972
+ </div>
1973
+
1974
+ </td>
1975
+ </tr>
1976
+ <tr>
1977
+ <td class="with-icons is-vcentered"
1978
+ id="origin-originSkin600"
1979
+ title="theme: origin; category: origin; name: skin; variant: 600; ">
1980
+ originSkin600
1981
+ <a href="#origin-originSkin600"
1982
+ title="permalink"
1983
+ class="permalink">
1984
+ 🔗
1985
+ </a>
1986
+ </td>
1987
+ <td class="is-vcentered">
1988
+ <pre>#b26e3dff</pre>
1989
+ </td>
1990
+ <td class="is-vcentered">
1991
+ <div class="table__color-preview"
1992
+ style="background-color: #b26e3dff;">
1993
+ </div>
1994
+
1995
+ </td>
1996
+ </tr>
1997
+ <tr>
1998
+ <td class="with-icons is-vcentered"
1999
+ id="origin-originSkin700"
2000
+ title="theme: origin; category: origin; name: skin; variant: 700; ">
2001
+ originSkin700
2002
+ <a href="#origin-originSkin700"
2003
+ title="permalink"
2004
+ class="permalink">
2005
+ 🔗
2006
+ </a>
2007
+ </td>
2008
+ <td class="is-vcentered">
2009
+ <pre>#3a2417ff</pre>
2010
+ </td>
2011
+ <td class="is-vcentered">
2012
+ <div class="table__color-preview"
2013
+ style="background-color: #3a2417ff;">
2014
+ </div>
2015
+
2016
+ </td>
2017
+ </tr>
2018
+ <tr>
2019
+ <td class="with-icons is-vcentered"
2020
+ id="origin-originGray100"
2021
+ title="theme: origin; category: origin; name: gray; variant: 100; ">
2022
+ originGray100
2023
+ <a href="#origin-originGray100"
2024
+ title="permalink"
2025
+ class="permalink">
2026
+ 🔗
2027
+ </a>
2028
+ </td>
2029
+ <td class="is-vcentered">
2030
+ <pre>#e6e6e6ff</pre>
2031
+ </td>
2032
+ <td class="is-vcentered">
2033
+ <div class="table__color-preview"
2034
+ style="background-color: #e6e6e6ff;">
2035
+ </div>
2036
+
2037
+ </td>
2038
+ </tr>
2039
+ <tr>
2040
+ <td class="with-icons is-vcentered"
2041
+ id="origin-originGray200"
2042
+ title="theme: origin; category: origin; name: gray; variant: 200; ">
2043
+ originGray200
2044
+ <a href="#origin-originGray200"
2045
+ title="permalink"
2046
+ class="permalink">
2047
+ 🔗
2048
+ </a>
2049
+ </td>
2050
+ <td class="is-vcentered">
2051
+ <pre>#ccccccff</pre>
2052
+ </td>
2053
+ <td class="is-vcentered">
2054
+ <div class="table__color-preview"
2055
+ style="background-color: #ccccccff;">
2056
+ </div>
2057
+
2058
+ </td>
2059
+ </tr>
2060
+ <tr>
2061
+ <td class="with-icons is-vcentered"
2062
+ id="origin-originGray300"
2063
+ title="theme: origin; category: origin; name: gray; variant: 300; ">
2064
+ originGray300
2065
+ <a href="#origin-originGray300"
2066
+ title="permalink"
2067
+ class="permalink">
2068
+ 🔗
2069
+ </a>
2070
+ </td>
2071
+ <td class="is-vcentered">
2072
+ <pre>#b3b3b3ff</pre>
2073
+ </td>
2074
+ <td class="is-vcentered">
2075
+ <div class="table__color-preview"
2076
+ style="background-color: #b3b3b3ff;">
2077
+ </div>
2078
+
2079
+ </td>
2080
+ </tr>
2081
+ <tr>
2082
+ <td class="with-icons is-vcentered"
2083
+ id="origin-originGray400"
2084
+ title="theme: origin; category: origin; name: gray; variant: 400; ">
2085
+ originGray400
2086
+ <a href="#origin-originGray400"
2087
+ title="permalink"
2088
+ class="permalink">
2089
+ 🔗
2090
+ </a>
2091
+ </td>
2092
+ <td class="is-vcentered">
2093
+ <pre>#999999ff</pre>
2094
+ </td>
2095
+ <td class="is-vcentered">
2096
+ <div class="table__color-preview"
2097
+ style="background-color: #999999ff;">
2098
+ </div>
2099
+
2100
+ </td>
2101
+ </tr>
2102
+ <tr>
2103
+ <td class="with-icons is-vcentered"
2104
+ id="origin-originGray500"
2105
+ title="theme: origin; category: origin; name: gray; variant: 500; ">
2106
+ originGray500
2107
+ <a href="#origin-originGray500"
2108
+ title="permalink"
2109
+ class="permalink">
2110
+ 🔗
2111
+ </a>
2112
+ </td>
2113
+ <td class="is-vcentered">
2114
+ <pre>#808080ff</pre>
2115
+ </td>
2116
+ <td class="is-vcentered">
2117
+ <div class="table__color-preview"
2118
+ style="background-color: #808080ff;">
2119
+ </div>
2120
+
2121
+ </td>
2122
+ </tr>
2123
+ <tr>
2124
+ <td class="with-icons is-vcentered"
2125
+ id="origin-originGray600"
2126
+ title="theme: origin; category: origin; name: gray; variant: 600; ">
2127
+ originGray600
2128
+ <a href="#origin-originGray600"
2129
+ title="permalink"
2130
+ class="permalink">
2131
+ 🔗
2132
+ </a>
2133
+ </td>
2134
+ <td class="is-vcentered">
2135
+ <pre>#666666ff</pre>
2136
+ </td>
2137
+ <td class="is-vcentered">
2138
+ <div class="table__color-preview"
2139
+ style="background-color: #666666ff;">
2140
+ </div>
2141
+
2142
+ </td>
2143
+ </tr>
2144
+ <tr>
2145
+ <td class="with-icons is-vcentered"
2146
+ id="origin-originGray700"
2147
+ title="theme: origin; category: origin; name: gray; variant: 700; ">
2148
+ originGray700
2149
+ <a href="#origin-originGray700"
2150
+ title="permalink"
2151
+ class="permalink">
2152
+ 🔗
2153
+ </a>
2154
+ </td>
2155
+ <td class="is-vcentered">
2156
+ <pre>#4d4d4dff</pre>
2157
+ </td>
2158
+ <td class="is-vcentered">
2159
+ <div class="table__color-preview"
2160
+ style="background-color: #4d4d4dff;">
2161
+ </div>
2162
+
2163
+ </td>
2164
+ </tr>
2165
+ <tr>
2166
+ <td class="with-icons is-vcentered"
2167
+ id="origin-originGray800"
2168
+ title="theme: origin; category: origin; name: gray; variant: 800; ">
2169
+ originGray800
2170
+ <a href="#origin-originGray800"
2171
+ title="permalink"
2172
+ class="permalink">
2173
+ 🔗
2174
+ </a>
2175
+ </td>
2176
+ <td class="is-vcentered">
2177
+ <pre>#333333ff</pre>
2178
+ </td>
2179
+ <td class="is-vcentered">
2180
+ <div class="table__color-preview"
2181
+ style="background-color: #333333ff;">
2182
+ </div>
2183
+
2184
+ </td>
2185
+ </tr>
2186
+ <tr>
2187
+ <td class="with-icons is-vcentered"
2188
+ id="origin-originGray900"
2189
+ title="theme: origin; category: origin; name: gray; variant: 900; ">
2190
+ originGray900
2191
+ <a href="#origin-originGray900"
2192
+ title="permalink"
2193
+ class="permalink">
2194
+ 🔗
2195
+ </a>
2196
+ </td>
2197
+ <td class="is-vcentered">
2198
+ <pre>#191919ff</pre>
2199
+ </td>
2200
+ <td class="is-vcentered">
2201
+ <div class="table__color-preview"
2202
+ style="background-color: #191919ff;">
2203
+ </div>
2204
+
2205
+ </td>
2206
+ </tr>
2207
+ <tr>
2208
+ <td class="with-icons is-vcentered"
2209
+ id="origin-originGray1000"
2210
+ title="theme: origin; category: origin; name: gray; variant: 1000; ">
2211
+ originGray1000
2212
+ <a href="#origin-originGray1000"
2213
+ title="permalink"
2214
+ class="permalink">
2215
+ 🔗
2216
+ </a>
2217
+ </td>
2218
+ <td class="is-vcentered">
2219
+ <pre>#000000ff</pre>
2220
+ </td>
2221
+ <td class="is-vcentered">
2222
+ <div class="table__color-preview"
2223
+ style="background-color: #000000ff;">
2224
+ </div>
2225
+
2226
+ </td>
2227
+ </tr>
2228
+ <tr>
2229
+ <td class="with-icons is-vcentered"
2230
+ id="origin-originGray000"
2231
+ title="theme: origin; category: origin; name: gray; variant: 000; ">
2232
+ originGray000
2233
+ <a href="#origin-originGray000"
2234
+ title="permalink"
2235
+ class="permalink">
2236
+ 🔗
2237
+ </a>
2238
+ </td>
2239
+ <td class="is-vcentered">
2240
+ <pre>#ffffffff</pre>
2241
+ </td>
2242
+ <td class="is-vcentered">
2243
+ <div class="table__color-preview"
2244
+ style="background-color: #ffffffff;">
2245
+ </div>
2246
+
2247
+ </td>
2248
+ </tr>
2249
+ <tr>
2250
+ <td class="with-icons is-vcentered"
2251
+ id="origin-originGray010"
2252
+ title="theme: origin; category: origin; name: gray; variant: 010; ">
2253
+ originGray010
2254
+ <a href="#origin-originGray010"
2255
+ title="permalink"
2256
+ class="permalink">
2257
+ 🔗
2258
+ </a>
2259
+ </td>
2260
+ <td class="is-vcentered">
2261
+ <pre>#fcfcfcff</pre>
2262
+ </td>
2263
+ <td class="is-vcentered">
2264
+ <div class="table__color-preview"
2265
+ style="background-color: #fcfcfcff;">
2266
+ </div>
2267
+
2268
+ </td>
2269
+ </tr>
2270
+ <tr>
2271
+ <td class="with-icons is-vcentered"
2272
+ id="origin-originGray050"
2273
+ title="theme: origin; category: origin; name: gray; variant: 050; ">
2274
+ originGray050
2275
+ <a href="#origin-originGray050"
2276
+ title="permalink"
2277
+ class="permalink">
2278
+ 🔗
2279
+ </a>
2280
+ </td>
2281
+ <td class="is-vcentered">
2282
+ <pre>#f2f2f2ff</pre>
2283
+ </td>
2284
+ <td class="is-vcentered">
2285
+ <div class="table__color-preview"
2286
+ style="background-color: #f2f2f2ff;">
2287
+ </div>
2288
+
2289
+ </td>
2290
+ </tr>
2291
+ <tr>
2292
+ <td class="with-icons is-vcentered"
2293
+ id="origin-originMalachite100"
2294
+ title="theme: origin; category: origin; name: malachite; variant: 100; ">
2295
+ originMalachite100
2296
+ <a href="#origin-originMalachite100"
2297
+ title="permalink"
2298
+ class="permalink">
2299
+ 🔗
2300
+ </a>
2301
+ </td>
2302
+ <td class="is-vcentered">
2303
+ <pre>#8df79fff</pre>
2304
+ </td>
2305
+ <td class="is-vcentered">
2306
+ <div class="table__color-preview"
2307
+ style="background-color: #8df79fff;">
2308
+ </div>
2309
+
2310
+ </td>
2311
+ </tr>
2312
+ <tr>
2313
+ <td class="with-icons is-vcentered"
2314
+ id="origin-originMalachite200"
2315
+ title="theme: origin; category: origin; name: malachite; variant: 200; ">
2316
+ originMalachite200
2317
+ <a href="#origin-originMalachite200"
2318
+ title="permalink"
2319
+ class="permalink">
2320
+ 🔗
2321
+ </a>
2322
+ </td>
2323
+ <td class="is-vcentered">
2324
+ <pre>#42eb64ff</pre>
2325
+ </td>
2326
+ <td class="is-vcentered">
2327
+ <div class="table__color-preview"
2328
+ style="background-color: #42eb64ff;">
2329
+ </div>
2330
+
2331
+ </td>
2332
+ </tr>
2333
+ <tr>
2334
+ <td class="with-icons is-vcentered"
2335
+ id="origin-originMalachite300"
2336
+ title="theme: origin; category: origin; name: malachite; variant: 300; ">
2337
+ originMalachite300
2338
+ <a href="#origin-originMalachite300"
2339
+ title="permalink"
2340
+ class="permalink">
2341
+ 🔗
2342
+ </a>
2343
+ </td>
2344
+ <td class="is-vcentered">
2345
+ <pre>#00d639ff</pre>
2346
+ </td>
2347
+ <td class="is-vcentered">
2348
+ <div class="table__color-preview"
2349
+ style="background-color: #00d639ff;">
2350
+ </div>
2351
+
2352
+ </td>
2353
+ </tr>
2354
+ <tr>
2355
+ <td class="with-icons is-vcentered"
2356
+ id="origin-originMalachite400"
2357
+ title="theme: origin; category: origin; name: malachite; variant: 400; ">
2358
+ originMalachite400
2359
+ <a href="#origin-originMalachite400"
2360
+ title="permalink"
2361
+ class="permalink">
2362
+ 🔗
2363
+ </a>
2364
+ </td>
2365
+ <td class="is-vcentered">
2366
+ <pre>#00af2dff</pre>
2367
+ </td>
2368
+ <td class="is-vcentered">
2369
+ <div class="table__color-preview"
2370
+ style="background-color: #00af2dff;">
2371
+ </div>
2372
+
2373
+ </td>
2374
+ </tr>
2375
+ <tr>
2376
+ <td class="with-icons is-vcentered"
2377
+ id="origin-originMalachite500"
2378
+ title="theme: origin; category: origin; name: malachite; variant: 500; ">
2379
+ originMalachite500
2380
+ <a href="#origin-originMalachite500"
2381
+ title="permalink"
2382
+ class="permalink">
2383
+ 🔗
2384
+ </a>
2385
+ </td>
2386
+ <td class="is-vcentered">
2387
+ <pre>#008a21ff</pre>
2388
+ </td>
2389
+ <td class="is-vcentered">
2390
+ <div class="table__color-preview"
2391
+ style="background-color: #008a21ff;">
2392
+ </div>
2393
+
2394
+ </td>
2395
+ </tr>
2396
+ <tr>
2397
+ <td class="with-icons is-vcentered"
2398
+ id="origin-originMalachite600"
2399
+ title="theme: origin; category: origin; name: malachite; variant: 600; ">
2400
+ originMalachite600
2401
+ <a href="#origin-originMalachite600"
2402
+ title="permalink"
2403
+ class="permalink">
2404
+ 🔗
2405
+ </a>
2406
+ </td>
2407
+ <td class="is-vcentered">
2408
+ <pre>#006716ff</pre>
2409
+ </td>
2410
+ <td class="is-vcentered">
2411
+ <div class="table__color-preview"
2412
+ style="background-color: #006716ff;">
2413
+ </div>
2414
+
2415
+ </td>
2416
+ </tr>
2417
+ <tr>
2418
+ <td class="with-icons is-vcentered"
2419
+ id="origin-originMalachite700"
2420
+ title="theme: origin; category: origin; name: malachite; variant: 700; ">
2421
+ originMalachite700
2422
+ <a href="#origin-originMalachite700"
2423
+ title="permalink"
2424
+ class="permalink">
2425
+ 🔗
2426
+ </a>
2427
+ </td>
2428
+ <td class="is-vcentered">
2429
+ <pre>#00460cff</pre>
2430
+ </td>
2431
+ <td class="is-vcentered">
2432
+ <div class="table__color-preview"
2433
+ style="background-color: #00460cff;">
2434
+ </div>
2435
+
2436
+ </td>
2437
+ </tr>
2438
+ <tr>
2439
+ <td class="with-icons is-vcentered"
2440
+ id="origin-originMalachite800"
2441
+ title="theme: origin; category: origin; name: malachite; variant: 800; ">
2442
+ originMalachite800
2443
+ <a href="#origin-originMalachite800"
2444
+ title="permalink"
2445
+ class="permalink">
2446
+ 🔗
2447
+ </a>
2448
+ </td>
2449
+ <td class="is-vcentered">
2450
+ <pre>#002f08ff</pre>
2451
+ </td>
2452
+ <td class="is-vcentered">
2453
+ <div class="table__color-preview"
2454
+ style="background-color: #002f08ff;">
2455
+ </div>
2456
+
2457
+ </td>
2458
+ </tr>
2459
+ <tr>
2460
+ <td class="with-icons is-vcentered"
2461
+ id="origin-originMalachite900"
2462
+ title="theme: origin; category: origin; name: malachite; variant: 900; ">
2463
+ originMalachite900
2464
+ <a href="#origin-originMalachite900"
2465
+ title="permalink"
2466
+ class="permalink">
2467
+ 🔗
2468
+ </a>
2469
+ </td>
2470
+ <td class="is-vcentered">
2471
+ <pre>#001704ff</pre>
2472
+ </td>
2473
+ <td class="is-vcentered">
2474
+ <div class="table__color-preview"
2475
+ style="background-color: #001704ff;">
2476
+ </div>
2477
+
2478
+ </td>
2479
+ </tr>
2480
+ <tr>
2481
+ <td class="with-icons is-vcentered"
2482
+ id="origin-originMalachite1000"
2483
+ title="theme: origin; category: origin; name: malachite; variant: 1000; ">
2484
+ originMalachite1000
2485
+ <a href="#origin-originMalachite1000"
2486
+ title="permalink"
2487
+ class="permalink">
2488
+ 🔗
2489
+ </a>
2490
+ </td>
2491
+ <td class="is-vcentered">
2492
+ <pre>#000000ff</pre>
2493
+ </td>
2494
+ <td class="is-vcentered">
2495
+ <div class="table__color-preview"
2496
+ style="background-color: #000000ff;">
2497
+ </div>
2498
+
2499
+ </td>
2500
+ </tr>
2501
+ <tr>
2502
+ <td class="with-icons is-vcentered"
2503
+ id="origin-originMalachite000"
2504
+ title="theme: origin; category: origin; name: malachite; variant: 000; ">
2505
+ originMalachite000
2506
+ <a href="#origin-originMalachite000"
2507
+ title="permalink"
2508
+ class="permalink">
2509
+ 🔗
2510
+ </a>
2511
+ </td>
2512
+ <td class="is-vcentered">
2513
+ <pre>#ffffffff</pre>
2514
+ </td>
2515
+ <td class="is-vcentered">
2516
+ <div class="table__color-preview"
2517
+ style="background-color: #ffffffff;">
2518
+ </div>
2519
+
2520
+ </td>
2521
+ </tr>
2522
+ <tr>
2523
+ <td class="with-icons is-vcentered"
2524
+ id="origin-originMalachite010"
2525
+ title="theme: origin; category: origin; name: malachite; variant: 010; ">
2526
+ originMalachite010
2527
+ <a href="#origin-originMalachite010"
2528
+ title="permalink"
2529
+ class="permalink">
2530
+ 🔗
2531
+ </a>
2532
+ </td>
2533
+ <td class="is-vcentered">
2534
+ <pre>#effcf0ff</pre>
2535
+ </td>
2536
+ <td class="is-vcentered">
2537
+ <div class="table__color-preview"
2538
+ style="background-color: #effcf0ff;">
2539
+ </div>
2540
+
2541
+ </td>
2542
+ </tr>
2543
+ <tr>
2544
+ <td class="with-icons is-vcentered"
2545
+ id="origin-originMalachite050"
2546
+ title="theme: origin; category: origin; name: malachite; variant: 050; ">
2547
+ originMalachite050
2548
+ <a href="#origin-originMalachite050"
2549
+ title="permalink"
2550
+ class="permalink">
2551
+ 🔗
2552
+ </a>
2553
+ </td>
2554
+ <td class="is-vcentered">
2555
+ <pre>#c1fac7ff</pre>
2556
+ </td>
2557
+ <td class="is-vcentered">
2558
+ <div class="table__color-preview"
2559
+ style="background-color: #c1fac7ff;">
2560
+ </div>
2561
+
2562
+ </td>
2563
+ </tr>
2564
+ <tr>
2565
+ <td class="with-icons is-vcentered"
2566
+ id="origin-originFuschia400"
2567
+ title="theme: origin; category: origin; name: fuschia; variant: 400; ">
2568
+ originFuschia400
2569
+ <a href="#origin-originFuschia400"
2570
+ title="permalink"
2571
+ class="permalink">
2572
+ 🔗
2573
+ </a>
2574
+ </td>
2575
+ <td class="is-vcentered">
2576
+ <pre>#bf47c3ff</pre>
2577
+ </td>
2578
+ <td class="is-vcentered">
2579
+ <div class="table__color-preview"
2580
+ style="background-color: #bf47c3ff;">
2581
+ </div>
2582
+
2583
+ </td>
2584
+ </tr>
2585
+ <tr>
2586
+ <td class="with-icons is-vcentered"
2587
+ id="origin-originFuschia500"
2588
+ title="theme: origin; category: origin; name: fuschia; variant: 500; ">
2589
+ originFuschia500
2590
+ <a href="#origin-originFuschia500"
2591
+ title="permalink"
2592
+ class="permalink">
2593
+ 🔗
2594
+ </a>
2595
+ </td>
2596
+ <td class="is-vcentered">
2597
+ <pre>#b832bcff</pre>
2598
+ </td>
2599
+ <td class="is-vcentered">
2600
+ <div class="table__color-preview"
2601
+ style="background-color: #b832bcff;">
2602
+ </div>
2603
+
2604
+ </td>
2605
+ </tr>
2606
+ </table>
2607
+ </section>
2608
+ </main>
2609
+ </div>
2610
+
2611
+ </div>
2612
+
2613
+ <script>
2614
+ const searchParams = new URLSearchParams(window.location.search);
2615
+ const embedded = !!searchParams.get('embedded');
2616
+ if(embedded) {
2617
+ document.body.classList.add('embedded')
2618
+ }
2619
+ </script>
2620
+ </body>
2621
+ </html>