@patternfly/design-tokens 1.14.6 → 1.14.8

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 (87) hide show
  1. package/build/css/tokens-charts-dark.scss +2 -2
  2. package/build/css/tokens-charts.scss +2 -2
  3. package/build/css/tokens-dark.scss +52 -4
  4. package/build/css/tokens-default.scss +68 -14
  5. package/build/css/tokens-glass-dark.scss +9 -0
  6. package/build/css/tokens-glass.scss +9 -0
  7. package/build/css/tokens-highcontrast-dark.scss +2 -2
  8. package/build/css/tokens-highcontrast.scss +2 -2
  9. package/build/css/tokens-palette.scss +2 -2
  10. package/build/css/tokens-redhat-dark.scss +14 -0
  11. package/build/css/tokens-redhat-glass-dark.scss +16 -0
  12. package/build/css/tokens-redhat-glass.scss +15 -0
  13. package/build/css/tokens-redhat-highcontrast-dark.scss +47 -0
  14. package/build/css/tokens-redhat-highcontrast.scss +127 -0
  15. package/build/css/tokens-redhat.scss +15 -0
  16. package/build.js +208 -13
  17. package/config.dark.json +1 -1
  18. package/config.default.json +1 -1
  19. package/config.glass.dark.json +23 -0
  20. package/config.glass.json +24 -0
  21. package/config.layers.glass-dark.json +19 -0
  22. package/config.layers.glass.json +19 -0
  23. package/config.layers.highcontrast-dark.json +19 -0
  24. package/config.layers.highcontrast.json +19 -0
  25. package/config.layers.redhat-dark.json +22 -0
  26. package/config.layers.redhat-glass-dark.json +22 -0
  27. package/config.layers.redhat-glass.json +22 -0
  28. package/config.layers.redhat-highcontrast-dark.json +22 -0
  29. package/config.layers.redhat-highcontrast.json +22 -0
  30. package/config.layers.redhat.json +22 -0
  31. package/config.redhat-dark.json +25 -0
  32. package/config.redhat-glass-dark.json +25 -0
  33. package/config.redhat-glass.json +26 -0
  34. package/config.redhat-highcontrast-dark.json +25 -0
  35. package/config.redhat-highcontrast.json +26 -0
  36. package/config.redhat.json +26 -0
  37. package/package.json +2 -2
  38. package/patternfly-docs/content/all-patternfly-tokens.md +24 -1
  39. package/patternfly-docs/content/token-layers-glass-dark.json +38562 -0
  40. package/patternfly-docs/content/token-layers-glass.json +41600 -0
  41. package/patternfly-docs/content/token-layers-highcontrast-dark.json +38385 -0
  42. package/patternfly-docs/content/token-layers-highcontrast.json +53091 -0
  43. package/patternfly-docs/content/token-layers-redhat-dark.json +48501 -0
  44. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +38233 -0
  45. package/patternfly-docs/content/token-layers-redhat-glass.json +41282 -0
  46. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +38223 -0
  47. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +52773 -0
  48. package/patternfly-docs/content/token-layers-redhat.json +65159 -0
  49. package/plugins/export-patternfly-tokens/dist/code.js +26 -10
  50. package/plugins/export-patternfly-tokens/dist/ui.html +65 -21
  51. package/plugins/export-patternfly-tokens/src/code.ts +29 -10
  52. package/plugins/export-patternfly-tokens/src/ui.tsx +65 -20
  53. package/tokens/{dark → default/dark}/base.dark.json +83 -43
  54. package/tokens/{dark → default/dark}/charts.dark.json +4 -4
  55. package/tokens/{highcontrast-dark → default/dark}/palette.color.json +8 -0
  56. package/tokens/{dark → default/dark}/semantic.dark.json +235 -12
  57. package/tokens/default/{base.dimension.json → glass/base.dimension.json} +2 -2
  58. package/tokens/{highcontrast → default/glass}/base.json +45 -5
  59. package/tokens/{dark → default/glass}/palette.color.json +8 -0
  60. package/tokens/default/glass/semantic.glass.json +1996 -0
  61. package/tokens/{highcontrast-dark → default/glass-dark}/base.dark.json +83 -43
  62. package/tokens/{highcontrast → default/glass-dark}/palette.color.json +8 -0
  63. package/tokens/default/glass-dark/semantic.glass.dark.json +1996 -0
  64. package/tokens/{highcontrast → default/highcontrast}/base.dimension.json +2 -2
  65. package/tokens/default/{base.json → highcontrast/base.json} +45 -5
  66. package/tokens/default/highcontrast/palette.color.json +335 -0
  67. package/tokens/{highcontrast → default/highcontrast}/semantic.dimension.highcontrast.json +87 -51
  68. package/tokens/{highcontrast → default/highcontrast}/semantic.highcontrast.json +246 -23
  69. package/tokens/default/highcontrast-dark/base.dark.json +473 -0
  70. package/tokens/default/{palette.color.json → highcontrast-dark/palette.color.json} +8 -0
  71. package/tokens/{highcontrast-dark → default/highcontrast-dark}/semantic.highcontrast.dark.json +234 -11
  72. package/tokens/default/light/base.dimension.json +387 -0
  73. package/tokens/default/light/base.json +611 -0
  74. package/tokens/default/{charts.json → light/charts.json} +4 -4
  75. package/tokens/default/light/palette.color.json +335 -0
  76. package/tokens/default/{semantic.dimension.json → light/semantic.dimension.json} +90 -54
  77. package/tokens/default/{semantic.json → light/semantic.json} +235 -12
  78. package/tokens/default/{semantic.motion.json → light/semantic.motion.json} +28 -28
  79. package/tokens/redhat/dark/redhat.color.dark.json +62 -0
  80. package/tokens/redhat/glass/redhat.color.glass.json +49 -0
  81. package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +62 -0
  82. package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +49 -0
  83. package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +23 -0
  84. package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +49 -0
  85. package/tokens/redhat/light/redhat.color.json +49 -0
  86. package/tokens/redhat/light/redhat.dimension.json +23 -0
  87. /package/tokens/default/{base.motion.json → light/base.motion.json} +0 -0
