@sage/design-tokens 2.2.0 → 2.3.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 +385 -0
  2. package/assets/fonts/sageui.css +18 -18
  3. package/css/base.css +387 -0
  4. package/data/tokens.json +1450 -257
  5. package/docs/tokens/{no-theme → base}/border-radius/index.html +25 -20
  6. package/docs/tokens/{no-theme → base}/border-width/index.html +35 -30
  7. package/docs/tokens/base/box-shadow/index.html +451 -0
  8. package/docs/tokens/base/colors/index.html +4063 -0
  9. package/docs/tokens/{no-theme → base}/font-families/index.html +33 -28
  10. package/docs/tokens/{no-theme → base}/font-sizes/index.html +65 -60
  11. package/docs/tokens/{no-theme → base}/font-weights/index.html +29 -24
  12. package/docs/tokens/base/index.html +8353 -0
  13. package/docs/tokens/{no-theme → base}/line-heights/index.html +47 -21
  14. package/docs/tokens/{no-theme/box-shadow → base/opacity}/index.html +42 -58
  15. package/docs/tokens/{no-theme → base}/sizing/index.html +167 -78
  16. package/docs/tokens/{no-theme → base}/spacing/index.html +71 -66
  17. package/docs/tokens/base/typography/index.html +2698 -0
  18. package/docs/tokens/index.html +4318 -1771
  19. package/index.d.ts +2 -2
  20. package/index.js +2 -2
  21. package/ios/base.h +389 -0
  22. package/js/{no-theme → base}/common.d.ts +136 -16
  23. package/js/base/common.js +387 -0
  24. package/js/{no-theme → base}/es6.d.ts +136 -16
  25. package/js/base/es6.js +382 -0
  26. package/package.json +1 -1
  27. package/sage-design-tokens-2.3.0.tgz +0 -0
  28. package/scss/base.scss +384 -0
  29. package/android/no-theme.xml +0 -265
  30. package/css/no-theme.css +0 -267
  31. package/docs/tokens/no-theme/colors/index.html +0 -2903
  32. package/docs/tokens/no-theme/index.html +0 -5811
  33. package/docs/tokens/no-theme/typography/index.html +0 -1559
  34. package/ios/no-theme.h +0 -269
  35. package/js/no-theme/common.js +0 -267
  36. package/js/no-theme/es6.js +0 -262
  37. package/sage-design-tokens-2.2.0.tgz +0 -0
  38. package/scss/no-theme.scss +0 -264
