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