package/build/css/tokens-charts-dark.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Wed, 10 Sep 2025 19:58:14 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
7
7
  --pf-t--chart--global--BorderWidth--sm: 2;
8
8
  --pf-t--chart--global--BorderWidth--xs: 1;
package/build/css/tokens-charts.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Wed, 10 Sep 2025 19:58:14 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
7
7
  --pf-t--chart--global--BorderWidth--sm: 2;
8
8
  --pf-t--chart--global--BorderWidth--xs: 1;
package/build/css/tokens-dark.scss CHANGED
@@ -1,17 +1,24 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
8
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
9
+ --pf-t--global--background--opacity--glass--floating: 100%;
10
+ --pf-t--global--background--opacity--glass--primary: 100%;
7
11
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
8
12
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
9
13
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
14
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
10
15
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
11
16
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
12
17
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
13
18
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
14
19
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
20
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
21
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
15
22
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
16
23
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
17
24
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -29,10 +36,18 @@
29
36
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
30
37
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
31
38
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
32
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
39
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
33
40
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
34
41
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
35
42
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
43
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
44
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
45
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
46
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
47
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
48
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
49
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
50
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
36
51
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
37
52
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
38
53
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -120,9 +135,13 @@
120
135
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
121
136
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
122
137
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
138
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
139
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
140
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
123
141
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
142
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
124
143
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
125
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
144
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
126
145
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
127
146
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
128
147
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -153,9 +172,13 @@
153
172
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
154
173
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
155
174
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
175
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
156
176
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
157
177
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
158
178
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
179
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
180
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
181
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
159
182
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
160
183
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
161
184
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -232,6 +255,8 @@
232
255
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
233
256
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
234
257
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
258
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
259
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
235
260
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
236
261
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
237
262
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -252,6 +277,9 @@
252
277
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
253
278
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
254
279
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
280
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
281
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
282
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
255
283
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
256
284
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
257
285
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -290,9 +318,15 @@
290
318
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
291
319
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
292
320
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
321
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
322
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
323
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
293
324
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
294
325
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
295
326
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
327
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
328
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
329
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
296
330
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
297
331
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
298
332
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -356,9 +390,15 @@
356
390
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
357
391
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
358
392
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
393
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
394
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
395
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
359
396
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
360
397
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
361
398
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
399
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
400
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
401
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
362
402
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
363
403
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
364
404
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -393,4 +433,12 @@
393
433
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
394
434
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
395
435
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
436
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
437
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
438
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
439
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
440
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
441
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
442
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
443
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
396
444
  }