package/docs/tokens/no-theme/colors/index.html DELETED
@@ -1,2903 +0,0 @@
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 / no-theme / colors</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="../../no-theme/index.html">
194
- no-theme
195
- </a>
196
- </p>
197
- <ul class="menu-list">
198
- <li>
199
- <a href="../../no-theme/colors/index.html">
200
- colors
201
- </a>
202
- </li>
203
- <li>
204
- <a href="../../no-theme/sizing/index.html">
205
- sizing
206
- </a>
207
- </li>
208
- <li>
209
- <a href="../../no-theme/spacing/index.html">
210
- spacing
211
- </a>
212
- </li>
213
- <li>
214
- <a href="../../no-theme/border-width/index.html">
215
- borderWidth
216
- </a>
217
- </li>
218
- <li>
219
- <a href="../../no-theme/font-sizes/index.html">
220
- fontSizes
221
- </a>
222
- </li>
223
- <li>
224
- <a href="../../no-theme/box-shadow/index.html">
225
- boxShadow
226
- </a>
227
- </li>
228
- <li>
229
- <a href="../../no-theme/font-weights/index.html">
230
- fontWeights
231
- </a>
232
- </li>
233
- <li>
234
- <a href="../../no-theme/line-heights/index.html">
235
- lineHeights
236
- </a>
237
- </li>
238
- <li>
239
- <a href="../../no-theme/font-families/index.html">
240
- fontFamilies
241
- </a>
242
- </li>
243
- <li>
244
- <a href="../../no-theme/border-radius/index.html">
245
- borderRadius
246
- </a>
247
- </li>
248
- <li>
249
- <a href="../../no-theme/typography/index.html">
250
- typography
251
- </a>
252
- </li>
253
- </ul>
254
- </section>
255
- </aside>
256
- <main class="content">
257
- <h1 class="hide-on-embedded">
258
- <a href="../../index.html">
259
- Sage Design Tokens
260
- </a>
261
- /
262
- <a href="../index.html">
263
- no-theme
264
- </a>
265
- /
266
- colors
267
- </h1>
268
-
269
- <section class="my-6">
270
- <table class="table is-bordered is-hoverable is-fullwidth">
271
- <colgroup>
272
- <col width="50%">
273
- <col width="25%">
274
- <col width="35%">
275
- </colgroup>
276
- <thead>
277
- <tr>
278
- <th class="has-background-light">Name</th>
279
- <th class="has-background-light">Value</th>
280
- <th class="has-background-light">Preview</th>
281
- </tr>
282
- </thead>
283
- <tr>
284
- <td class="with-icons is-vcentered"
285
- id="no-theme-colorsLogo"
286
- title="theme: no-theme; category: colors; variant: logo; ">
287
- colorsLogo
288
- <a href="#no-theme-colorsLogo"
289
- title="permalink"
290
- class="permalink">
291
- 🔗
292
- </a>
293
- </td>
294
- <td class="is-vcentered">
295
- <pre>#ef001dff</pre>
296
- </td>
297
- <td class="is-vcentered">
298
- <div class="table__color-preview"
299
- style="background-color: #ef001dff;">
300
- </div>
301
-
302
- </td>
303
- </tr>
304
- <tr>
305
- <td class="with-icons is-vcentered"
306
- id="no-theme-colorsTransparent"
307
- title="theme: no-theme; category: colors; variant: transparent; ">
308
- colorsTransparent
309
- <a href="#no-theme-colorsTransparent"
310
- title="permalink"
311
- class="permalink">
312
- 🔗
313
- </a>
314
- </td>
315
- <td class="is-vcentered">
316
- <pre>#00000000</pre>
317
- </td>
318
- <td class="is-vcentered">
319
- <div class="table__color-preview"
320
- style="background-color: #00000000;">
321
- </div>
322
-
323
- </td>
324
- </tr>
325
- <tr>
326
- <td class="with-icons is-vcentered"
327
- id="no-theme-colorsYin030"
328
- title="theme: no-theme; category: colors; name: yin; variant: 030; ">
329
- colorsYin030
330
- <a href="#no-theme-colorsYin030"
331
- title="permalink"
332
- class="permalink">
333
- 🔗
334
- </a>
335
- </td>
336
- <td class="is-vcentered">
337
- <pre>#00ac004d</pre>
338
- </td>
339
- <td class="is-vcentered">
340
- <div class="table__color-preview"
341
- style="background-color: #00ac004d;">
342
- </div>
343
-
344
- </td>
345
- </tr>
346
- <tr>
347
- <td class="with-icons is-vcentered"
348
- id="no-theme-colorsYin055"
349
- title="theme: no-theme; category: colors; name: yin; variant: 055; ">
350
- colorsYin055
351
- <a href="#no-theme-colorsYin055"
352
- title="permalink"
353
- class="permalink">
354
- 🔗
355
- </a>
356
- </td>
357
- <td class="is-vcentered">
358
- <pre>#00ac008c</pre>
359
- </td>
360
- <td class="is-vcentered">
361
- <div class="table__color-preview"
362
- style="background-color: #00ac008c;">
363
- </div>
364
-
365
- </td>
366
- </tr>
367
- <tr>
368
- <td class="with-icons is-vcentered"
369
- id="no-theme-colorsYin065"
370
- title="theme: no-theme; category: colors; name: yin; variant: 065; ">
371
- colorsYin065
372
- <a href="#no-theme-colorsYin065"
373
- title="permalink"
374
- class="permalink">
375
- 🔗
376
- </a>
377
- </td>
378
- <td class="is-vcentered">
379
- <pre>#00ac00a6</pre>
380
- </td>
381
- <td class="is-vcentered">
382
- <div class="table__color-preview"
383
- style="background-color: #00ac00a6;">
384
- </div>
385
-
386
- </td>
387
- </tr>
388
- <tr>
389
- <td class="with-icons is-vcentered"
390
- id="no-theme-colorsYin090"
391
- title="theme: no-theme; category: colors; name: yin; variant: 090; ">
392
- colorsYin090
393
- <a href="#no-theme-colorsYin090"
394
- title="permalink"
395
- class="permalink">
396
- 🔗
397
- </a>
398
- </td>
399
- <td class="is-vcentered">
400
- <pre>#00ac00e6</pre>
401
- </td>
402
- <td class="is-vcentered">
403
- <div class="table__color-preview"
404
- style="background-color: #00ac00e6;">
405
- </div>
406
-
407
- </td>
408
- </tr>
409
- <tr>
410
- <td class="with-icons is-vcentered"
411
- id="no-theme-colorsYang100"
412
- title="theme: no-theme; category: colors; name: yang; variant: 100; ">
413
- colorsYang100
414
- <a href="#no-theme-colorsYang100"
415
- title="permalink"
416
- class="permalink">
417
- 🔗
418
- </a>
419
- </td>
420
- <td class="is-vcentered">
421
- <pre>#ffff00ff</pre>
422
- </td>
423
- <td class="is-vcentered">
424
- <div class="table__color-preview"
425
- style="background-color: #ffff00ff;">
426
- </div>
427
-
428
- </td>
429
- </tr>
430
- <tr>
431
- <td class="with-icons is-vcentered"
432
- id="no-theme-colorsDisabled400"
433
- title="theme: no-theme; category: colors; name: disabled; variant: 400; ">
434
- colorsDisabled400
435
- <a href="#no-theme-colorsDisabled400"
436
- title="permalink"
437
- class="permalink">
438
- 🔗
439
- </a>
440
- </td>
441
- <td class="is-vcentered">
442
- <pre>#ed99f9ff</pre>
443
- </td>
444
- <td class="is-vcentered">
445
- <div class="table__color-preview"
446
- style="background-color: #ed99f9ff;">
447
- </div>
448
-
449
- </td>
450
- </tr>
451
- <tr>
452
- <td class="with-icons is-vcentered"
453
- id="no-theme-colorsDisabled500"
454
- title="theme: no-theme; category: colors; name: disabled; variant: 500; ">
455
- colorsDisabled500
456
- <a href="#no-theme-colorsDisabled500"
457
- title="permalink"
458
- class="permalink">
459
- 🔗
460
- </a>
461
- </td>
462
- <td class="is-vcentered">
463
- <pre>#e880f7ff</pre>
464
- </td>
465
- <td class="is-vcentered">
466
- <div class="table__color-preview"
467
- style="background-color: #e880f7ff;">
468
- </div>
469
-
470
- </td>
471
- </tr>
472
- <tr>
473
- <td class="with-icons is-vcentered"
474
- id="no-theme-colorsDisabled600"
475
- title="theme: no-theme; category: colors; name: disabled; variant: 600; ">
476
- colorsDisabled600
477
- <a href="#no-theme-colorsDisabled600"
478
- title="permalink"
479
- class="permalink">
480
- 🔗
481
- </a>
482
- </td>
483
- <td class="is-vcentered">
484
- <pre>#e366f5ff</pre>
485
- </td>
486
- <td class="is-vcentered">
487
- <div class="table__color-preview"
488
- style="background-color: #e366f5ff;">
489
- </div>
490
-
491
- </td>
492
- </tr>
493
- <tr>
494
- <td class="with-icons is-vcentered"
495
- id="no-theme-colorsReadOnly400"
496
- title="theme: no-theme; category: colors; name: readOnly; variant: 400; ">
497
- colorsReadOnly400
498
- <a href="#no-theme-colorsReadOnly400"
499
- title="permalink"
500
- class="permalink">
501
- 🔗
502
- </a>
503
- </td>
504
- <td class="is-vcentered">
505
- <pre>#4da6f4ff</pre>
506
- </td>
507
- <td class="is-vcentered">
508
- <div class="table__color-preview"
509
- style="background-color: #4da6f4ff;">
510
- </div>
511
-
512
- </td>
513
- </tr>
514
- <tr>
515
- <td class="with-icons is-vcentered"
516
- id="no-theme-colorsReadOnly500"
517
- title="theme: no-theme; category: colors; name: readOnly; variant: 500; ">
518
- colorsReadOnly500
519
- <a href="#no-theme-colorsReadOnly500"
520
- title="permalink"
521
- class="permalink">
522
- 🔗
523
- </a>
524
- </td>
525
- <td class="is-vcentered">
526
- <pre>#198df1ff</pre>
527
- </td>
528
- <td class="is-vcentered">
529
- <div class="table__color-preview"
530
- style="background-color: #198df1ff;">
531
- </div>
532
-
533
- </td>
534
- </tr>
535
- <tr>
536
- <td class="with-icons is-vcentered"
537
- id="no-theme-colorsReadOnly600"
538
- title="theme: no-theme; category: colors; name: readOnly; variant: 600; ">
539
- colorsReadOnly600
540
- <a href="#no-theme-colorsReadOnly600"
541
- title="permalink"
542
- class="permalink">
543
- 🔗
544
- </a>
545
- </td>
546
- <td class="is-vcentered">
547
- <pre>#0073d7ff</pre>
548
- </td>
549
- <td class="is-vcentered">
550
- <div class="table__color-preview"
551
- style="background-color: #0073d7ff;">
552
- </div>
553
-
554
- </td>
555
- </tr>
556
- <tr>
557
- <td class="with-icons is-vcentered"
558
- id="no-theme-colorsComponentsNavigation500"
559
- title="theme: no-theme; category: colors; group: components; name: navigation; variant: 500; ">
560
- colorsComponentsNavigation500
561
- <a href="#no-theme-colorsComponentsNavigation500"
562
- title="permalink"
563
- class="permalink">
564
- 🔗
565
- </a>
566
- </td>
567
- <td class="is-vcentered">
568
- <pre>#fcccd2ff</pre>
569
- </td>
570
- <td class="is-vcentered">
571
- <div class="table__color-preview"
572
- style="background-color: #fcccd2ff;">
573
- </div>
574
-
575
- </td>
576
- </tr>
577
- <tr>
578
- <td class="with-icons is-vcentered"
579
- id="no-theme-colorsComponentsNavigation600"
580
- title="theme: no-theme; category: colors; group: components; name: navigation; variant: 600; ">
581
- colorsComponentsNavigation600
582
- <a href="#no-theme-colorsComponentsNavigation600"
583
- title="permalink"
584
- class="permalink">
585
- 🔗
586
- </a>
587
- </td>
588
- <td class="is-vcentered">
589
- <pre>#f999a5ff</pre>
590
- </td>
591
- <td class="is-vcentered">
592
- <div class="table__color-preview"
593
- style="background-color: #f999a5ff;">
594
- </div>
595
-
596
- </td>
597
- </tr>
598
- <tr>
599
- <td class="with-icons is-vcentered"
600
- id="no-theme-colorsComponentsNavigation700"
601
- title="theme: no-theme; category: colors; group: components; name: navigation; variant: 700; ">
602
- colorsComponentsNavigation700
603
- <a href="#no-theme-colorsComponentsNavigation700"
604
- title="permalink"
605
- class="permalink">
606
- 🔗
607
- </a>
608
- </td>
609
- <td class="is-vcentered">
610
- <pre>#f56677ff</pre>
611
- </td>
612
- <td class="is-vcentered">
613
- <div class="table__color-preview"
614
- style="background-color: #f56677ff;">
615
- </div>
616
-
617
- </td>
618
- </tr>
619
- <tr>
620
- <td class="with-icons is-vcentered"
621
- id="no-theme-colorsComponentsNavigationTransparent"
622
- title="theme: no-theme; category: colors; group: components; name: navigation; variant: transparent; ">
623
- colorsComponentsNavigationTransparent
624
- <a href="#no-theme-colorsComponentsNavigationTransparent"
625
- title="permalink"
626
- class="permalink">
627
- 🔗
628
- </a>
629
- </td>
630
- <td class="is-vcentered">
631
- <pre>#00000000</pre>
632
- </td>
633
- <td class="is-vcentered">
634
- <div class="table__color-preview"
635
- style="background-color: #00000000;">
636
- </div>
637
-
638
- </td>
639
- </tr>
640
- <tr>
641
- <td class="with-icons is-vcentered"
642
- id="no-theme-colorsComponentsNavigationYin100"
643
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yin; variant: 100; ">
644
- colorsComponentsNavigationYin100
645
- <a href="#no-theme-colorsComponentsNavigationYin100"
646
- title="permalink"
647
- class="permalink">
648
- 🔗
649
- </a>
650
- </td>
651
- <td class="is-vcentered">
652
- <pre>#00ac00ff</pre>
653
- </td>
654
- <td class="is-vcentered">
655
- <div class="table__color-preview"
656
- style="background-color: #00ac00ff;">
657
- </div>
658
-
659
- </td>
660
- </tr>
661
- <tr>
662
- <td class="with-icons is-vcentered"
663
- id="no-theme-colorsComponentsNavigationYin030"
664
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yin; variant: 030; ">
665
- colorsComponentsNavigationYin030
666
- <a href="#no-theme-colorsComponentsNavigationYin030"
667
- title="permalink"
668
- class="permalink">
669
- 🔗
670
- </a>
671
- </td>
672
- <td class="is-vcentered">
673
- <pre>#00ac004d</pre>
674
- </td>
675
- <td class="is-vcentered">
676
- <div class="table__color-preview"
677
- style="background-color: #00ac004d;">
678
- </div>
679
-
680
- </td>
681
- </tr>
682
- <tr>
683
- <td class="with-icons is-vcentered"
684
- id="no-theme-colorsComponentsNavigationYin055"
685
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yin; variant: 055; ">
686
- colorsComponentsNavigationYin055
687
- <a href="#no-theme-colorsComponentsNavigationYin055"
688
- title="permalink"
689
- class="permalink">
690
- 🔗
691
- </a>
692
- </td>
693
- <td class="is-vcentered">
694
- <pre>#00ac008c</pre>
695
- </td>
696
- <td class="is-vcentered">
697
- <div class="table__color-preview"
698
- style="background-color: #00ac008c;">
699
- </div>
700
-
701
- </td>
702
- </tr>
703
- <tr>
704
- <td class="with-icons is-vcentered"
705
- id="no-theme-colorsComponentsNavigationYin065"
706
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yin; variant: 065; ">
707
- colorsComponentsNavigationYin065
708
- <a href="#no-theme-colorsComponentsNavigationYin065"
709
- title="permalink"
710
- class="permalink">
711
- 🔗
712
- </a>
713
- </td>
714
- <td class="is-vcentered">
715
- <pre>#00ac00a6</pre>
716
- </td>
717
- <td class="is-vcentered">
718
- <div class="table__color-preview"
719
- style="background-color: #00ac00a6;">
720
- </div>
721
-
722
- </td>
723
- </tr>
724
- <tr>
725
- <td class="with-icons is-vcentered"
726
- id="no-theme-colorsComponentsNavigationYin090"
727
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yin; variant: 090; ">
728
- colorsComponentsNavigationYin090
729
- <a href="#no-theme-colorsComponentsNavigationYin090"
730
- title="permalink"
731
- class="permalink">
732
- 🔗
733
- </a>
734
- </td>
735
- <td class="is-vcentered">
736
- <pre>#00ac00e6</pre>
737
- </td>
738
- <td class="is-vcentered">
739
- <div class="table__color-preview"
740
- style="background-color: #00ac00e6;">
741
- </div>
742
-
743
- </td>
744
- </tr>
745
- <tr>
746
- <td class="with-icons is-vcentered"
747
- id="no-theme-colorsComponentsNavigationYang100"
748
- title="theme: no-theme; category: colors; group: components; name: navigation; subgroup: yang; variant: 100; ">
749
- colorsComponentsNavigationYang100
750
- <a href="#no-theme-colorsComponentsNavigationYang100"
751
- title="permalink"
752
- class="permalink">
753
- 🔗
754
- </a>
755
- </td>
756
- <td class="is-vcentered">
757
- <pre>#ffff00ff</pre>
758
- </td>
759
- <td class="is-vcentered">
760
- <div class="table__color-preview"
761
- style="background-color: #ffff00ff;">
762
- </div>
763
-
764
- </td>
765
- </tr>
766
- <tr>
767
- <td class="with-icons is-vcentered"
768
- id="no-theme-colorsUtilityMajor100"
769
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 100; ">
770
- colorsUtilityMajor100
771
- <a href="#no-theme-colorsUtilityMajor100"
772
- title="permalink"
773
- class="permalink">
774
- 🔗
775
- </a>
776
- </td>
777
- <td class="is-vcentered">
778
- <pre>#94a9ffff</pre>
779
- </td>
780
- <td class="is-vcentered">
781
- <div class="table__color-preview"
782
- style="background-color: #94a9ffff;">
783
- </div>
784
-
785
- </td>
786
- </tr>
787
- <tr>
788
- <td class="with-icons is-vcentered"
789
- id="no-theme-colorsUtilityMajor150"
790
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 150; ">
791
- colorsUtilityMajor150
792
- <a href="#no-theme-colorsUtilityMajor150"
793
- title="permalink"
794
- class="permalink">
795
- 🔗
796
- </a>
797
- </td>
798
- <td class="is-vcentered">
799
- <pre>#7c96ffff</pre>
800
- </td>
801
- <td class="is-vcentered">
802
- <div class="table__color-preview"
803
- style="background-color: #7c96ffff;">
804
- </div>
805
-
806
- </td>
807
- </tr>
808
- <tr>
809
- <td class="with-icons is-vcentered"
810
- id="no-theme-colorsUtilityMajor200"
811
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 200; ">
812
- colorsUtilityMajor200
813
- <a href="#no-theme-colorsUtilityMajor200"
814
- title="permalink"
815
- class="permalink">
816
- 🔗
817
- </a>
818
- </td>
819
- <td class="is-vcentered">
820
- <pre>#6482ffff</pre>
821
- </td>
822
- <td class="is-vcentered">
823
- <div class="table__color-preview"
824
- style="background-color: #6482ffff;">
825
- </div>
826
-
827
- </td>
828
- </tr>
829
- <tr>
830
- <td class="with-icons is-vcentered"
831
- id="no-theme-colorsUtilityMajor300"
832
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 300; ">
833
- colorsUtilityMajor300
834
- <a href="#no-theme-colorsUtilityMajor300"
835
- title="permalink"
836
- class="permalink">
837
- 🔗
838
- </a>
839
- </td>
840
- <td class="is-vcentered">
841
- <pre>#3a61ffff</pre>
842
- </td>
843
- <td class="is-vcentered">
844
- <div class="table__color-preview"
845
- style="background-color: #3a61ffff;">
846
- </div>
847
-
848
- </td>
849
- </tr>
850
- <tr>
851
- <td class="with-icons is-vcentered"
852
- id="no-theme-colorsUtilityMajor400"
853
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 400; ">
854
- colorsUtilityMajor400
855
- <a href="#no-theme-colorsUtilityMajor400"
856
- title="permalink"
857
- class="permalink">
858
- 🔗
859
- </a>
860
- </td>
861
- <td class="is-vcentered">
862
- <pre>#0031fcff</pre>
863
- </td>
864
- <td class="is-vcentered">
865
- <div class="table__color-preview"
866
- style="background-color: #0031fcff;">
867
- </div>
868
-
869
- </td>
870
- </tr>
871
- <tr>
872
- <td class="with-icons is-vcentered"
873
- id="no-theme-colorsUtilityMajor500"
874
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 500; ">
875
- colorsUtilityMajor500
876
- <a href="#no-theme-colorsUtilityMajor500"
877
- title="permalink"
878
- class="permalink">
879
- 🔗
880
- </a>
881
- </td>
882
- <td class="is-vcentered">
883
- <pre>#0029d1ff</pre>
884
- </td>
885
- <td class="is-vcentered">
886
- <div class="table__color-preview"
887
- style="background-color: #0029d1ff;">
888
- </div>
889
-
890
- </td>
891
- </tr>
892
- <tr>
893
- <td class="with-icons is-vcentered"
894
- id="no-theme-colorsUtilityMajor800"
895
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 800; ">
896
- colorsUtilityMajor800
897
- <a href="#no-theme-colorsUtilityMajor800"
898
- title="permalink"
899
- class="permalink">
900
- 🔗
901
- </a>
902
- </td>
903
- <td class="is-vcentered">
904
- <pre>#001053ff</pre>
905
- </td>
906
- <td class="is-vcentered">
907
- <div class="table__color-preview"
908
- style="background-color: #001053ff;">
909
- </div>
910
-
911
- </td>
912
- </tr>
913
- <tr>
914
- <td class="with-icons is-vcentered"
915
- id="no-theme-colorsUtilityMajor025"
916
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 025; ">
917
- colorsUtilityMajor025
918
- <a href="#no-theme-colorsUtilityMajor025"
919
- title="permalink"
920
- class="permalink">
921
- 🔗
922
- </a>
923
- </td>
924
- <td class="is-vcentered">
925
- <pre>#e5eaffff</pre>
926
- </td>
927
- <td class="is-vcentered">
928
- <div class="table__color-preview"
929
- style="background-color: #e5eaffff;">
930
- </div>
931
-
932
- </td>
933
- </tr>
934
- <tr>
935
- <td class="with-icons is-vcentered"
936
- id="no-theme-colorsUtilityMajor050"
937
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 050; ">
938
- colorsUtilityMajor050
939
- <a href="#no-theme-colorsUtilityMajor050"
940
- title="permalink"
941
- class="permalink">
942
- 🔗
943
- </a>
944
- </td>
945
- <td class="is-vcentered">
946
- <pre>#ced8ffff</pre>
947
- </td>
948
- <td class="is-vcentered">
949
- <div class="table__color-preview"
950
- style="background-color: #ced8ffff;">
951
- </div>
952
-
953
- </td>
954
- </tr>
955
- <tr>
956
- <td class="with-icons is-vcentered"
957
- id="no-theme-colorsUtilityMajor075"
958
- title="theme: no-theme; category: colors; group: utility; name: major; variant: 075; ">
959
- colorsUtilityMajor075
960
- <a href="#no-theme-colorsUtilityMajor075"
961
- title="permalink"
962
- class="permalink">
963
- 🔗
964
- </a>
965
- </td>
966
- <td class="is-vcentered">
967
- <pre>#afbfffff</pre>
968
- </td>
969
- <td class="is-vcentered">
970
- <div class="table__color-preview"
971
- style="background-color: #afbfffff;">
972
- </div>
973
-
974
- </td>
975
- </tr>
976
- <tr>
977
- <td class="with-icons is-vcentered"
978
- id="no-theme-colorsUtilityMajorTransparent"
979
- title="theme: no-theme; category: colors; group: utility; name: major; variant: transparent; ">
980
- colorsUtilityMajorTransparent
981
- <a href="#no-theme-colorsUtilityMajorTransparent"
982
- title="permalink"
983
- class="permalink">
984
- 🔗
985
- </a>
986
- </td>
987
- <td class="is-vcentered">
988
- <pre>#00000000</pre>
989
- </td>
990
- <td class="is-vcentered">
991
- <div class="table__color-preview"
992
- style="background-color: #00000000;">
993
- </div>
994
-
995
- </td>
996
- </tr>
997
- <tr>
998
- <td class="with-icons is-vcentered"
999
- id="no-theme-colorsUtilityYin030"
1000
- title="theme: no-theme; category: colors; group: utility; name: yin; variant: 030; ">
1001
- colorsUtilityYin030
1002
- <a href="#no-theme-colorsUtilityYin030"
1003
- title="permalink"
1004
- class="permalink">
1005
- 🔗
1006
- </a>
1007
- </td>
1008
- <td class="is-vcentered">
1009
- <pre>#00ac004d</pre>
1010
- </td>
1011
- <td class="is-vcentered">
1012
- <div class="table__color-preview"
1013
- style="background-color: #00ac004d;">
1014
- </div>
1015
-
1016
- </td>
1017
- </tr>
1018
- <tr>
1019
- <td class="with-icons is-vcentered"
1020
- id="no-theme-colorsUtilityYin055"
1021
- title="theme: no-theme; category: colors; group: utility; name: yin; variant: 055; ">
1022
- colorsUtilityYin055
1023
- <a href="#no-theme-colorsUtilityYin055"
1024
- title="permalink"
1025
- class="permalink">
1026
- 🔗
1027
- </a>
1028
- </td>
1029
- <td class="is-vcentered">
1030
- <pre>#00ac008c</pre>
1031
- </td>
1032
- <td class="is-vcentered">
1033
- <div class="table__color-preview"
1034
- style="background-color: #00ac008c;">
1035
- </div>
1036
-
1037
- </td>
1038
- </tr>
1039
- <tr>
1040
- <td class="with-icons is-vcentered"
1041
- id="no-theme-colorsUtilityYin065"
1042
- title="theme: no-theme; category: colors; group: utility; name: yin; variant: 065; ">
1043
- colorsUtilityYin065
1044
- <a href="#no-theme-colorsUtilityYin065"
1045
- title="permalink"
1046
- class="permalink">
1047
- 🔗
1048
- </a>
1049
- </td>
1050
- <td class="is-vcentered">
1051
- <pre>#00ac00a6</pre>
1052
- </td>
1053
- <td class="is-vcentered">
1054
- <div class="table__color-preview"
1055
- style="background-color: #00ac00a6;">
1056
- </div>
1057
-
1058
- </td>
1059
- </tr>
1060
- <tr>
1061
- <td class="with-icons is-vcentered"
1062
- id="no-theme-colorsUtilityYin090"
1063
- title="theme: no-theme; category: colors; group: utility; name: yin; variant: 090; ">
1064
- colorsUtilityYin090
1065
- <a href="#no-theme-colorsUtilityYin090"
1066
- title="permalink"
1067
- class="permalink">
1068
- 🔗
1069
- </a>
1070
- </td>
1071
- <td class="is-vcentered">
1072
- <pre>#00ac00e6</pre>
1073
- </td>
1074
- <td class="is-vcentered">
1075
- <div class="table__color-preview"
1076
- style="background-color: #00ac00e6;">
1077
- </div>
1078
-
1079
- </td>
1080
- </tr>
1081
- <tr>
1082
- <td class="with-icons is-vcentered"
1083
- id="no-theme-colorsUtilityYang100"
1084
- title="theme: no-theme; category: colors; group: utility; name: yang; variant: 100; ">
1085
- colorsUtilityYang100
1086
- <a href="#no-theme-colorsUtilityYang100"
1087
- title="permalink"
1088
- class="permalink">
1089
- 🔗
1090
- </a>
1091
- </td>
1092
- <td class="is-vcentered">
1093
- <pre>#ffff00ff</pre>
1094
- </td>
1095
- <td class="is-vcentered">
1096
- <div class="table__color-preview"
1097
- style="background-color: #ffff00ff;">
1098
- </div>
1099
-
1100
- </td>
1101
- </tr>
1102
- <tr>
1103
- <td class="with-icons is-vcentered"
1104
- id="no-theme-colorsUtilityDisabled400"
1105
- title="theme: no-theme; category: colors; group: utility; name: disabled; variant: 400; ">
1106
- colorsUtilityDisabled400
1107
- <a href="#no-theme-colorsUtilityDisabled400"
1108
- title="permalink"
1109
- class="permalink">
1110
- 🔗
1111
- </a>
1112
- </td>
1113
- <td class="is-vcentered">
1114
- <pre>#ed99f9ff</pre>
1115
- </td>
1116
- <td class="is-vcentered">
1117
- <div class="table__color-preview"
1118
- style="background-color: #ed99f9ff;">
1119
- </div>
1120
-
1121
- </td>
1122
- </tr>
1123
- <tr>
1124
- <td class="with-icons is-vcentered"
1125
- id="no-theme-colorsUtilityDisabled500"
1126
- title="theme: no-theme; category: colors; group: utility; name: disabled; variant: 500; ">
1127
- colorsUtilityDisabled500
1128
- <a href="#no-theme-colorsUtilityDisabled500"
1129
- title="permalink"
1130
- class="permalink">
1131
- 🔗
1132
- </a>
1133
- </td>
1134
- <td class="is-vcentered">
1135
- <pre>#e880f7ff</pre>
1136
- </td>
1137
- <td class="is-vcentered">
1138
- <div class="table__color-preview"
1139
- style="background-color: #e880f7ff;">
1140
- </div>
1141
-
1142
- </td>
1143
- </tr>
1144
- <tr>
1145
- <td class="with-icons is-vcentered"
1146
- id="no-theme-colorsUtilityDisabled600"
1147
- title="theme: no-theme; category: colors; group: utility; name: disabled; variant: 600; ">
1148
- colorsUtilityDisabled600
1149
- <a href="#no-theme-colorsUtilityDisabled600"
1150
- title="permalink"
1151
- class="permalink">
1152
- 🔗
1153
- </a>
1154
- </td>
1155
- <td class="is-vcentered">
1156
- <pre>#e366f5ff</pre>
1157
- </td>
1158
- <td class="is-vcentered">
1159
- <div class="table__color-preview"
1160
- style="background-color: #e366f5ff;">
1161
- </div>
1162
-
1163
- </td>
1164
- </tr>
1165
- <tr>
1166
- <td class="with-icons is-vcentered"
1167
- id="no-theme-colorsUtilityReadOnly400"
1168
- title="theme: no-theme; category: colors; group: utility; name: readOnly; variant: 400; ">
1169
- colorsUtilityReadOnly400
1170
- <a href="#no-theme-colorsUtilityReadOnly400"
1171
- title="permalink"
1172
- class="permalink">
1173
- 🔗
1174
- </a>
1175
- </td>
1176
- <td class="is-vcentered">
1177
- <pre>#4da6f4ff</pre>
1178
- </td>
1179
- <td class="is-vcentered">
1180
- <div class="table__color-preview"
1181
- style="background-color: #4da6f4ff;">
1182
- </div>
1183
-
1184
- </td>
1185
- </tr>
1186
- <tr>
1187
- <td class="with-icons is-vcentered"
1188
- id="no-theme-colorsUtilityReadOnly500"
1189
- title="theme: no-theme; category: colors; group: utility; name: readOnly; variant: 500; ">
1190
- colorsUtilityReadOnly500
1191
- <a href="#no-theme-colorsUtilityReadOnly500"
1192
- title="permalink"
1193
- class="permalink">
1194
- 🔗
1195
- </a>
1196
- </td>
1197
- <td class="is-vcentered">
1198
- <pre>#198df1ff</pre>
1199
- </td>
1200
- <td class="is-vcentered">
1201
- <div class="table__color-preview"
1202
- style="background-color: #198df1ff;">
1203
- </div>
1204
-
1205
- </td>
1206
- </tr>
1207
- <tr>
1208
- <td class="with-icons is-vcentered"
1209
- id="no-theme-colorsUtilityReadOnly600"
1210
- title="theme: no-theme; category: colors; group: utility; name: readOnly; variant: 600; ">
1211
- colorsUtilityReadOnly600
1212
- <a href="#no-theme-colorsUtilityReadOnly600"
1213
- title="permalink"
1214
- class="permalink">
1215
- 🔗
1216
- </a>
1217
- </td>
1218
- <td class="is-vcentered">
1219
- <pre>#0073d7ff</pre>
1220
- </td>
1221
- <td class="is-vcentered">
1222
- <div class="table__color-preview"
1223
- style="background-color: #0073d7ff;">
1224
- </div>
1225
-
1226
- </td>
1227
- </tr>
1228
- <tr>
1229
- <td class="with-icons is-vcentered"
1230
- id="no-theme-colorsActionMajor150"
1231
- title="theme: no-theme; category: colors; group: action; name: major; variant: 150; ">
1232
- colorsActionMajor150
1233
- <a href="#no-theme-colorsActionMajor150"
1234
- title="permalink"
1235
- class="permalink">
1236
- 🔗
1237
- </a>
1238
- </td>
1239
- <td class="is-vcentered">
1240
- <pre>#daccfcff</pre>
1241
- </td>
1242
- <td class="is-vcentered">
1243
- <div class="table__color-preview"
1244
- style="background-color: #daccfcff;">
1245
- </div>
1246
-
1247
- </td>
1248
- </tr>
1249
- <tr>
1250
- <td class="with-icons is-vcentered"
1251
- id="no-theme-colorsActionMajor500"
1252
- title="theme: no-theme; category: colors; group: action; name: major; variant: 500; ">
1253
- colorsActionMajor500
1254
- <a href="#no-theme-colorsActionMajor500"
1255
- title="permalink"
1256
- class="permalink">
1257
- 🔗
1258
- </a>
1259
- </td>
1260
- <td class="is-vcentered">
1261
- <pre>#9166f5ff</pre>
1262
- </td>
1263
- <td class="is-vcentered">
1264
- <div class="table__color-preview"
1265
- style="background-color: #9166f5ff;">
1266
- </div>
1267
-
1268
- </td>
1269
- </tr>
1270
- <tr>
1271
- <td class="with-icons is-vcentered"
1272
- id="no-theme-colorsActionMajor600"
1273
- title="theme: no-theme; category: colors; group: action; name: major; variant: 600; ">
1274
- colorsActionMajor600
1275
- <a href="#no-theme-colorsActionMajor600"
1276
- title="permalink"
1277
- class="permalink">
1278
- 🔗
1279
- </a>
1280
- </td>
1281
- <td class="is-vcentered">
1282
- <pre>#6c33f2ff</pre>
1283
- </td>
1284
- <td class="is-vcentered">
1285
- <div class="table__color-preview"
1286
- style="background-color: #6c33f2ff;">
1287
- </div>
1288
-
1289
- </td>
1290
- </tr>
1291
- <tr>
1292
- <td class="with-icons is-vcentered"
1293
- id="no-theme-colorsActionMajor700"
1294
- title="theme: no-theme; category: colors; group: action; name: major; variant: 700; ">
1295
- colorsActionMajor700
1296
- <a href="#no-theme-colorsActionMajor700"
1297
- title="permalink"
1298
- class="permalink">
1299
- 🔗
1300
- </a>
1301
- </td>
1302
- <td class="is-vcentered">
1303
- <pre>#4700efff</pre>
1304
- </td>
1305
- <td class="is-vcentered">
1306
- <div class="table__color-preview"
1307
- style="background-color: #4700efff;">
1308
- </div>
1309
-
1310
- </td>
1311
- </tr>
1312
- <tr>
1313
- <td class="with-icons is-vcentered"
1314
- id="no-theme-colorsActionMajorTransparent"
1315
- title="theme: no-theme; category: colors; group: action; name: major; variant: transparent; ">
1316
- colorsActionMajorTransparent
1317
- <a href="#no-theme-colorsActionMajorTransparent"
1318
- title="permalink"
1319
- class="permalink">
1320
- 🔗
1321
- </a>
1322
- </td>
1323
- <td class="is-vcentered">
1324
- <pre>#00000000</pre>
1325
- </td>
1326
- <td class="is-vcentered">
1327
- <div class="table__color-preview"
1328
- style="background-color: #00000000;">
1329
- </div>
1330
-
1331
- </td>
1332
- </tr>
1333
- <tr>
1334
- <td class="with-icons is-vcentered"
1335
- id="no-theme-colorsActionMajorYin030"
1336
- title="theme: no-theme; category: colors; group: action; name: major; subgroup: yin; variant: 030; ">
1337
- colorsActionMajorYin030
1338
- <a href="#no-theme-colorsActionMajorYin030"
1339
- title="permalink"
1340
- class="permalink">
1341
- 🔗
1342
- </a>
1343
- </td>
1344
- <td class="is-vcentered">
1345
- <pre>#00ac004d</pre>
1346
- </td>
1347
- <td class="is-vcentered">
1348
- <div class="table__color-preview"
1349
- style="background-color: #00ac004d;">
1350
- </div>
1351
-
1352
- </td>
1353
- </tr>
1354
- <tr>
1355
- <td class="with-icons is-vcentered"
1356
- id="no-theme-colorsActionMajorYin055"
1357
- title="theme: no-theme; category: colors; group: action; name: major; subgroup: yin; variant: 055; ">
1358
- colorsActionMajorYin055
1359
- <a href="#no-theme-colorsActionMajorYin055"
1360
- title="permalink"
1361
- class="permalink">
1362
- 🔗
1363
- </a>
1364
- </td>
1365
- <td class="is-vcentered">
1366
- <pre>#00ac008c</pre>
1367
- </td>
1368
- <td class="is-vcentered">
1369
- <div class="table__color-preview"
1370
- style="background-color: #00ac008c;">
1371
- </div>
1372
-
1373
- </td>
1374
- </tr>
1375
- <tr>
1376
- <td class="with-icons is-vcentered"
1377
- id="no-theme-colorsActionMajorYin065"
1378
- title="theme: no-theme; category: colors; group: action; name: major; subgroup: yin; variant: 065; ">
1379
- colorsActionMajorYin065
1380
- <a href="#no-theme-colorsActionMajorYin065"
1381
- title="permalink"
1382
- class="permalink">
1383
- 🔗
1384
- </a>
1385
- </td>
1386
- <td class="is-vcentered">
1387
- <pre>#00ac00a6</pre>
1388
- </td>
1389
- <td class="is-vcentered">
1390
- <div class="table__color-preview"
1391
- style="background-color: #00ac00a6;">
1392
- </div>
1393
-
1394
- </td>
1395
- </tr>
1396
- <tr>
1397
- <td class="with-icons is-vcentered"
1398
- id="no-theme-colorsActionMajorYin090"
1399
- title="theme: no-theme; category: colors; group: action; name: major; subgroup: yin; variant: 090; ">
1400
- colorsActionMajorYin090
1401
- <a href="#no-theme-colorsActionMajorYin090"
1402
- title="permalink"
1403
- class="permalink">
1404
- 🔗
1405
- </a>
1406
- </td>
1407
- <td class="is-vcentered">
1408
- <pre>#00ac00e6</pre>
1409
- </td>
1410
- <td class="is-vcentered">
1411
- <div class="table__color-preview"
1412
- style="background-color: #00ac00e6;">
1413
- </div>
1414
-
1415
- </td>
1416
- </tr>
1417
- <tr>
1418
- <td class="with-icons is-vcentered"
1419
- id="no-theme-colorsActionMajorYang100"
1420
- title="theme: no-theme; category: colors; group: action; name: major; subgroup: yang; variant: 100; ">
1421
- colorsActionMajorYang100
1422
- <a href="#no-theme-colorsActionMajorYang100"
1423
- title="permalink"
1424
- class="permalink">
1425
- 🔗
1426
- </a>
1427
- </td>
1428
- <td class="is-vcentered">
1429
- <pre>#ffff00ff</pre>
1430
- </td>
1431
- <td class="is-vcentered">
1432
- <div class="table__color-preview"
1433
- style="background-color: #ffff00ff;">
1434
- </div>
1435
-
1436
- </td>
1437
- </tr>
1438
- <tr>
1439
- <td class="with-icons is-vcentered"
1440
- id="no-theme-colorsActionMinor100"
1441
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 100; ">
1442
- colorsActionMinor100
1443
- <a href="#no-theme-colorsActionMinor100"
1444
- title="permalink"
1445
- class="permalink">
1446
- 🔗
1447
- </a>
1448
- </td>
1449
- <td class="is-vcentered">
1450
- <pre>#ced8ffff</pre>
1451
- </td>
1452
- <td class="is-vcentered">
1453
- <div class="table__color-preview"
1454
- style="background-color: #ced8ffff;">
1455
- </div>
1456
-
1457
- </td>
1458
- </tr>
1459
- <tr>
1460
- <td class="with-icons is-vcentered"
1461
- id="no-theme-colorsActionMinor150"
1462
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 150; ">
1463
- colorsActionMinor150
1464
- <a href="#no-theme-colorsActionMinor150"
1465
- title="permalink"
1466
- class="permalink">
1467
- 🔗
1468
- </a>
1469
- </td>
1470
- <td class="is-vcentered">
1471
- <pre>#afbfffff</pre>
1472
- </td>
1473
- <td class="is-vcentered">
1474
- <div class="table__color-preview"
1475
- style="background-color: #afbfffff;">
1476
- </div>
1477
-
1478
- </td>
1479
- </tr>
1480
- <tr>
1481
- <td class="with-icons is-vcentered"
1482
- id="no-theme-colorsActionMinor200"
1483
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 200; ">
1484
- colorsActionMinor200
1485
- <a href="#no-theme-colorsActionMinor200"
1486
- title="permalink"
1487
- class="permalink">
1488
- 🔗
1489
- </a>
1490
- </td>
1491
- <td class="is-vcentered">
1492
- <pre>#94a9ffff</pre>
1493
- </td>
1494
- <td class="is-vcentered">
1495
- <div class="table__color-preview"
1496
- style="background-color: #94a9ffff;">
1497
- </div>
1498
-
1499
- </td>
1500
- </tr>
1501
- <tr>
1502
- <td class="with-icons is-vcentered"
1503
- id="no-theme-colorsActionMinor250"
1504
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 250; ">
1505
- colorsActionMinor250
1506
- <a href="#no-theme-colorsActionMinor250"
1507
- title="permalink"
1508
- class="permalink">
1509
- 🔗
1510
- </a>
1511
- </td>
1512
- <td class="is-vcentered">
1513
- <pre>#7c96ffff</pre>
1514
- </td>
1515
- <td class="is-vcentered">
1516
- <div class="table__color-preview"
1517
- style="background-color: #7c96ffff;">
1518
- </div>
1519
-
1520
- </td>
1521
- </tr>
1522
- <tr>
1523
- <td class="with-icons is-vcentered"
1524
- id="no-theme-colorsActionMinor300"
1525
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 300; ">
1526
- colorsActionMinor300
1527
- <a href="#no-theme-colorsActionMinor300"
1528
- title="permalink"
1529
- class="permalink">
1530
- 🔗
1531
- </a>
1532
- </td>
1533
- <td class="is-vcentered">
1534
- <pre>#6482ffff</pre>
1535
- </td>
1536
- <td class="is-vcentered">
1537
- <div class="table__color-preview"
1538
- style="background-color: #6482ffff;">
1539
- </div>
1540
-
1541
- </td>
1542
- </tr>
1543
- <tr>
1544
- <td class="with-icons is-vcentered"
1545
- id="no-theme-colorsActionMinor400"
1546
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 400; ">
1547
- colorsActionMinor400
1548
- <a href="#no-theme-colorsActionMinor400"
1549
- title="permalink"
1550
- class="permalink">
1551
- 🔗
1552
- </a>
1553
- </td>
1554
- <td class="is-vcentered">
1555
- <pre>#3a61ffff</pre>
1556
- </td>
1557
- <td class="is-vcentered">
1558
- <div class="table__color-preview"
1559
- style="background-color: #3a61ffff;">
1560
- </div>
1561
-
1562
- </td>
1563
- </tr>
1564
- <tr>
1565
- <td class="with-icons is-vcentered"
1566
- id="no-theme-colorsActionMinor500"
1567
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 500; ">
1568
- colorsActionMinor500
1569
- <a href="#no-theme-colorsActionMinor500"
1570
- title="permalink"
1571
- class="permalink">
1572
- 🔗
1573
- </a>
1574
- </td>
1575
- <td class="is-vcentered">
1576
- <pre>#0031fcff</pre>
1577
- </td>
1578
- <td class="is-vcentered">
1579
- <div class="table__color-preview"
1580
- style="background-color: #0031fcff;">
1581
- </div>
1582
-
1583
- </td>
1584
- </tr>
1585
- <tr>
1586
- <td class="with-icons is-vcentered"
1587
- id="no-theme-colorsActionMinor600"
1588
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 600; ">
1589
- colorsActionMinor600
1590
- <a href="#no-theme-colorsActionMinor600"
1591
- title="permalink"
1592
- class="permalink">
1593
- 🔗
1594
- </a>
1595
- </td>
1596
- <td class="is-vcentered">
1597
- <pre>#0029d1ff</pre>
1598
- </td>
1599
- <td class="is-vcentered">
1600
- <div class="table__color-preview"
1601
- style="background-color: #0029d1ff;">
1602
- </div>
1603
-
1604
- </td>
1605
- </tr>
1606
- <tr>
1607
- <td class="with-icons is-vcentered"
1608
- id="no-theme-colorsActionMinor900"
1609
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 900; ">
1610
- colorsActionMinor900
1611
- <a href="#no-theme-colorsActionMinor900"
1612
- title="permalink"
1613
- class="permalink">
1614
- 🔗
1615
- </a>
1616
- </td>
1617
- <td class="is-vcentered">
1618
- <pre>#001053ff</pre>
1619
- </td>
1620
- <td class="is-vcentered">
1621
- <div class="table__color-preview"
1622
- style="background-color: #001053ff;">
1623
- </div>
1624
-
1625
- </td>
1626
- </tr>
1627
- <tr>
1628
- <td class="with-icons is-vcentered"
1629
- id="no-theme-colorsActionMinor025"
1630
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 025; ">
1631
- colorsActionMinor025
1632
- <a href="#no-theme-colorsActionMinor025"
1633
- title="permalink"
1634
- class="permalink">
1635
- 🔗
1636
- </a>
1637
- </td>
1638
- <td class="is-vcentered">
1639
- <pre>#f1f4ffff</pre>
1640
- </td>
1641
- <td class="is-vcentered">
1642
- <div class="table__color-preview"
1643
- style="background-color: #f1f4ffff;">
1644
- </div>
1645
-
1646
- </td>
1647
- </tr>
1648
- <tr>
1649
- <td class="with-icons is-vcentered"
1650
- id="no-theme-colorsActionMinor050"
1651
- title="theme: no-theme; category: colors; group: action; name: minor; variant: 050; ">
1652
- colorsActionMinor050
1653
- <a href="#no-theme-colorsActionMinor050"
1654
- title="permalink"
1655
- class="permalink">
1656
- 🔗
1657
- </a>
1658
- </td>
1659
- <td class="is-vcentered">
1660
- <pre>#e5eaffff</pre>
1661
- </td>
1662
- <td class="is-vcentered">
1663
- <div class="table__color-preview"
1664
- style="background-color: #e5eaffff;">
1665
- </div>
1666
-
1667
- </td>
1668
- </tr>
1669
- <tr>
1670
- <td class="with-icons is-vcentered"
1671
- id="no-theme-colorsActionMinorTransparent"
1672
- title="theme: no-theme; category: colors; group: action; name: minor; variant: transparent; ">
1673
- colorsActionMinorTransparent
1674
- <a href="#no-theme-colorsActionMinorTransparent"
1675
- title="permalink"
1676
- class="permalink">
1677
- 🔗
1678
- </a>
1679
- </td>
1680
- <td class="is-vcentered">
1681
- <pre>#00000000</pre>
1682
- </td>
1683
- <td class="is-vcentered">
1684
- <div class="table__color-preview"
1685
- style="background-color: #00000000;">
1686
- </div>
1687
-
1688
- </td>
1689
- </tr>
1690
- <tr>
1691
- <td class="with-icons is-vcentered"
1692
- id="no-theme-colorsActionMinorYin030"
1693
- title="theme: no-theme; category: colors; group: action; name: minor; subgroup: yin; variant: 030; ">
1694
- colorsActionMinorYin030
1695
- <a href="#no-theme-colorsActionMinorYin030"
1696
- title="permalink"
1697
- class="permalink">
1698
- 🔗
1699
- </a>
1700
- </td>
1701
- <td class="is-vcentered">
1702
- <pre>#00ac004d</pre>
1703
- </td>
1704
- <td class="is-vcentered">
1705
- <div class="table__color-preview"
1706
- style="background-color: #00ac004d;">
1707
- </div>
1708
-
1709
- </td>
1710
- </tr>
1711
- <tr>
1712
- <td class="with-icons is-vcentered"
1713
- id="no-theme-colorsActionMinorYin055"
1714
- title="theme: no-theme; category: colors; group: action; name: minor; subgroup: yin; variant: 055; ">
1715
- colorsActionMinorYin055
1716
- <a href="#no-theme-colorsActionMinorYin055"
1717
- title="permalink"
1718
- class="permalink">
1719
- 🔗
1720
- </a>
1721
- </td>
1722
- <td class="is-vcentered">
1723
- <pre>#00ac008c</pre>
1724
- </td>
1725
- <td class="is-vcentered">
1726
- <div class="table__color-preview"
1727
- style="background-color: #00ac008c;">
1728
- </div>
1729
-
1730
- </td>
1731
- </tr>
1732
- <tr>
1733
- <td class="with-icons is-vcentered"
1734
- id="no-theme-colorsActionMinorYin065"
1735
- title="theme: no-theme; category: colors; group: action; name: minor; subgroup: yin; variant: 065; ">
1736
- colorsActionMinorYin065
1737
- <a href="#no-theme-colorsActionMinorYin065"
1738
- title="permalink"
1739
- class="permalink">
1740
- 🔗
1741
- </a>
1742
- </td>
1743
- <td class="is-vcentered">
1744
- <pre>#00ac00a6</pre>
1745
- </td>
1746
- <td class="is-vcentered">
1747
- <div class="table__color-preview"
1748
- style="background-color: #00ac00a6;">
1749
- </div>
1750
-
1751
- </td>
1752
- </tr>
1753
- <tr>
1754
- <td class="with-icons is-vcentered"
1755
- id="no-theme-colorsActionMinorYin090"
1756
- title="theme: no-theme; category: colors; group: action; name: minor; subgroup: yin; variant: 090; ">
1757
- colorsActionMinorYin090
1758
- <a href="#no-theme-colorsActionMinorYin090"
1759
- title="permalink"
1760
- class="permalink">
1761
- 🔗
1762
- </a>
1763
- </td>
1764
- <td class="is-vcentered">
1765
- <pre>#00ac00e6</pre>
1766
- </td>
1767
- <td class="is-vcentered">
1768
- <div class="table__color-preview"
1769
- style="background-color: #00ac00e6;">
1770
- </div>
1771
-
1772
- </td>
1773
- </tr>
1774
- <tr>
1775
- <td class="with-icons is-vcentered"
1776
- id="no-theme-colorsActionMinorYang100"
1777
- title="theme: no-theme; category: colors; group: action; name: minor; subgroup: yang; variant: 100; ">
1778
- colorsActionMinorYang100
1779
- <a href="#no-theme-colorsActionMinorYang100"
1780
- title="permalink"
1781
- class="permalink">
1782
- 🔗
1783
- </a>
1784
- </td>
1785
- <td class="is-vcentered">
1786
- <pre>#ffff00ff</pre>
1787
- </td>
1788
- <td class="is-vcentered">
1789
- <div class="table__color-preview"
1790
- style="background-color: #ffff00ff;">
1791
- </div>
1792
-
1793
- </td>
1794
- </tr>
1795
- <tr>
1796
- <td class="with-icons is-vcentered"
1797
- id="no-theme-colorsActionDisabled400"
1798
- title="theme: no-theme; category: colors; group: action; name: disabled; variant: 400; ">
1799
- colorsActionDisabled400
1800
- <a href="#no-theme-colorsActionDisabled400"
1801
- title="permalink"
1802
- class="permalink">
1803
- 🔗
1804
- </a>
1805
- </td>
1806
- <td class="is-vcentered">
1807
- <pre>#ed99f9ff</pre>
1808
- </td>
1809
- <td class="is-vcentered">
1810
- <div class="table__color-preview"
1811
- style="background-color: #ed99f9ff;">
1812
- </div>
1813
-
1814
- </td>
1815
- </tr>
1816
- <tr>
1817
- <td class="with-icons is-vcentered"
1818
- id="no-theme-colorsActionDisabled500"
1819
- title="theme: no-theme; category: colors; group: action; name: disabled; variant: 500; ">
1820
- colorsActionDisabled500
1821
- <a href="#no-theme-colorsActionDisabled500"
1822
- title="permalink"
1823
- class="permalink">
1824
- 🔗
1825
- </a>
1826
- </td>
1827
- <td class="is-vcentered">
1828
- <pre>#e880f7ff</pre>
1829
- </td>
1830
- <td class="is-vcentered">
1831
- <div class="table__color-preview"
1832
- style="background-color: #e880f7ff;">
1833
- </div>
1834
-
1835
- </td>
1836
- </tr>
1837
- <tr>
1838
- <td class="with-icons is-vcentered"
1839
- id="no-theme-colorsActionDisabled600"
1840
- title="theme: no-theme; category: colors; group: action; name: disabled; variant: 600; ">
1841
- colorsActionDisabled600
1842
- <a href="#no-theme-colorsActionDisabled600"
1843
- title="permalink"
1844
- class="permalink">
1845
- 🔗
1846
- </a>
1847
- </td>
1848
- <td class="is-vcentered">
1849
- <pre>#e366f5ff</pre>
1850
- </td>
1851
- <td class="is-vcentered">
1852
- <div class="table__color-preview"
1853
- style="background-color: #e366f5ff;">
1854
- </div>
1855
-
1856
- </td>
1857
- </tr>
1858
- <tr>
1859
- <td class="with-icons is-vcentered"
1860
- id="no-theme-colorsActionReadOnly400"
1861
- title="theme: no-theme; category: colors; group: action; name: readOnly; variant: 400; ">
1862
- colorsActionReadOnly400
1863
- <a href="#no-theme-colorsActionReadOnly400"
1864
- title="permalink"
1865
- class="permalink">
1866
- 🔗
1867
- </a>
1868
- </td>
1869
- <td class="is-vcentered">
1870
- <pre>#4da6f4ff</pre>
1871
- </td>
1872
- <td class="is-vcentered">
1873
- <div class="table__color-preview"
1874
- style="background-color: #4da6f4ff;">
1875
- </div>
1876
-
1877
- </td>
1878
- </tr>
1879
- <tr>
1880
- <td class="with-icons is-vcentered"
1881
- id="no-theme-colorsActionReadOnly500"
1882
- title="theme: no-theme; category: colors; group: action; name: readOnly; variant: 500; ">
1883
- colorsActionReadOnly500
1884
- <a href="#no-theme-colorsActionReadOnly500"
1885
- title="permalink"
1886
- class="permalink">
1887
- 🔗
1888
- </a>
1889
- </td>
1890
- <td class="is-vcentered">
1891
- <pre>#198df1ff</pre>
1892
- </td>
1893
- <td class="is-vcentered">
1894
- <div class="table__color-preview"
1895
- style="background-color: #198df1ff;">
1896
- </div>
1897
-
1898
- </td>
1899
- </tr>
1900
- <tr>
1901
- <td class="with-icons is-vcentered"
1902
- id="no-theme-colorsActionReadOnly600"
1903
- title="theme: no-theme; category: colors; group: action; name: readOnly; variant: 600; ">
1904
- colorsActionReadOnly600
1905
- <a href="#no-theme-colorsActionReadOnly600"
1906
- title="permalink"
1907
- class="permalink">
1908
- 🔗
1909
- </a>
1910
- </td>
1911
- <td class="is-vcentered">
1912
- <pre>#0073d7ff</pre>
1913
- </td>
1914
- <td class="is-vcentered">
1915
- <div class="table__color-preview"
1916
- style="background-color: #0073d7ff;">
1917
- </div>
1918
-
1919
- </td>
1920
- </tr>
1921
- <tr>
1922
- <td class="with-icons is-vcentered"
1923
- id="no-theme-colorsSemanticNeutral200"
1924
- title="theme: no-theme; category: colors; group: semantic; name: neutral; variant: 200; ">
1925
- colorsSemanticNeutral200
1926
- <a href="#no-theme-colorsSemanticNeutral200"
1927
- title="permalink"
1928
- class="permalink">
1929
- 🔗
1930
- </a>
1931
- </td>
1932
- <td class="is-vcentered">
1933
- <pre>#99f0f9ff</pre>
1934
- </td>
1935
- <td class="is-vcentered">
1936
- <div class="table__color-preview"
1937
- style="background-color: #99f0f9ff;">
1938
- </div>
1939
-
1940
- </td>
1941
- </tr>
1942
- <tr>
1943
- <td class="with-icons is-vcentered"
1944
- id="no-theme-colorsSemanticNeutral500"
1945
- title="theme: no-theme; category: colors; group: semantic; name: neutral; variant: 500; ">
1946
- colorsSemanticNeutral500
1947
- <a href="#no-theme-colorsSemanticNeutral500"
1948
- title="permalink"
1949
- class="permalink">
1950
- 🔗
1951
- </a>
1952
- </td>
1953
- <td class="is-vcentered">
1954
- <pre>#00d9efff</pre>
1955
- </td>
1956
- <td class="is-vcentered">
1957
- <div class="table__color-preview"
1958
- style="background-color: #00d9efff;">
1959
- </div>
1960
-
1961
- </td>
1962
- </tr>
1963
- <tr>
1964
- <td class="with-icons is-vcentered"
1965
- id="no-theme-colorsSemanticNeutral600"
1966
- title="theme: no-theme; category: colors; group: semantic; name: neutral; variant: 600; ">
1967
- colorsSemanticNeutral600
1968
- <a href="#no-theme-colorsSemanticNeutral600"
1969
- title="permalink"
1970
- class="permalink">
1971
- 🔗
1972
- </a>
1973
- </td>
1974
- <td class="is-vcentered">
1975
- <pre>#00aebfff</pre>
1976
- </td>
1977
- <td class="is-vcentered">
1978
- <div class="table__color-preview"
1979
- style="background-color: #00aebfff;">
1980
- </div>
1981
-
1982
- </td>
1983
- </tr>
1984
- <tr>
1985
- <td class="with-icons is-vcentered"
1986
- id="no-theme-colorsSemanticNeutralTransparent"
1987
- title="theme: no-theme; category: colors; group: semantic; name: neutral; variant: transparent; ">
1988
- colorsSemanticNeutralTransparent
1989
- <a href="#no-theme-colorsSemanticNeutralTransparent"
1990
- title="permalink"
1991
- class="permalink">
1992
- 🔗
1993
- </a>
1994
- </td>
1995
- <td class="is-vcentered">
1996
- <pre>#00000000</pre>
1997
- </td>
1998
- <td class="is-vcentered">
1999
- <div class="table__color-preview"
2000
- style="background-color: #00000000;">
2001
- </div>
2002
-
2003
- </td>
2004
- </tr>
2005
- <tr>
2006
- <td class="with-icons is-vcentered"
2007
- id="no-theme-colorsSemanticNeutralYin030"
2008
- title="theme: no-theme; category: colors; group: semantic; name: neutral; subgroup: yin; variant: 030; ">
2009
- colorsSemanticNeutralYin030
2010
- <a href="#no-theme-colorsSemanticNeutralYin030"
2011
- title="permalink"
2012
- class="permalink">
2013
- 🔗
2014
- </a>
2015
- </td>
2016
- <td class="is-vcentered">
2017
- <pre>#00ac004d</pre>
2018
- </td>
2019
- <td class="is-vcentered">
2020
- <div class="table__color-preview"
2021
- style="background-color: #00ac004d;">
2022
- </div>
2023
-
2024
- </td>
2025
- </tr>
2026
- <tr>
2027
- <td class="with-icons is-vcentered"
2028
- id="no-theme-colorsSemanticNeutralYin055"
2029
- title="theme: no-theme; category: colors; group: semantic; name: neutral; subgroup: yin; variant: 055; ">
2030
- colorsSemanticNeutralYin055
2031
- <a href="#no-theme-colorsSemanticNeutralYin055"
2032
- title="permalink"
2033
- class="permalink">
2034
- 🔗
2035
- </a>
2036
- </td>
2037
- <td class="is-vcentered">
2038
- <pre>#00ac008c</pre>
2039
- </td>
2040
- <td class="is-vcentered">
2041
- <div class="table__color-preview"
2042
- style="background-color: #00ac008c;">
2043
- </div>
2044
-
2045
- </td>
2046
- </tr>
2047
- <tr>
2048
- <td class="with-icons is-vcentered"
2049
- id="no-theme-colorsSemanticNeutralYin065"
2050
- title="theme: no-theme; category: colors; group: semantic; name: neutral; subgroup: yin; variant: 065; ">
2051
- colorsSemanticNeutralYin065
2052
- <a href="#no-theme-colorsSemanticNeutralYin065"
2053
- title="permalink"
2054
- class="permalink">
2055
- 🔗
2056
- </a>
2057
- </td>
2058
- <td class="is-vcentered">
2059
- <pre>#00ac00a6</pre>
2060
- </td>
2061
- <td class="is-vcentered">
2062
- <div class="table__color-preview"
2063
- style="background-color: #00ac00a6;">
2064
- </div>
2065
-
2066
- </td>
2067
- </tr>
2068
- <tr>
2069
- <td class="with-icons is-vcentered"
2070
- id="no-theme-colorsSemanticNeutralYin090"
2071
- title="theme: no-theme; category: colors; group: semantic; name: neutral; subgroup: yin; variant: 090; ">
2072
- colorsSemanticNeutralYin090
2073
- <a href="#no-theme-colorsSemanticNeutralYin090"
2074
- title="permalink"
2075
- class="permalink">
2076
- 🔗
2077
- </a>
2078
- </td>
2079
- <td class="is-vcentered">
2080
- <pre>#00ac00e6</pre>
2081
- </td>
2082
- <td class="is-vcentered">
2083
- <div class="table__color-preview"
2084
- style="background-color: #00ac00e6;">
2085
- </div>
2086
-
2087
- </td>
2088
- </tr>
2089
- <tr>
2090
- <td class="with-icons is-vcentered"
2091
- id="no-theme-colorsSemanticNeutralYang100"
2092
- title="theme: no-theme; category: colors; group: semantic; name: neutral; subgroup: yang; variant: 100; ">
2093
- colorsSemanticNeutralYang100
2094
- <a href="#no-theme-colorsSemanticNeutralYang100"
2095
- title="permalink"
2096
- class="permalink">
2097
- 🔗
2098
- </a>
2099
- </td>
2100
- <td class="is-vcentered">
2101
- <pre>#ffff00ff</pre>
2102
- </td>
2103
- <td class="is-vcentered">
2104
- <div class="table__color-preview"
2105
- style="background-color: #ffff00ff;">
2106
- </div>
2107
-
2108
- </td>
2109
- </tr>
2110
- <tr>
2111
- <td class="with-icons is-vcentered"
2112
- id="no-theme-colorsSemanticFocus250"
2113
- title="theme: no-theme; category: colors; group: semantic; name: focus; variant: 250; ">
2114
- colorsSemanticFocus250
2115
- <a href="#no-theme-colorsSemanticFocus250"
2116
- title="permalink"
2117
- class="permalink">
2118
- 🔗
2119
- </a>
2120
- </td>
2121
- <td class="is-vcentered">
2122
- <pre>#80f7d2ff</pre>
2123
- </td>
2124
- <td class="is-vcentered">
2125
- <div class="table__color-preview"
2126
- style="background-color: #80f7d2ff;">
2127
- </div>
2128
-
2129
- </td>
2130
- </tr>
2131
- <tr>
2132
- <td class="with-icons is-vcentered"
2133
- id="no-theme-colorsSemanticFocus500"
2134
- title="theme: no-theme; category: colors; group: semantic; name: focus; variant: 500; ">
2135
- colorsSemanticFocus500
2136
- <a href="#no-theme-colorsSemanticFocus500"
2137
- title="permalink"
2138
- class="permalink">
2139
- 🔗
2140
- </a>
2141
- </td>
2142
- <td class="is-vcentered">
2143
- <pre>#00efa5ff</pre>
2144
- </td>
2145
- <td class="is-vcentered">
2146
- <div class="table__color-preview"
2147
- style="background-color: #00efa5ff;">
2148
- </div>
2149
-
2150
- </td>
2151
- </tr>
2152
- <tr>
2153
- <td class="with-icons is-vcentered"
2154
- id="no-theme-colorsSemanticFocusTransparent"
2155
- title="theme: no-theme; category: colors; group: semantic; name: focus; variant: transparent; ">
2156
- colorsSemanticFocusTransparent
2157
- <a href="#no-theme-colorsSemanticFocusTransparent"
2158
- title="permalink"
2159
- class="permalink">
2160
- 🔗
2161
- </a>
2162
- </td>
2163
- <td class="is-vcentered">
2164
- <pre>#00000000</pre>
2165
- </td>
2166
- <td class="is-vcentered">
2167
- <div class="table__color-preview"
2168
- style="background-color: #00000000;">
2169
- </div>
2170
-
2171
- </td>
2172
- </tr>
2173
- <tr>
2174
- <td class="with-icons is-vcentered"
2175
- id="no-theme-colorsSemanticPositive500"
2176
- title="theme: no-theme; category: colors; group: semantic; name: positive; variant: 500; ">
2177
- colorsSemanticPositive500
2178
- <a href="#no-theme-colorsSemanticPositive500"
2179
- title="permalink"
2180
- class="permalink">
2181
- 🔗
2182
- </a>
2183
- </td>
2184
- <td class="is-vcentered">
2185
- <pre>#ffc173ff</pre>
2186
- </td>
2187
- <td class="is-vcentered">
2188
- <div class="table__color-preview"
2189
- style="background-color: #ffc173ff;">
2190
- </div>
2191
-
2192
- </td>
2193
- </tr>
2194
- <tr>
2195
- <td class="with-icons is-vcentered"
2196
- id="no-theme-colorsSemanticPositive600"
2197
- title="theme: no-theme; category: colors; group: semantic; name: positive; variant: 600; ">
2198
- colorsSemanticPositive600
2199
- <a href="#no-theme-colorsSemanticPositive600"
2200
- title="permalink"
2201
- class="permalink">
2202
- 🔗
2203
- </a>
2204
- </td>
2205
- <td class="is-vcentered">
2206
- <pre>#ffb04bff</pre>
2207
- </td>
2208
- <td class="is-vcentered">
2209
- <div class="table__color-preview"
2210
- style="background-color: #ffb04bff;">
2211
- </div>
2212
-
2213
- </td>
2214
- </tr>
2215
- <tr>
2216
- <td class="with-icons is-vcentered"
2217
- id="no-theme-colorsSemanticPositiveTransparent"
2218
- title="theme: no-theme; category: colors; group: semantic; name: positive; variant: transparent; ">
2219
- colorsSemanticPositiveTransparent
2220
- <a href="#no-theme-colorsSemanticPositiveTransparent"
2221
- title="permalink"
2222
- class="permalink">
2223
- 🔗
2224
- </a>
2225
- </td>
2226
- <td class="is-vcentered">
2227
- <pre>#00000000</pre>
2228
- </td>
2229
- <td class="is-vcentered">
2230
- <div class="table__color-preview"
2231
- style="background-color: #00000000;">
2232
- </div>
2233
-
2234
- </td>
2235
- </tr>
2236
- <tr>
2237
- <td class="with-icons is-vcentered"
2238
- id="no-theme-colorsSemanticPositiveYin030"
2239
- title="theme: no-theme; category: colors; group: semantic; name: positive; subgroup: yin; variant: 030; ">
2240
- colorsSemanticPositiveYin030
2241
- <a href="#no-theme-colorsSemanticPositiveYin030"
2242
- title="permalink"
2243
- class="permalink">
2244
- 🔗
2245
- </a>
2246
- </td>
2247
- <td class="is-vcentered">
2248
- <pre>#00ac004d</pre>
2249
- </td>
2250
- <td class="is-vcentered">
2251
- <div class="table__color-preview"
2252
- style="background-color: #00ac004d;">
2253
- </div>
2254
-
2255
- </td>
2256
- </tr>
2257
- <tr>
2258
- <td class="with-icons is-vcentered"
2259
- id="no-theme-colorsSemanticPositiveYin055"
2260
- title="theme: no-theme; category: colors; group: semantic; name: positive; subgroup: yin; variant: 055; ">
2261
- colorsSemanticPositiveYin055
2262
- <a href="#no-theme-colorsSemanticPositiveYin055"
2263
- title="permalink"
2264
- class="permalink">
2265
- 🔗
2266
- </a>
2267
- </td>
2268
- <td class="is-vcentered">
2269
- <pre>#00ac008c</pre>
2270
- </td>
2271
- <td class="is-vcentered">
2272
- <div class="table__color-preview"
2273
- style="background-color: #00ac008c;">
2274
- </div>
2275
-
2276
- </td>
2277
- </tr>
2278
- <tr>
2279
- <td class="with-icons is-vcentered"
2280
- id="no-theme-colorsSemanticPositiveYin065"
2281
- title="theme: no-theme; category: colors; group: semantic; name: positive; subgroup: yin; variant: 065; ">
2282
- colorsSemanticPositiveYin065
2283
- <a href="#no-theme-colorsSemanticPositiveYin065"
2284
- title="permalink"
2285
- class="permalink">
2286
- 🔗
2287
- </a>
2288
- </td>
2289
- <td class="is-vcentered">
2290
- <pre>#00ac00a6</pre>
2291
- </td>
2292
- <td class="is-vcentered">
2293
- <div class="table__color-preview"
2294
- style="background-color: #00ac00a6;">
2295
- </div>
2296
-
2297
- </td>
2298
- </tr>
2299
- <tr>
2300
- <td class="with-icons is-vcentered"
2301
- id="no-theme-colorsSemanticPositiveYin090"
2302
- title="theme: no-theme; category: colors; group: semantic; name: positive; subgroup: yin; variant: 090; ">
2303
- colorsSemanticPositiveYin090
2304
- <a href="#no-theme-colorsSemanticPositiveYin090"
2305
- title="permalink"
2306
- class="permalink">
2307
- 🔗
2308
- </a>
2309
- </td>
2310
- <td class="is-vcentered">
2311
- <pre>#00ac00e6</pre>
2312
- </td>
2313
- <td class="is-vcentered">
2314
- <div class="table__color-preview"
2315
- style="background-color: #00ac00e6;">
2316
- </div>
2317
-
2318
- </td>
2319
- </tr>
2320
- <tr>
2321
- <td class="with-icons is-vcentered"
2322
- id="no-theme-colorsSemanticPositiveYang100"
2323
- title="theme: no-theme; category: colors; group: semantic; name: positive; subgroup: yang; variant: 100; ">
2324
- colorsSemanticPositiveYang100
2325
- <a href="#no-theme-colorsSemanticPositiveYang100"
2326
- title="permalink"
2327
- class="permalink">
2328
- 🔗
2329
- </a>
2330
- </td>
2331
- <td class="is-vcentered">
2332
- <pre>#ffff00ff</pre>
2333
- </td>
2334
- <td class="is-vcentered">
2335
- <div class="table__color-preview"
2336
- style="background-color: #ffff00ff;">
2337
- </div>
2338
-
2339
- </td>
2340
- </tr>
2341
- <tr>
2342
- <td class="with-icons is-vcentered"
2343
- id="no-theme-colorsSemanticNegative500"
2344
- title="theme: no-theme; category: colors; group: semantic; name: negative; variant: 500; ">
2345
- colorsSemanticNegative500
2346
- <a href="#no-theme-colorsSemanticNegative500"
2347
- title="permalink"
2348
- class="permalink">
2349
- 🔗
2350
- </a>
2351
- </td>
2352
- <td class="is-vcentered">
2353
- <pre>#d5ef00ff</pre>
2354
- </td>
2355
- <td class="is-vcentered">
2356
- <div class="table__color-preview"
2357
- style="background-color: #d5ef00ff;">
2358
- </div>
2359
-
2360
- </td>
2361
- </tr>
2362
- <tr>
2363
- <td class="with-icons is-vcentered"
2364
- id="no-theme-colorsSemanticNegative600"
2365
- title="theme: no-theme; category: colors; group: semantic; name: negative; variant: 600; ">
2366
- colorsSemanticNegative600
2367
- <a href="#no-theme-colorsSemanticNegative600"
2368
- title="permalink"
2369
- class="permalink">
2370
- 🔗
2371
- </a>
2372
- </td>
2373
- <td class="is-vcentered">
2374
- <pre>#aabf00ff</pre>
2375
- </td>
2376
- <td class="is-vcentered">
2377
- <div class="table__color-preview"
2378
- style="background-color: #aabf00ff;">
2379
- </div>
2380
-
2381
- </td>
2382
- </tr>
2383
- <tr>
2384
- <td class="with-icons is-vcentered"
2385
- id="no-theme-colorsSemanticNegativeTransparent"
2386
- title="theme: no-theme; category: colors; group: semantic; name: negative; variant: transparent; ">
2387
- colorsSemanticNegativeTransparent
2388
- <a href="#no-theme-colorsSemanticNegativeTransparent"
2389
- title="permalink"
2390
- class="permalink">
2391
- 🔗
2392
- </a>
2393
- </td>
2394
- <td class="is-vcentered">
2395
- <pre>#00000000</pre>
2396
- </td>
2397
- <td class="is-vcentered">
2398
- <div class="table__color-preview"
2399
- style="background-color: #00000000;">
2400
- </div>
2401
-
2402
- </td>
2403
- </tr>
2404
- <tr>
2405
- <td class="with-icons is-vcentered"
2406
- id="no-theme-colorsSemanticNegativeYin030"
2407
- title="theme: no-theme; category: colors; group: semantic; name: negative; subgroup: yin; variant: 030; ">
2408
- colorsSemanticNegativeYin030
2409
- <a href="#no-theme-colorsSemanticNegativeYin030"
2410
- title="permalink"
2411
- class="permalink">
2412
- 🔗
2413
- </a>
2414
- </td>
2415
- <td class="is-vcentered">
2416
- <pre>#00ac004d</pre>
2417
- </td>
2418
- <td class="is-vcentered">
2419
- <div class="table__color-preview"
2420
- style="background-color: #00ac004d;">
2421
- </div>
2422
-
2423
- </td>
2424
- </tr>
2425
- <tr>
2426
- <td class="with-icons is-vcentered"
2427
- id="no-theme-colorsSemanticNegativeYin055"
2428
- title="theme: no-theme; category: colors; group: semantic; name: negative; subgroup: yin; variant: 055; ">
2429
- colorsSemanticNegativeYin055
2430
- <a href="#no-theme-colorsSemanticNegativeYin055"
2431
- title="permalink"
2432
- class="permalink">
2433
- 🔗
2434
- </a>
2435
- </td>
2436
- <td class="is-vcentered">
2437
- <pre>#00ac008c</pre>
2438
- </td>
2439
- <td class="is-vcentered">
2440
- <div class="table__color-preview"
2441
- style="background-color: #00ac008c;">
2442
- </div>
2443
-
2444
- </td>
2445
- </tr>
2446
- <tr>
2447
- <td class="with-icons is-vcentered"
2448
- id="no-theme-colorsSemanticNegativeYin065"
2449
- title="theme: no-theme; category: colors; group: semantic; name: negative; subgroup: yin; variant: 065; ">
2450
- colorsSemanticNegativeYin065
2451
- <a href="#no-theme-colorsSemanticNegativeYin065"
2452
- title="permalink"
2453
- class="permalink">
2454
- 🔗
2455
- </a>
2456
- </td>
2457
- <td class="is-vcentered">
2458
- <pre>#00ac00a6</pre>
2459
- </td>
2460
- <td class="is-vcentered">
2461
- <div class="table__color-preview"
2462
- style="background-color: #00ac00a6;">
2463
- </div>
2464
-
2465
- </td>
2466
- </tr>
2467
- <tr>
2468
- <td class="with-icons is-vcentered"
2469
- id="no-theme-colorsSemanticNegativeYin090"
2470
- title="theme: no-theme; category: colors; group: semantic; name: negative; subgroup: yin; variant: 090; ">
2471
- colorsSemanticNegativeYin090
2472
- <a href="#no-theme-colorsSemanticNegativeYin090"
2473
- title="permalink"
2474
- class="permalink">
2475
- 🔗
2476
- </a>
2477
- </td>
2478
- <td class="is-vcentered">
2479
- <pre>#00ac00e6</pre>
2480
- </td>
2481
- <td class="is-vcentered">
2482
- <div class="table__color-preview"
2483
- style="background-color: #00ac00e6;">
2484
- </div>
2485
-
2486
- </td>
2487
- </tr>
2488
- <tr>
2489
- <td class="with-icons is-vcentered"
2490
- id="no-theme-colorsSemanticNegativeYang100"
2491
- title="theme: no-theme; category: colors; group: semantic; name: negative; subgroup: yang; variant: 100; ">
2492
- colorsSemanticNegativeYang100
2493
- <a href="#no-theme-colorsSemanticNegativeYang100"
2494
- title="permalink"
2495
- class="permalink">
2496
- 🔗
2497
- </a>
2498
- </td>
2499
- <td class="is-vcentered">
2500
- <pre>#ffff00ff</pre>
2501
- </td>
2502
- <td class="is-vcentered">
2503
- <div class="table__color-preview"
2504
- style="background-color: #ffff00ff;">
2505
- </div>
2506
-
2507
- </td>
2508
- </tr>
2509
- <tr>
2510
- <td class="with-icons is-vcentered"
2511
- id="no-theme-colorsSemanticCaution400"
2512
- title="theme: no-theme; category: colors; group: semantic; name: caution; variant: 400; ">
2513
- colorsSemanticCaution400
2514
- <a href="#no-theme-colorsSemanticCaution400"
2515
- title="permalink"
2516
- class="permalink">
2517
- 🔗
2518
- </a>
2519
- </td>
2520
- <td class="is-vcentered">
2521
- <pre>#4dcbb9ff</pre>
2522
- </td>
2523
- <td class="is-vcentered">
2524
- <div class="table__color-preview"
2525
- style="background-color: #4dcbb9ff;">
2526
- </div>
2527
-
2528
- </td>
2529
- </tr>
2530
- <tr>
2531
- <td class="with-icons is-vcentered"
2532
- id="no-theme-colorsSemanticCaution500"
2533
- title="theme: no-theme; category: colors; group: semantic; name: caution; variant: 500; ">
2534
- colorsSemanticCaution500
2535
- <a href="#no-theme-colorsSemanticCaution500"
2536
- title="permalink"
2537
- class="permalink">
2538
- 🔗
2539
- </a>
2540
- </td>
2541
- <td class="is-vcentered">
2542
- <pre>#01b49bff</pre>
2543
- </td>
2544
- <td class="is-vcentered">
2545
- <div class="table__color-preview"
2546
- style="background-color: #01b49bff;">
2547
- </div>
2548
-
2549
- </td>
2550
- </tr>
2551
- <tr>
2552
- <td class="with-icons is-vcentered"
2553
- id="no-theme-colorsSemanticCaution600"
2554
- title="theme: no-theme; category: colors; group: semantic; name: caution; variant: 600; ">
2555
- colorsSemanticCaution600
2556
- <a href="#no-theme-colorsSemanticCaution600"
2557
- title="permalink"
2558
- class="permalink">
2559
- 🔗
2560
- </a>
2561
- </td>
2562
- <td class="is-vcentered">
2563
- <pre>#01907cff</pre>
2564
- </td>
2565
- <td class="is-vcentered">
2566
- <div class="table__color-preview"
2567
- style="background-color: #01907cff;">
2568
- </div>
2569
-
2570
- </td>
2571
- </tr>
2572
- <tr>
2573
- <td class="with-icons is-vcentered"
2574
- id="no-theme-colorsSemanticCautionTransparent"
2575
- title="theme: no-theme; category: colors; group: semantic; name: caution; variant: transparent; ">
2576
- colorsSemanticCautionTransparent
2577
- <a href="#no-theme-colorsSemanticCautionTransparent"
2578
- title="permalink"
2579
- class="permalink">
2580
- 🔗
2581
- </a>
2582
- </td>
2583
- <td class="is-vcentered">
2584
- <pre>#00000000</pre>
2585
- </td>
2586
- <td class="is-vcentered">
2587
- <div class="table__color-preview"
2588
- style="background-color: #00000000;">
2589
- </div>
2590
-
2591
- </td>
2592
- </tr>
2593
- <tr>
2594
- <td class="with-icons is-vcentered"
2595
- id="no-theme-colorsSemanticCautionYin030"
2596
- title="theme: no-theme; category: colors; group: semantic; name: caution; subgroup: yin; variant: 030; ">
2597
- colorsSemanticCautionYin030
2598
- <a href="#no-theme-colorsSemanticCautionYin030"
2599
- title="permalink"
2600
- class="permalink">
2601
- 🔗
2602
- </a>
2603
- </td>
2604
- <td class="is-vcentered">
2605
- <pre>#00ac004d</pre>
2606
- </td>
2607
- <td class="is-vcentered">
2608
- <div class="table__color-preview"
2609
- style="background-color: #00ac004d;">
2610
- </div>
2611
-
2612
- </td>
2613
- </tr>
2614
- <tr>
2615
- <td class="with-icons is-vcentered"
2616
- id="no-theme-colorsSemanticCautionYin055"
2617
- title="theme: no-theme; category: colors; group: semantic; name: caution; subgroup: yin; variant: 055; ">
2618
- colorsSemanticCautionYin055
2619
- <a href="#no-theme-colorsSemanticCautionYin055"
2620
- title="permalink"
2621
- class="permalink">
2622
- 🔗
2623
- </a>
2624
- </td>
2625
- <td class="is-vcentered">
2626
- <pre>#00ac008c</pre>
2627
- </td>
2628
- <td class="is-vcentered">
2629
- <div class="table__color-preview"
2630
- style="background-color: #00ac008c;">
2631
- </div>
2632
-
2633
- </td>
2634
- </tr>
2635
- <tr>
2636
- <td class="with-icons is-vcentered"
2637
- id="no-theme-colorsSemanticCautionYin065"
2638
- title="theme: no-theme; category: colors; group: semantic; name: caution; subgroup: yin; variant: 065; ">
2639
- colorsSemanticCautionYin065
2640
- <a href="#no-theme-colorsSemanticCautionYin065"
2641
- title="permalink"
2642
- class="permalink">
2643
- 🔗
2644
- </a>
2645
- </td>
2646
- <td class="is-vcentered">
2647
- <pre>#00ac00a6</pre>
2648
- </td>
2649
- <td class="is-vcentered">
2650
- <div class="table__color-preview"
2651
- style="background-color: #00ac00a6;">
2652
- </div>
2653
-
2654
- </td>
2655
- </tr>
2656
- <tr>
2657
- <td class="with-icons is-vcentered"
2658
- id="no-theme-colorsSemanticCautionYin090"
2659
- title="theme: no-theme; category: colors; group: semantic; name: caution; subgroup: yin; variant: 090; ">
2660
- colorsSemanticCautionYin090
2661
- <a href="#no-theme-colorsSemanticCautionYin090"
2662
- title="permalink"
2663
- class="permalink">
2664
- 🔗
2665
- </a>
2666
- </td>
2667
- <td class="is-vcentered">
2668
- <pre>#00ac00e6</pre>
2669
- </td>
2670
- <td class="is-vcentered">
2671
- <div class="table__color-preview"
2672
- style="background-color: #00ac00e6;">
2673
- </div>
2674
-
2675
- </td>
2676
- </tr>
2677
- <tr>
2678
- <td class="with-icons is-vcentered"
2679
- id="no-theme-colorsSemanticCautionYang100"
2680
- title="theme: no-theme; category: colors; group: semantic; name: caution; subgroup: yang; variant: 100; ">
2681
- colorsSemanticCautionYang100
2682
- <a href="#no-theme-colorsSemanticCautionYang100"
2683
- title="permalink"
2684
- class="permalink">
2685
- 🔗
2686
- </a>
2687
- </td>
2688
- <td class="is-vcentered">
2689
- <pre>#ffff00ff</pre>
2690
- </td>
2691
- <td class="is-vcentered">
2692
- <div class="table__color-preview"
2693
- style="background-color: #ffff00ff;">
2694
- </div>
2695
-
2696
- </td>
2697
- </tr>
2698
- <tr>
2699
- <td class="with-icons is-vcentered"
2700
- id="no-theme-colorsSemanticInfo150"
2701
- title="theme: no-theme; category: colors; group: semantic; name: info; variant: 150; ">
2702
- colorsSemanticInfo150
2703
- <a href="#no-theme-colorsSemanticInfo150"
2704
- title="permalink"
2705
- class="permalink">
2706
- 🔗
2707
- </a>
2708
- </td>
2709
- <td class="is-vcentered">
2710
- <pre>#ffd7c8ff</pre>
2711
- </td>
2712
- <td class="is-vcentered">
2713
- <div class="table__color-preview"
2714
- style="background-color: #ffd7c8ff;">
2715
- </div>
2716
-
2717
- </td>
2718
- </tr>
2719
- <tr>
2720
- <td class="with-icons is-vcentered"
2721
- id="no-theme-colorsSemanticInfo500"
2722
- title="theme: no-theme; category: colors; group: semantic; name: info; variant: 500; ">
2723
- colorsSemanticInfo500
2724
- <a href="#no-theme-colorsSemanticInfo500"
2725
- title="permalink"
2726
- class="permalink">
2727
- 🔗
2728
- </a>
2729
- </td>
2730
- <td class="is-vcentered">
2731
- <pre>#ffaf90ff</pre>
2732
- </td>
2733
- <td class="is-vcentered">
2734
- <div class="table__color-preview"
2735
- style="background-color: #ffaf90ff;">
2736
- </div>
2737
-
2738
- </td>
2739
- </tr>
2740
- <tr>
2741
- <td class="with-icons is-vcentered"
2742
- id="no-theme-colorsSemanticInfo600"
2743
- title="theme: no-theme; category: colors; group: semantic; name: info; variant: 600; ">
2744
- colorsSemanticInfo600
2745
- <a href="#no-theme-colorsSemanticInfo600"
2746
- title="permalink"
2747
- class="permalink">
2748
- 🔗
2749
- </a>
2750
- </td>
2751
- <td class="is-vcentered">
2752
- <pre>#ff946bff</pre>
2753
- </td>
2754
- <td class="is-vcentered">
2755
- <div class="table__color-preview"
2756
- style="background-color: #ff946bff;">
2757
- </div>
2758
-
2759
- </td>
2760
- </tr>
2761
- <tr>
2762
- <td class="with-icons is-vcentered"
2763
- id="no-theme-colorsSemanticInfoTransparent"
2764
- title="theme: no-theme; category: colors; group: semantic; name: info; variant: transparent; ">
2765
- colorsSemanticInfoTransparent
2766
- <a href="#no-theme-colorsSemanticInfoTransparent"
2767
- title="permalink"
2768
- class="permalink">
2769
- 🔗
2770
- </a>
2771
- </td>
2772
- <td class="is-vcentered">
2773
- <pre>#00000000</pre>
2774
- </td>
2775
- <td class="is-vcentered">
2776
- <div class="table__color-preview"
2777
- style="background-color: #00000000;">
2778
- </div>
2779
-
2780
- </td>
2781
- </tr>
2782
- <tr>
2783
- <td class="with-icons is-vcentered"
2784
- id="no-theme-colorsSemanticInfoYin030"
2785
- title="theme: no-theme; category: colors; group: semantic; name: info; subgroup: yin; variant: 030; ">
2786
- colorsSemanticInfoYin030
2787
- <a href="#no-theme-colorsSemanticInfoYin030"
2788
- title="permalink"
2789
- class="permalink">
2790
- 🔗
2791
- </a>
2792
- </td>
2793
- <td class="is-vcentered">
2794
- <pre>#00ac004d</pre>
2795
- </td>
2796
- <td class="is-vcentered">
2797
- <div class="table__color-preview"
2798
- style="background-color: #00ac004d;">
2799
- </div>
2800
-
2801
- </td>
2802
- </tr>
2803
- <tr>
2804
- <td class="with-icons is-vcentered"
2805
- id="no-theme-colorsSemanticInfoYin055"
2806
- title="theme: no-theme; category: colors; group: semantic; name: info; subgroup: yin; variant: 055; ">
2807
- colorsSemanticInfoYin055
2808
- <a href="#no-theme-colorsSemanticInfoYin055"
2809
- title="permalink"
2810
- class="permalink">
2811
- 🔗
2812
- </a>
2813
- </td>
2814
- <td class="is-vcentered">
2815
- <pre>#00ac008c</pre>
2816
- </td>
2817
- <td class="is-vcentered">
2818
- <div class="table__color-preview"
2819
- style="background-color: #00ac008c;">
2820
- </div>
2821
-
2822
- </td>
2823
- </tr>
2824
- <tr>
2825
- <td class="with-icons is-vcentered"
2826
- id="no-theme-colorsSemanticInfoYin065"
2827
- title="theme: no-theme; category: colors; group: semantic; name: info; subgroup: yin; variant: 065; ">
2828
- colorsSemanticInfoYin065
2829
- <a href="#no-theme-colorsSemanticInfoYin065"
2830
- title="permalink"
2831
- class="permalink">
2832
- 🔗
2833
- </a>
2834
- </td>
2835
- <td class="is-vcentered">
2836
- <pre>#00ac00a6</pre>
2837
- </td>
2838
- <td class="is-vcentered">
2839
- <div class="table__color-preview"
2840
- style="background-color: #00ac00a6;">
2841
- </div>
2842
-
2843
- </td>
2844
- </tr>
2845
- <tr>
2846
- <td class="with-icons is-vcentered"
2847
- id="no-theme-colorsSemanticInfoYin090"
2848
- title="theme: no-theme; category: colors; group: semantic; name: info; subgroup: yin; variant: 090; ">
2849
- colorsSemanticInfoYin090
2850
- <a href="#no-theme-colorsSemanticInfoYin090"
2851
- title="permalink"
2852
- class="permalink">
2853
- 🔗
2854
- </a>
2855
- </td>
2856
- <td class="is-vcentered">
2857
- <pre>#00ac00e6</pre>
2858
- </td>
2859
- <td class="is-vcentered">
2860
- <div class="table__color-preview"
2861
- style="background-color: #00ac00e6;">
2862
- </div>
2863
-
2864
- </td>
2865
- </tr>
2866
- <tr>
2867
- <td class="with-icons is-vcentered"
2868
- id="no-theme-colorsSemanticInfoYang100"
2869
- title="theme: no-theme; category: colors; group: semantic; name: info; subgroup: yang; variant: 100; ">
2870
- colorsSemanticInfoYang100
2871
- <a href="#no-theme-colorsSemanticInfoYang100"
2872
- title="permalink"
2873
- class="permalink">
2874
- 🔗
2875
- </a>
2876
- </td>
2877
- <td class="is-vcentered">
2878
- <pre>#ffff00ff</pre>
2879
- </td>
2880
- <td class="is-vcentered">
2881
- <div class="table__color-preview"
2882
- style="background-color: #ffff00ff;">
2883
- </div>
2884
-
2885
- </td>
2886
- </tr>
2887
- </table>
2888
- </section>
2889
- </main>
2890
- </div>
2891
-
2892
-
2893
- </div>
2894
-
2895
- <script>
2896
- const searchParams = new URLSearchParams(window.location.search);
2897
- const embedded = !!searchParams.get('embedded');
2898
- if(embedded) {
2899
- document.body.classList.add('embedded')
2900
- }
2901
- </script>
2902
- </body>
2903
- </html>