package/build/css/tokens-default.scss CHANGED
@@ -1,11 +1,16 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
4
 
5
- :root {
6
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5
+ @mixin pf-v6-tokens {
6
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
8
9
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
10
+ --pf-t--global--background--filter--glass--blur--floating: blur(0px);
11
+ --pf-t--global--background--filter--glass--blur--primary: blur(0px);
12
+ --pf-t--global--background--opacity--glass--floating: 100%;
13
+ --pf-t--global--background--opacity--glass--primary: 100%;
9
14
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
10
15
  --pf-t--global--border--radius--0: 0px;
11
16
  --pf-t--global--border--radius--100: 4px;
@@ -33,12 +38,12 @@
33
38
  --pf-t--global--box-shadow--X--700: 10px;
34
39
  --pf-t--global--box-shadow--X--800: 20px;
35
40
  --pf-t--global--box-shadow--Y--100: -10px;
36
- --pf-t--global--box-shadow--Y--200: -4px;
41
+ --pf-t--global--box-shadow--Y--200: -2px;
37
42
  --pf-t--global--box-shadow--Y--300: -1px;
38
43
  --pf-t--global--box-shadow--Y--400: 0px;
39
44
  --pf-t--global--box-shadow--Y--50: -20px;
40
45
  --pf-t--global--box-shadow--Y--500: 1px;
41
- --pf-t--global--box-shadow--Y--600: 4px;
46
+ --pf-t--global--box-shadow--Y--600: 2px;
42
47
  --pf-t--global--box-shadow--Y--700: 10px;
43
48
  --pf-t--global--box-shadow--Y--800: 20px;
44
49
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -109,6 +114,7 @@
109
114
  --pf-t--global--spacer--800: 5rem;
110
115
  --pf-t--global--text-decoration--line--100: none;
111
116
  --pf-t--global--text-decoration--line--200: underline;
117
+ --pf-t--global--text-decoration--offset--hover: 5;
112
118
  --pf-t--global--text-decoration--style--100: solid;
113
119
  --pf-t--global--text-decoration--style--200: dashed;
114
120
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -130,12 +136,14 @@
130
136
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
131
137
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
132
138
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
139
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
140
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
133
141
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
134
142
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
135
143
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
136
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
144
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
137
145
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
138
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
146
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
139
147
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
140
148
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
141
149
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -145,9 +153,9 @@
145
153
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
146
154
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
147
155
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
148
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
156
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
149
157
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
150
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
158
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
151
159
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
152
160
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
153
161
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -221,9 +229,17 @@
221
229
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
222
230
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
223
231
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
232
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
233
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
234
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
235
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
236
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
237
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
238
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
239
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
224
240
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
225
241
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
226
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
242
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
227
243
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
228
244
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
229
245
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -289,7 +305,7 @@
289
305
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
290
306
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
291
307
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
292
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
308
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
293
309
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
294
310
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
295
311
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -374,8 +390,8 @@
374
390
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
375
391
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
376
392
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
377
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
378
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
393
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
394
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
379
395
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
380
396
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
381
397
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -400,8 +416,12 @@
400
416
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
401
417
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
402
418
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
419
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
420
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
421
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
403
422
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
404
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
423
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
424
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
405
425
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
406
426
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
407
427
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -436,9 +456,17 @@
436
456
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
437
457
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
438
458
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
459
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
460
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
461
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
462
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
463
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
439
464
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
440
465
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
441
466
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
467
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
468
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
469
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
442
470
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
443
471
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
444
472
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -569,7 +597,10 @@
569
597
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
570
598
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
571
599
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
600
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
572
601
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
602
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
603
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
573
604
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
574
605
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
575
606
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -587,6 +618,9 @@
587
618
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
588
619
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
589
620
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
621
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
622
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
623
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
590
624
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
591
625
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
592
626
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -627,9 +661,15 @@
627
661
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
628
662
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
629
663
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
664
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
665
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
666
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
630
667
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
631
668
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
632
669
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
670
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
671
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
672
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
633
673
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
634
674
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
635
675
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -702,9 +742,15 @@
702
742
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
703
743
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
704
744
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
745
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
746
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
747
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
705
748
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
706
749
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
707
750
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
751
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
752
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
753
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
708
754
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
709
755
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
710
756
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -739,5 +785,13 @@
739
785
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
740
786
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
741
787
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
788
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
789
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
790
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
791
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
792
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
742
793
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
794
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
795
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
796
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
743
797
  }
package/build/css/tokens-glass-dark.scss ADDED
@@ -0,0 +1,9 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
+
5
+ // Only tokens that differ from base theme (2 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8
+ --pf-t--global--background--opacity--glass--primary: 80%;
9
+ }
package/build/css/tokens-glass.scss ADDED
@@ -0,0 +1,9 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:24 GMT
4
+
5
+ // Only tokens that differ from base theme (2 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8
+ --pf-t--global--background--opacity--glass--primary: 80%;
9
+ }
package/build/css/tokens-highcontrast-dark.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Wed, 10 Sep 2025 19:58:14 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7
7
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8
8
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
package/build/css/tokens-highcontrast.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Wed, 10 Sep 2025 19:58:14 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
8
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
package/build/css/tokens-palette.scss CHANGED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 24 Nov 2025 18:37:56 GMT
3
+ // Generated on Wed, 10 Sep 2025 19:58:14 GMT
4
4
 
5
- :root {
5
+ @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000000;
7
7
  --pf-t--color--blue--10: #e0f0ff;
8
8
  --pf-t--color--blue--20: #b9dafc;
package/build/css/tokens-redhat-dark.scss ADDED
@@ -0,0 +1,14 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
+
5
+ // Only tokens that differ from base theme (7 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
10
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
11
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
12
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
13
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
14
+ }
package/build/css/tokens-redhat-glass-dark.scss ADDED
@@ -0,0 +1,16 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
+
5
+ // Only tokens that differ from base theme (9 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8
+ --pf-t--global--background--opacity--glass--primary: 80%;
9
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
10
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
11
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
12
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
13
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
14
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
15
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
16
+ }
package/build/css/tokens-redhat-glass.scss ADDED
@@ -0,0 +1,15 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
+
5
+ // Only tokens that differ from base theme (8 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
8
+ --pf-t--global--background--opacity--glass--primary: 80%;
9
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
10
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
11
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
12
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
13
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
14
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
15
+ }
package/build/css/tokens-redhat-highcontrast-dark.scss ADDED
@@ -0,0 +1,47 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 10 Feb 2026 20:40:25 GMT
4
+
5
+ // Only tokens that differ from base theme (40 tokens)
6
+ @mixin pf-v6-tokens {
7
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
8
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
10
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
11
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
12
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
13
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
14
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
15
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
16
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
17
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
18
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
19
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
20
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
21
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
22
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
23
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
24
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
25
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
26
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
27
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
28
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
29
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
30
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
31
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
32
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
33
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
34
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
35
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
36
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
37
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
38
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
39
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
40
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
41
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
42
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
43
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
44
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
45
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
46
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
47
+ }