@pantheon-systems/pds-design-tokens 2.0.0-alpha.57 → 2.0.0-alpha.59
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.
- package/build/css/variables.dark.css +65 -63
- package/build/css/variables.light.css +72 -70
- package/build/figma/tokens.json +175 -113
- package/package.json +1 -1
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
--pds-color-badge-brand-foreground: oklch(0.2178 0 0);
|
|
4
4
|
--pds-color-badge-brand-muted-background: oklch(0.5143 0.1019 76.13);
|
|
5
5
|
--pds-color-badge-brand-muted-foreground: oklch(0.9577 0.0624 93.43);
|
|
6
|
-
--pds-color-badge-success-background: oklch(0.
|
|
6
|
+
--pds-color-badge-success-background: oklch(0.7213 0.0999 134.04);
|
|
7
7
|
--pds-color-badge-success-foreground: oklch(0.2178 0 0);
|
|
8
|
-
--pds-color-badge-success-muted-background: oklch(0.
|
|
9
|
-
--pds-color-badge-success-muted-foreground: oklch(0.
|
|
8
|
+
--pds-color-badge-success-muted-background: oklch(0.2998 0.0893 136.08);
|
|
9
|
+
--pds-color-badge-success-muted-foreground: oklch(0.8896 0.0468 134.36);
|
|
10
10
|
--pds-color-badge-warning-background: oklch(0.7885 0.1129 63.65);
|
|
11
11
|
--pds-color-badge-warning-foreground: oklch(0.2178 0 0);
|
|
12
12
|
--pds-color-badge-warning-muted-background: oklch(0.3111 0.0678 55.70);
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
--pds-color-badge-critical-foreground: oklch(0.2178 0 0);
|
|
16
16
|
--pds-color-badge-critical-muted-background: oklch(0.3541 0.1230 26.18);
|
|
17
17
|
--pds-color-badge-critical-muted-foreground: oklch(0.8880 0.0405 17.94);
|
|
18
|
-
--pds-color-badge-info-background: oklch(0.
|
|
18
|
+
--pds-color-badge-info-background: oklch(0.7452 0.1208 253.44);
|
|
19
19
|
--pds-color-badge-info-foreground: oklch(0.2178 0 0);
|
|
20
|
-
--pds-color-badge-info-muted-background: oklch(0.
|
|
21
|
-
--pds-color-badge-info-muted-foreground: oklch(0.
|
|
22
|
-
--pds-color-badge-discovery-background: oklch(0.
|
|
20
|
+
--pds-color-badge-info-muted-background: oklch(0.3763 0.1280 255.90);
|
|
21
|
+
--pds-color-badge-info-muted-foreground: oklch(0.9124 0.0439 250.42);
|
|
22
|
+
--pds-color-badge-discovery-background: oklch(0.6782 0.1118 309.11);
|
|
23
23
|
--pds-color-badge-discovery-foreground: oklch(0.2178 0 0);
|
|
24
|
-
--pds-color-badge-discovery-muted-background: oklch(0.
|
|
25
|
-
--pds-color-badge-discovery-muted-foreground: oklch(0.
|
|
24
|
+
--pds-color-badge-discovery-muted-background: oklch(0.3386 0.1107 302.09);
|
|
25
|
+
--pds-color-badge-discovery-muted-foreground: oklch(0.9072 0.0310 310.98);
|
|
26
26
|
--pds-color-badge-rose-background: oklch(0.7622 0.1214 358.96);
|
|
27
27
|
--pds-color-badge-rose-foreground: oklch(0.2178 0 0);
|
|
28
28
|
--pds-color-badge-rose-muted-background: oklch(0.3462 0.0939 8.11);
|
|
@@ -63,13 +63,13 @@
|
|
|
63
63
|
--pds-color-badge-gold-foreground: oklch(0.2178 0 0);
|
|
64
64
|
--pds-color-badge-gold-muted-background: oklch(0.3989 0.0551 79.95);
|
|
65
65
|
--pds-color-badge-gold-muted-foreground: oklch(0.9281 0.0348 98.08);
|
|
66
|
-
--pds-color-banner-info-background: oklch(0.
|
|
66
|
+
--pds-color-banner-info-background: oklch(0.4666 0.1523 254.74);
|
|
67
67
|
--pds-color-banner-info-foreground: oklch(0.9702 0 0);
|
|
68
68
|
--pds-color-banner-warning-background: oklch(0.5428 0.1292 52.61);
|
|
69
69
|
--pds-color-banner-warning-foreground: oklch(0.9702 0 0);
|
|
70
70
|
--pds-color-banner-critical-background: oklch(0.5338 0.1771 25.54);
|
|
71
71
|
--pds-color-banner-critical-foreground: oklch(0.9702 0 0);
|
|
72
|
-
--pds-color-banner-discovery-background: oklch(0.
|
|
72
|
+
--pds-color-banner-discovery-background: oklch(0.5198 0.1353 302.93);
|
|
73
73
|
--pds-color-banner-discovery-foreground: oklch(0.9702 0 0);
|
|
74
74
|
--pds-color-banner-neutral-background: oklch(0.5103 0 0);
|
|
75
75
|
--pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
|
|
@@ -85,23 +85,23 @@
|
|
|
85
85
|
--pds-color-code-block-syntax-tag: #ff61ca;
|
|
86
86
|
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
87
|
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
88
|
-
--pds-color-datepicker-accent-foreground: oklch(0.
|
|
89
|
-
--pds-color-datepicker-selected-background: oklch(0.
|
|
88
|
+
--pds-color-datepicker-accent-foreground: oklch(0.8369 0.0765 253.48);
|
|
89
|
+
--pds-color-datepicker-selected-background: oklch(0.6382 0.1612 253.57);
|
|
90
90
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
91
91
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
92
92
|
--pds-color-pagination-foreground-active: oklch(0.9702 0 0);
|
|
93
93
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
94
94
|
--pds-color-pagination-background-hover: oklch(0.2603 0 0);
|
|
95
|
-
--pds-color-pagination-background-active: oklch(0.
|
|
96
|
-
--pds-color-pagination-background-current: oklch(0.
|
|
95
|
+
--pds-color-pagination-background-active: oklch(0.2940 0.1030 256.67);
|
|
96
|
+
--pds-color-pagination-background-current: oklch(0.6382 0.1612 253.57);
|
|
97
97
|
--pds-color-panel-sunken-background: oklch(0.2603 0 0);
|
|
98
98
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
99
99
|
--pds-color-expansion-panel-open: oklch(0.2931 0 0);
|
|
100
100
|
--pds-color-popover-border: oklch(0.31 0.005 258);
|
|
101
101
|
--pds-color-skeleton-regular-base: oklch(0.3329 0 0);
|
|
102
|
-
--pds-color-skeleton-regular-
|
|
102
|
+
--pds-color-skeleton-regular-shimmer: oklch(0.4091 0 0);
|
|
103
103
|
--pds-color-skeleton-bold-base: oklch(0.4091 0 0);
|
|
104
|
-
--pds-color-skeleton-bold-
|
|
104
|
+
--pds-color-skeleton-bold-shimmer: oklch(0.5103 0 0);
|
|
105
105
|
--pds-color-sortable-border-hover: oklch(0.38 0.135 268);
|
|
106
106
|
--pds-color-sortable-border-target: oklch(0.6575 0.177 272.74);
|
|
107
107
|
--pds-color-spinner-full-1: #7600D9;
|
|
@@ -156,25 +156,25 @@
|
|
|
156
156
|
--pds-color-tag-magenta-solid-foreground: oklch(0.2178 0 0);
|
|
157
157
|
--pds-color-tag-rose-solid-background: oklch(0.7622 0.1214 358.96);
|
|
158
158
|
--pds-color-tag-rose-solid-foreground: oklch(0.2178 0 0);
|
|
159
|
-
--pds-color-tag-success-solid-background: oklch(0.
|
|
159
|
+
--pds-color-tag-success-solid-background: oklch(0.7213 0.0999 134.04);
|
|
160
160
|
--pds-color-tag-success-solid-foreground: oklch(0.2178 0 0);
|
|
161
161
|
--pds-color-tag-warning-solid-background: oklch(0.7885 0.1129 63.65);
|
|
162
162
|
--pds-color-tag-warning-solid-foreground: oklch(0.2178 0 0);
|
|
163
163
|
--pds-color-tag-critical-solid-background: oklch(0.6991 0.1140 20.37);
|
|
164
164
|
--pds-color-tag-critical-solid-foreground: oklch(0.2178 0 0);
|
|
165
|
-
--pds-color-tag-info-solid-background: oklch(0.
|
|
165
|
+
--pds-color-tag-info-solid-background: oklch(0.7452 0.1208 253.44);
|
|
166
166
|
--pds-color-tag-info-solid-foreground: oklch(0.2178 0 0);
|
|
167
|
-
--pds-color-tag-discovery-solid-background: oklch(0.
|
|
167
|
+
--pds-color-tag-discovery-solid-background: oklch(0.6782 0.1118 309.11);
|
|
168
168
|
--pds-color-tag-discovery-solid-foreground: oklch(0.2178 0 0);
|
|
169
|
-
--pds-color-tally-success-background: oklch(0.
|
|
169
|
+
--pds-color-tally-success-background: oklch(0.5408 0.1249 133.99);
|
|
170
170
|
--pds-color-tally-success-foreground: oklch(1.0000 0 0);
|
|
171
171
|
--pds-color-tally-warning-background: oklch(0.6419 0.1457 55.55);
|
|
172
172
|
--pds-color-tally-warning-foreground: oklch(1.0000 0 0);
|
|
173
173
|
--pds-color-tally-critical-background: oklch(0.5338 0.1771 25.54);
|
|
174
174
|
--pds-color-tally-critical-foreground: oklch(1.0000 0 0);
|
|
175
|
-
--pds-color-tally-info-background: oklch(0.
|
|
175
|
+
--pds-color-tally-info-background: oklch(0.5374 0.1689 253.60);
|
|
176
176
|
--pds-color-tally-info-foreground: oklch(1.0000 0 0);
|
|
177
|
-
--pds-color-tally-discovery-background: oklch(0.
|
|
177
|
+
--pds-color-tally-discovery-background: oklch(0.5198 0.1353 302.93);
|
|
178
178
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
179
179
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
180
180
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
@@ -190,22 +190,22 @@
|
|
|
190
190
|
--pds-color-button-primary-background-active: oklch(0.8096 0 0);
|
|
191
191
|
--pds-color-button-primary-foreground: oklch(0.2178 0 0);
|
|
192
192
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
193
|
-
--pds-color-button-secondary-background-hover:
|
|
193
|
+
--pds-color-button-secondary-background-hover: rgba(255, 255, 255, 0.08);
|
|
194
194
|
--pds-color-button-secondary-background-active: oklch(0.3638 0 0);
|
|
195
195
|
--pds-color-button-secondary-border: oklch(0.5103 0 0);
|
|
196
196
|
--pds-color-button-secondary-foreground-default: oklch(0.9702 0 0);
|
|
197
197
|
--pds-color-button-secondary-foreground-hover: oklch(0.9702 0 0);
|
|
198
198
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
|
|
199
|
-
--pds-color-button-subtle-background-hover:
|
|
199
|
+
--pds-color-button-subtle-background-hover: rgba(255, 255, 255, 0.08);
|
|
200
200
|
--pds-color-button-subtle-background-active: oklch(0.3426 0 0);
|
|
201
201
|
--pds-color-button-subtle-foreground: oklch(0.9702 0 0);
|
|
202
202
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
203
203
|
--pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
|
|
204
204
|
--pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
|
|
205
205
|
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
206
|
-
--pds-color-button-highlight-background-default: oklch(0.
|
|
207
|
-
--pds-color-button-highlight-background-hover: oklch(0.
|
|
208
|
-
--pds-color-button-highlight-background-active: oklch(0.
|
|
206
|
+
--pds-color-button-highlight-background-default: oklch(0.6382 0.1612 253.57);
|
|
207
|
+
--pds-color-button-highlight-background-hover: oklch(0.7452 0.1208 253.44);
|
|
208
|
+
--pds-color-button-highlight-background-active: oklch(0.8369 0.0765 253.48);
|
|
209
209
|
--pds-color-button-highlight-foreground: oklch(0.2178 0 0);
|
|
210
210
|
--pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
|
|
211
211
|
--pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
231
231
|
--pds-color-close-button-background-hover: #ffffff1a;
|
|
232
232
|
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
233
|
-
--pds-color-icon-button-standard-background-hover:
|
|
233
|
+
--pds-color-icon-button-standard-background-hover: rgba(255, 255, 255, 0.05);
|
|
234
234
|
--pds-color-icon-button-standard-border-default: oklch(0.4091 0 0);
|
|
235
235
|
--pds-color-icon-button-standard-border-hover: oklch(0.5103 0 0);
|
|
236
236
|
--pds-color-icon-button-standard-foreground: oklch(0.8452 0 0);
|
|
@@ -247,12 +247,12 @@
|
|
|
247
247
|
--pds-color-split-button-primary-separator: oklch(0.2178 0 0);
|
|
248
248
|
--pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
|
|
249
249
|
--pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
|
|
250
|
-
--pds-color-segmented-button-background-active: oklch(0.
|
|
250
|
+
--pds-color-segmented-button-background-active: oklch(0.6382 0.1612 253.57);
|
|
251
251
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
252
252
|
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
|
|
253
|
-
--pds-color-category-ai-foreground: oklch(0.
|
|
254
|
-
--pds-color-category-ai-utility: oklch(0.
|
|
255
|
-
--pds-color-category-ai-background: oklch(0.
|
|
253
|
+
--pds-color-category-ai-foreground: oklch(0.9561 0.0155 306.41);
|
|
254
|
+
--pds-color-category-ai-utility: oklch(0.6128 0.1241 305.50);
|
|
255
|
+
--pds-color-category-ai-background: oklch(0.5198 0.1353 302.93);
|
|
256
256
|
--pds-color-code-inline-background: oklch(0.2603 0 0);
|
|
257
257
|
--pds-color-code-inline-border: oklch(0.2931 0 0);
|
|
258
258
|
--pds-color-code-inline-text: #ffffff;
|
|
@@ -324,31 +324,31 @@
|
|
|
324
324
|
--pds-color-input-placeholder: oklch(0.6830 0 0);
|
|
325
325
|
--pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
|
|
326
326
|
--pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
|
|
327
|
-
--pds-color-input-selected-background: oklch(0.
|
|
327
|
+
--pds-color-input-selected-background: oklch(0.6382 0.1612 253.57);
|
|
328
328
|
--pds-color-input-selected-foreground: oklch(0.2178 0 0);
|
|
329
329
|
--pds-color-input-switch-icon: oklch(0.2178 0 0);
|
|
330
330
|
--pds-color-input-switch-background: oklch(0.6830 0 0);
|
|
331
331
|
--pds-color-input-tag-background-default: oklch(0.38 0 0);
|
|
332
332
|
--pds-color-input-tag-background-hover: oklch(0.32 0 0);
|
|
333
|
-
--pds-color-input-tag-background-active: oklch(0.
|
|
333
|
+
--pds-color-input-tag-background-active: oklch(0.6382 0.1612 253.57);
|
|
334
334
|
--pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
|
|
335
335
|
--pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
|
|
336
336
|
--pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
|
|
337
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
338
|
-
--pds-color-interactive-focus: oklch(0.
|
|
339
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
337
|
+
--pds-color-input-tag-outline-active: oklch(0.6382 0.1612 253.57);
|
|
338
|
+
--pds-color-interactive-focus: oklch(0.6382 0.1612 253.57);
|
|
339
|
+
--pds-color-interactive-link-default: oklch(0.6382 0.1612 253.57);
|
|
340
340
|
--pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
|
|
341
341
|
--pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
|
|
342
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
343
|
-
--pds-color-interactive-foreground-current: oklch(0.
|
|
344
|
-
--pds-color-interactive-foreground-hover: oklch(0.
|
|
345
|
-
--pds-color-interactive-foreground-active: oklch(0.
|
|
342
|
+
--pds-color-interactive-link-visited: oklch(0.6382 0.1612 253.57);
|
|
343
|
+
--pds-color-interactive-foreground-current: oklch(0.8369 0.0765 253.48);
|
|
344
|
+
--pds-color-interactive-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
345
|
+
--pds-color-interactive-foreground-active: oklch(0.8369 0.0765 253.48);
|
|
346
346
|
--pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
|
|
347
|
-
--pds-color-interactive-background-current: oklch(0.
|
|
347
|
+
--pds-color-interactive-background-current: oklch(0.6382 0.1612 253.57);
|
|
348
348
|
--pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
|
|
349
349
|
--pds-color-interactive-background-hover: oklch(0.2603 0 0);
|
|
350
350
|
--pds-color-interactive-background-active: oklch(0.2931 0 0);
|
|
351
|
-
--pds-color-interactive-background-selected: oklch(0.
|
|
351
|
+
--pds-color-interactive-background-selected: oklch(0.2940 0.1030 256.67);
|
|
352
352
|
--pds-color-interactive-background-selected-foreground: oklch(0.9702 0 0);
|
|
353
353
|
--pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
|
|
354
354
|
--pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
|
|
@@ -356,26 +356,28 @@
|
|
|
356
356
|
--pds-color-interactive-reverse-link-active: oklch(0.5093 0.1241 35.58);
|
|
357
357
|
--pds-color-interactive-reverse-link-visited: oklch(0.5256 0.1988 268.04);
|
|
358
358
|
--pds-color-interactive-reverse-foreground-hover: oklch(0.5256 0.1988 268.04);
|
|
359
|
-
--pds-color-nav-item-reverse-foreground-hover: oklch(0.
|
|
360
|
-
--pds-color-nav-item-reverse-foreground-active: oklch(0.
|
|
359
|
+
--pds-color-nav-item-reverse-foreground-hover: oklch(0.5198 0.1353 302.93);
|
|
360
|
+
--pds-color-nav-item-reverse-foreground-active: oklch(0.5198 0.1353 302.93);
|
|
361
361
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
362
362
|
--pds-color-overlay-subtle: rgba(0, 0, 0, 0.4);
|
|
363
363
|
--pds-color-partner-bitbucket: #004DC0;
|
|
364
364
|
--pds-color-partner-drupal: #009CDE;
|
|
365
|
+
--pds-color-partner-foreground: #FFFFFF;
|
|
365
366
|
--pds-color-partner-gatsby: #663399;
|
|
366
367
|
--pds-color-partner-github: #2DA44E;
|
|
367
368
|
--pds-color-partner-gitlab: #fc6d26;
|
|
368
369
|
--pds-color-partner-google: #4285F4;
|
|
369
370
|
--pds-color-partner-nextjs: #ffffff;
|
|
371
|
+
--pds-color-partner-sumo: #FFFFFF;
|
|
370
372
|
--pds-color-partner-wordpress: #0073AA;
|
|
371
|
-
--pds-color-segmented-control-track-background: oklch(0.
|
|
373
|
+
--pds-color-segmented-control-track-background: oklch(0.2931 0 0);
|
|
372
374
|
--pds-color-segmented-control-selected-background: oklch(0.4091 0 0);
|
|
373
375
|
--pds-color-social-rss: #f3763a;
|
|
374
|
-
--pds-color-status-success-foreground: oklch(0.
|
|
375
|
-
--pds-color-status-success-fill: oklch(0.
|
|
376
|
-
--pds-color-status-success-border: oklch(0.
|
|
377
|
-
--pds-color-status-success-background: oklch(0.
|
|
378
|
-
--pds-color-status-success-background-hover: oklch(0.
|
|
376
|
+
--pds-color-status-success-foreground: oklch(0.8096 0.0748 134.21);
|
|
377
|
+
--pds-color-status-success-fill: oklch(0.6290 0.1166 133.89);
|
|
378
|
+
--pds-color-status-success-border: oklch(0.6290 0.1166 133.89);
|
|
379
|
+
--pds-color-status-success-background: oklch(0.2998 0.0893 136.08);
|
|
380
|
+
--pds-color-status-success-background-hover: oklch(0.3894 0.1128 134.55);
|
|
379
381
|
--pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
|
|
380
382
|
--pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
|
|
381
383
|
--pds-color-status-warning-border: oklch(0.7116 0.1405 61.04);
|
|
@@ -386,19 +388,19 @@
|
|
|
386
388
|
--pds-color-status-critical-border: oklch(0.5954 0.1582 23.19);
|
|
387
389
|
--pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
|
|
388
390
|
--pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
|
|
389
|
-
--pds-color-status-info-foreground: oklch(0.
|
|
390
|
-
--pds-color-status-info-fill: oklch(0.
|
|
391
|
-
--pds-color-status-info-border: oklch(0.
|
|
392
|
-
--pds-color-status-info-background: oklch(0.
|
|
393
|
-
--pds-color-status-info-background-hover: oklch(0.
|
|
394
|
-
--pds-color-status-discovery-foreground: oklch(0.
|
|
395
|
-
--pds-color-status-discovery-fill: oklch(0.
|
|
396
|
-
--pds-color-status-discovery-border: oklch(0.
|
|
397
|
-
--pds-color-status-discovery-background: oklch(0.
|
|
398
|
-
--pds-color-status-discovery-background-hover: oklch(0.
|
|
391
|
+
--pds-color-status-info-foreground: oklch(0.8369 0.0765 253.48);
|
|
392
|
+
--pds-color-status-info-fill: oklch(0.6382 0.1612 253.57);
|
|
393
|
+
--pds-color-status-info-border: oklch(0.6382 0.1612 253.57);
|
|
394
|
+
--pds-color-status-info-background: oklch(0.2940 0.1030 256.67);
|
|
395
|
+
--pds-color-status-info-background-hover: oklch(0.3763 0.1280 255.90);
|
|
396
|
+
--pds-color-status-discovery-foreground: oklch(0.8275 0.0578 308.23);
|
|
397
|
+
--pds-color-status-discovery-fill: oklch(0.6128 0.1241 305.50);
|
|
398
|
+
--pds-color-status-discovery-border: oklch(0.6128 0.1241 305.50);
|
|
399
|
+
--pds-color-status-discovery-background: oklch(0.2673 0.0978 295.43);
|
|
400
|
+
--pds-color-status-discovery-background-hover: oklch(0.3386 0.1107 302.09);
|
|
399
401
|
--pds-color-status-neutral-background: oklch(0.3329 0 0);
|
|
400
402
|
--pds-color-status-neutral-indicator: oklch(0.8452 0 0);
|
|
401
|
-
--pds-color-status-frozen-fill: oklch(0.
|
|
403
|
+
--pds-color-status-frozen-fill: oklch(0.6782 0.1118 309.11);
|
|
402
404
|
--pds-color-status-disabled-fill: oklch(0.5103 0 0);
|
|
403
405
|
--pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
|
404
406
|
--pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
--pds-color-badge-brand-foreground: oklch(0.2178 0 0);
|
|
4
4
|
--pds-color-badge-brand-muted-background: oklch(0.9577 0.0624 93.43);
|
|
5
5
|
--pds-color-badge-brand-muted-foreground: oklch(0.3894 0.0774 72.04);
|
|
6
|
-
--pds-color-badge-success-background: oklch(0.
|
|
6
|
+
--pds-color-badge-success-background: oklch(0.4787 0.1296 134.07);
|
|
7
7
|
--pds-color-badge-success-foreground: oklch(1.0000 0 0);
|
|
8
|
-
--pds-color-badge-success-muted-background: oklch(0.
|
|
9
|
-
--pds-color-badge-success-muted-foreground: oklch(0.
|
|
8
|
+
--pds-color-badge-success-muted-background: oklch(0.8896 0.0468 134.36);
|
|
9
|
+
--pds-color-badge-success-muted-foreground: oklch(0.2998 0.0893 136.08);
|
|
10
10
|
--pds-color-badge-warning-background: oklch(0.5658 0.1338 53.43);
|
|
11
11
|
--pds-color-badge-warning-foreground: oklch(1.0000 0 0);
|
|
12
12
|
--pds-color-badge-warning-muted-background: oklch(0.9208 0.0469 69.27);
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
--pds-color-badge-critical-foreground: oklch(1.0000 0 0);
|
|
16
16
|
--pds-color-badge-critical-muted-background: oklch(0.8859 0.0414 19.05);
|
|
17
17
|
--pds-color-badge-critical-muted-foreground: oklch(0.2550 0.0814 25.05);
|
|
18
|
-
--pds-color-badge-info-background: oklch(0.
|
|
18
|
+
--pds-color-badge-info-background: oklch(0.4666 0.1523 254.74);
|
|
19
19
|
--pds-color-badge-info-foreground: oklch(1.0000 0 0);
|
|
20
|
-
--pds-color-badge-info-muted-background: oklch(0.
|
|
21
|
-
--pds-color-badge-info-muted-foreground: oklch(0.
|
|
22
|
-
--pds-color-badge-discovery-background: oklch(0.
|
|
20
|
+
--pds-color-badge-info-muted-background: oklch(0.9124 0.0439 250.42);
|
|
21
|
+
--pds-color-badge-info-muted-foreground: oklch(0.2940 0.1030 256.67);
|
|
22
|
+
--pds-color-badge-discovery-background: oklch(0.4274 0.1232 303.80);
|
|
23
23
|
--pds-color-badge-discovery-foreground: oklch(1.0000 0 0);
|
|
24
|
-
--pds-color-badge-discovery-muted-background: oklch(0.
|
|
25
|
-
--pds-color-badge-discovery-muted-foreground: oklch(0.
|
|
24
|
+
--pds-color-badge-discovery-muted-background: oklch(0.9072 0.0310 310.98);
|
|
25
|
+
--pds-color-badge-discovery-muted-foreground: oklch(0.2673 0.0978 295.43);
|
|
26
26
|
--pds-color-badge-rose-background: oklch(0.5479 0.1847 1.24);
|
|
27
27
|
--pds-color-badge-rose-foreground: oklch(1.0000 0 0);
|
|
28
28
|
--pds-color-badge-rose-muted-background: oklch(0.9106 0.0331 351.20);
|
|
@@ -63,13 +63,13 @@
|
|
|
63
63
|
--pds-color-badge-gold-foreground: oklch(1.0000 0 0);
|
|
64
64
|
--pds-color-badge-gold-muted-background: oklch(0.9281 0.0348 98.08);
|
|
65
65
|
--pds-color-badge-gold-muted-foreground: oklch(0.2816 0.0657 60.48);
|
|
66
|
-
--pds-color-banner-info-background: oklch(0.
|
|
66
|
+
--pds-color-banner-info-background: oklch(0.4666 0.1523 254.74);
|
|
67
67
|
--pds-color-banner-info-foreground: oklch(1.0000 0 0);
|
|
68
68
|
--pds-color-banner-warning-background: oklch(0.5658 0.1338 53.43);
|
|
69
69
|
--pds-color-banner-warning-foreground: oklch(1.0000 0 0);
|
|
70
70
|
--pds-color-banner-critical-background: oklch(0.4501 0.1581 26.35);
|
|
71
71
|
--pds-color-banner-critical-foreground: oklch(1.0000 0 0);
|
|
72
|
-
--pds-color-banner-discovery-background: oklch(0.
|
|
72
|
+
--pds-color-banner-discovery-background: oklch(0.4274 0.1232 303.80);
|
|
73
73
|
--pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
|
|
74
74
|
--pds-color-banner-neutral-background: oklch(0.2178 0 0);
|
|
75
75
|
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
@@ -85,23 +85,23 @@
|
|
|
85
85
|
--pds-color-code-block-syntax-tag: #ff61ca;
|
|
86
86
|
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
87
|
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
88
|
-
--pds-color-datepicker-accent-foreground: oklch(0.
|
|
89
|
-
--pds-color-datepicker-selected-background: oklch(0.
|
|
88
|
+
--pds-color-datepicker-accent-foreground: oklch(0.5374 0.1689 253.60);
|
|
89
|
+
--pds-color-datepicker-selected-background: oklch(0.5374 0.1689 253.60);
|
|
90
90
|
--pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
|
|
91
91
|
--pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
|
|
92
92
|
--pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
|
|
93
93
|
--pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
|
|
94
94
|
--pds-color-pagination-background-hover: oklch(0.9702 0 0);
|
|
95
|
-
--pds-color-pagination-background-active: oklch(0.
|
|
96
|
-
--pds-color-pagination-background-current: oklch(0.
|
|
95
|
+
--pds-color-pagination-background-active: oklch(0.9587 0.0206 248.04);
|
|
96
|
+
--pds-color-pagination-background-current: oklch(0.5374 0.1689 253.60);
|
|
97
97
|
--pds-color-panel-sunken-background: oklch(0.9702 0 0);
|
|
98
98
|
--pds-color-expansion-panel-hover: oklch(0.9702 0 0);
|
|
99
99
|
--pds-color-expansion-panel-open: oklch(0.9702 0 0);
|
|
100
100
|
--pds-color-popover-border: oklch(0.9430 0 0);
|
|
101
101
|
--pds-color-skeleton-regular-base: oklch(0.8761 0 0);
|
|
102
|
-
--pds-color-skeleton-regular-
|
|
102
|
+
--pds-color-skeleton-regular-shimmer: oklch(0.9430 0 0);
|
|
103
103
|
--pds-color-skeleton-bold-base: oklch(0.8047 0 0);
|
|
104
|
-
--pds-color-skeleton-bold-
|
|
104
|
+
--pds-color-skeleton-bold-shimmer: oklch(0.8761 0 0);
|
|
105
105
|
--pds-color-sortable-border-hover: oklch(0.7913 0.1048 267.25);
|
|
106
106
|
--pds-color-sortable-border-target: oklch(0.5558 0.2372 267.79);
|
|
107
107
|
--pds-color-spinner-full-1: #8f00f9;
|
|
@@ -156,25 +156,25 @@
|
|
|
156
156
|
--pds-color-tag-magenta-solid-foreground: oklch(1.0000 0 0);
|
|
157
157
|
--pds-color-tag-rose-solid-background: oklch(0.5479 0.1847 1.24);
|
|
158
158
|
--pds-color-tag-rose-solid-foreground: oklch(1.0000 0 0);
|
|
159
|
-
--pds-color-tag-success-solid-background: oklch(0.
|
|
159
|
+
--pds-color-tag-success-solid-background: oklch(0.4787 0.1296 134.07);
|
|
160
160
|
--pds-color-tag-success-solid-foreground: oklch(1.0000 0 0);
|
|
161
161
|
--pds-color-tag-warning-solid-background: oklch(0.5658 0.1338 53.43);
|
|
162
162
|
--pds-color-tag-warning-solid-foreground: oklch(1.0000 0 0);
|
|
163
163
|
--pds-color-tag-critical-solid-background: oklch(0.4501 0.1581 26.35);
|
|
164
164
|
--pds-color-tag-critical-solid-foreground: oklch(1.0000 0 0);
|
|
165
|
-
--pds-color-tag-info-solid-background: oklch(0.
|
|
165
|
+
--pds-color-tag-info-solid-background: oklch(0.4666 0.1523 254.74);
|
|
166
166
|
--pds-color-tag-info-solid-foreground: oklch(1.0000 0 0);
|
|
167
|
-
--pds-color-tag-discovery-solid-background: oklch(0.
|
|
167
|
+
--pds-color-tag-discovery-solid-background: oklch(0.4274 0.1232 303.80);
|
|
168
168
|
--pds-color-tag-discovery-solid-foreground: oklch(1.0000 0 0);
|
|
169
|
-
--pds-color-tally-success-background: oklch(0.
|
|
169
|
+
--pds-color-tally-success-background: oklch(0.4787 0.1296 134.07);
|
|
170
170
|
--pds-color-tally-success-foreground: oklch(1.0000 0 0);
|
|
171
171
|
--pds-color-tally-warning-background: oklch(0.5658 0.1338 53.43);
|
|
172
172
|
--pds-color-tally-warning-foreground: oklch(1.0000 0 0);
|
|
173
173
|
--pds-color-tally-critical-background: oklch(0.4501 0.1581 26.35);
|
|
174
174
|
--pds-color-tally-critical-foreground: oklch(1.0000 0 0);
|
|
175
|
-
--pds-color-tally-info-background: oklch(0.
|
|
175
|
+
--pds-color-tally-info-background: oklch(0.4666 0.1523 254.74);
|
|
176
176
|
--pds-color-tally-info-foreground: oklch(1.0000 0 0);
|
|
177
|
-
--pds-color-tally-discovery-background: oklch(0.
|
|
177
|
+
--pds-color-tally-discovery-background: oklch(0.4274 0.1232 303.80);
|
|
178
178
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
179
179
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
180
180
|
--pds-color-surface-default: oklch(1.0000 0 0);
|
|
@@ -190,30 +190,30 @@
|
|
|
190
190
|
--pds-color-button-primary-background-active: oklch(0.4144 0.0264 246.75);
|
|
191
191
|
--pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
|
|
192
192
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
193
|
-
--pds-color-button-secondary-background-hover:
|
|
193
|
+
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.06);
|
|
194
194
|
--pds-color-button-secondary-background-active: oklch(0.9702 0 0);
|
|
195
195
|
--pds-color-button-secondary-border: oklch(0.8047 0 0);
|
|
196
196
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
197
197
|
--pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
|
|
198
198
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
|
|
199
|
-
--pds-color-button-subtle-background-hover:
|
|
199
|
+
--pds-color-button-subtle-background-hover: rgba(0, 0, 0, 0.06);
|
|
200
200
|
--pds-color-button-subtle-background-active: oklch(0.9702 0 0);
|
|
201
201
|
--pds-color-button-subtle-foreground: oklch(0.2178 0 0);
|
|
202
202
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
203
203
|
--pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
|
|
204
204
|
--pds-color-button-brand-background-active: oklch(0.7457 0.1444 87.86);
|
|
205
205
|
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
206
|
-
--pds-color-button-highlight-background-default: oklch(0.
|
|
207
|
-
--pds-color-button-highlight-background-hover: oklch(0.
|
|
208
|
-
--pds-color-button-highlight-background-active: oklch(0.
|
|
206
|
+
--pds-color-button-highlight-background-default: oklch(0.5374 0.1689 253.60);
|
|
207
|
+
--pds-color-button-highlight-background-hover: oklch(0.4666 0.1523 254.74);
|
|
208
|
+
--pds-color-button-highlight-background-active: oklch(0.3763 0.1280 255.90);
|
|
209
209
|
--pds-color-button-highlight-foreground: var(--pds-color-foreground-reverse);
|
|
210
210
|
--pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
|
|
211
211
|
--pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
|
|
212
212
|
--pds-color-button-critical-background-active: oklch(0.4051 0.1423 26.35);
|
|
213
213
|
--pds-color-button-critical-foreground: oklch(1.0000 0 0);
|
|
214
214
|
--pds-color-button-critical-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
215
|
-
--pds-color-button-critical-secondary-background-hover: oklch(0.
|
|
216
|
-
--pds-color-button-critical-secondary-background-active: oklch(0.
|
|
215
|
+
--pds-color-button-critical-secondary-background-hover: oklch(0.9629 0.0152 22.40);
|
|
216
|
+
--pds-color-button-critical-secondary-background-active: oklch(0.9629 0.0152 22.40);
|
|
217
217
|
--pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
|
|
218
218
|
--pds-color-button-critical-secondary-border-hover: var(--pds-color-status-critical-foreground);
|
|
219
219
|
--pds-color-button-critical-secondary-foreground: oklch(0.4501 0.1581 26.35);
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
--pds-color-button-reverse-secondary-background-active: oklch(0.3638 0 0);
|
|
227
227
|
--pds-color-button-reverse-secondary-border: oklch(0.5103 0 0);
|
|
228
228
|
--pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
|
|
229
|
-
--pds-color-close-button-foreground: oklch(0.
|
|
229
|
+
--pds-color-close-button-foreground: oklch(0.4778 0.0020 247.87);
|
|
230
230
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
231
231
|
--pds-color-close-button-background-hover: #1717171a;
|
|
232
232
|
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
--pds-color-icon-button-standard-border-hover: #17171726;
|
|
236
236
|
--pds-color-icon-button-standard-foreground: oklch(0.31 0 0);
|
|
237
237
|
--pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
|
|
238
|
-
--pds-color-icon-button-critical-background-hover: oklch(0.
|
|
238
|
+
--pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 10%);
|
|
239
239
|
--pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
|
|
240
240
|
--pds-color-icon-button-critical-border-hover: oklch(0.8859 0.0414 19.05);
|
|
241
241
|
--pds-color-icon-button-critical-foreground: oklch(0.5338 0.1771 25.54);
|
|
@@ -247,12 +247,12 @@
|
|
|
247
247
|
--pds-color-split-button-primary-separator: oklch(1.0000 0 0);
|
|
248
248
|
--pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
|
|
249
249
|
--pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
|
|
250
|
-
--pds-color-segmented-button-background-active: oklch(0.
|
|
250
|
+
--pds-color-segmented-button-background-active: oklch(0.5374 0.1689 253.60);
|
|
251
251
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
252
252
|
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
|
|
253
|
-
--pds-color-category-ai-foreground: oklch(0.
|
|
254
|
-
--pds-color-category-ai-utility: oklch(0.
|
|
255
|
-
--pds-color-category-ai-background: oklch(0.
|
|
253
|
+
--pds-color-category-ai-foreground: oklch(0.5198 0.1353 302.93);
|
|
254
|
+
--pds-color-category-ai-utility: oklch(0.6782 0.1118 309.11);
|
|
255
|
+
--pds-color-category-ai-background: oklch(0.9561 0.0155 306.41);
|
|
256
256
|
--pds-color-code-inline-background: oklch(0.9702 0 0);
|
|
257
257
|
--pds-color-code-inline-border: oklch(0.9430 0 0);
|
|
258
258
|
--pds-color-code-inline-text: oklch(0.2178 0 0);
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
--pds-color-dropdown-top-border: #dfdfdf;
|
|
317
317
|
--pds-color-dropdown-separator: oklch(0.9430 0 0);
|
|
318
318
|
--pds-color-foreground-default: oklch(0.2178 0 0);
|
|
319
|
-
--pds-color-foreground-default-secondary: oklch(0.
|
|
319
|
+
--pds-color-foreground-default-secondary: oklch(0.4778 0.0020 247.87);
|
|
320
320
|
--pds-color-foreground-reverse: oklch(1.0000 0 0);
|
|
321
321
|
--pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
|
|
322
322
|
--pds-color-highlight-background: oklch(0.9 0.13 72);
|
|
@@ -324,31 +324,31 @@
|
|
|
324
324
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
325
325
|
--pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
|
|
326
326
|
--pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
|
|
327
|
-
--pds-color-input-selected-background: oklch(0.
|
|
327
|
+
--pds-color-input-selected-background: oklch(0.5374 0.1689 253.60);
|
|
328
328
|
--pds-color-input-selected-foreground: oklch(1.0000 0 0);
|
|
329
329
|
--pds-color-input-switch-icon: oklch(1.0000 0 0);
|
|
330
|
-
--pds-color-input-switch-background: oklch(0.
|
|
330
|
+
--pds-color-input-switch-background: oklch(0.4778 0.0020 247.87);
|
|
331
331
|
--pds-color-input-tag-background-default: oklch(0.907 0 0);
|
|
332
332
|
--pds-color-input-tag-background-hover: oklch(0.87 0 0);
|
|
333
|
-
--pds-color-input-tag-background-active: oklch(0.
|
|
333
|
+
--pds-color-input-tag-background-active: oklch(0.9561 0.0155 306.41);
|
|
334
334
|
--pds-color-input-tag-foreground-default: oklch(0.2178 0 0);
|
|
335
335
|
--pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
|
|
336
|
-
--pds-color-input-tag-foreground-active: oklch(0.
|
|
337
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
338
|
-
--pds-color-interactive-focus: oklch(0.
|
|
339
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
336
|
+
--pds-color-input-tag-foreground-active: oklch(0.5374 0.1689 253.60);
|
|
337
|
+
--pds-color-input-tag-outline-active: oklch(0.5374 0.1689 253.60);
|
|
338
|
+
--pds-color-interactive-focus: oklch(0.5374 0.1689 253.60);
|
|
339
|
+
--pds-color-interactive-link-default: oklch(0.5374 0.1689 253.60);
|
|
340
340
|
--pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
|
|
341
341
|
--pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
|
|
342
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
343
|
-
--pds-color-interactive-foreground-current: oklch(0.
|
|
344
|
-
--pds-color-interactive-foreground-hover: oklch(0.
|
|
345
|
-
--pds-color-interactive-foreground-active: oklch(0.
|
|
342
|
+
--pds-color-interactive-link-visited: oklch(0.5374 0.1689 253.60);
|
|
343
|
+
--pds-color-interactive-foreground-current: oklch(0.5374 0.1689 253.60);
|
|
344
|
+
--pds-color-interactive-foreground-hover: oklch(0.5374 0.1689 253.60);
|
|
345
|
+
--pds-color-interactive-foreground-active: oklch(0.5374 0.1689 253.60);
|
|
346
346
|
--pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
|
|
347
|
-
--pds-color-interactive-background-current: oklch(0.
|
|
347
|
+
--pds-color-interactive-background-current: oklch(0.5374 0.1689 253.60);
|
|
348
348
|
--pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
|
|
349
349
|
--pds-color-interactive-background-hover: oklch(0.9702 0 0);
|
|
350
350
|
--pds-color-interactive-background-active: oklch(0.9430 0 0);
|
|
351
|
-
--pds-color-interactive-background-selected: oklch(0.
|
|
351
|
+
--pds-color-interactive-background-selected: oklch(0.9587 0.0206 248.04);
|
|
352
352
|
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
353
353
|
--pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
|
|
354
354
|
--pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
|
|
@@ -356,26 +356,28 @@
|
|
|
356
356
|
--pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
|
|
357
357
|
--pds-color-interactive-reverse-link-visited: oklch(0.6496 0.1590 270.95);
|
|
358
358
|
--pds-color-interactive-reverse-foreground-hover: oklch(0.6496 0.1590 270.95);
|
|
359
|
-
--pds-color-nav-item-reverse-foreground-hover: oklch(0.
|
|
360
|
-
--pds-color-nav-item-reverse-foreground-active: oklch(0.
|
|
359
|
+
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8275 0.0578 308.23);
|
|
360
|
+
--pds-color-nav-item-reverse-foreground-active: oklch(0.8275 0.0578 308.23);
|
|
361
361
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
362
362
|
--pds-color-overlay-subtle: rgba(0, 0, 0, 0.25);
|
|
363
363
|
--pds-color-partner-bitbucket: #004DC0;
|
|
364
364
|
--pds-color-partner-drupal: #009CDE;
|
|
365
|
+
--pds-color-partner-foreground: #FFFFFF;
|
|
365
366
|
--pds-color-partner-gatsby: #663399;
|
|
366
367
|
--pds-color-partner-github: #2DA44E;
|
|
367
368
|
--pds-color-partner-gitlab: #fc6d26;
|
|
368
369
|
--pds-color-partner-google: #4285F4;
|
|
369
370
|
--pds-color-partner-nextjs: #000000;
|
|
371
|
+
--pds-color-partner-sumo: #000099;
|
|
370
372
|
--pds-color-partner-wordpress: #0073AA;
|
|
371
373
|
--pds-color-segmented-control-track-background: oklch(0.9430 0 0);
|
|
372
374
|
--pds-color-segmented-control-selected-background: oklch(1.0000 0 0);
|
|
373
375
|
--pds-color-social-rss: #f26522;
|
|
374
|
-
--pds-color-status-success-foreground: oklch(0.
|
|
375
|
-
--pds-color-status-success-fill: oklch(0.
|
|
376
|
-
--pds-color-status-success-border: oklch(0.
|
|
377
|
-
--pds-color-status-success-background: oklch(0.
|
|
378
|
-
--pds-color-status-success-background-hover: oklch(0.
|
|
376
|
+
--pds-color-status-success-foreground: oklch(0.4787 0.1296 134.07);
|
|
377
|
+
--pds-color-status-success-fill: oklch(0.5408 0.1249 133.99);
|
|
378
|
+
--pds-color-status-success-border: oklch(0.5408 0.1249 133.99);
|
|
379
|
+
--pds-color-status-success-background: oklch(0.9586 0.0225 134.94);
|
|
380
|
+
--pds-color-status-success-background-hover: oklch(0.8896 0.0468 134.36);
|
|
379
381
|
--pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
|
|
380
382
|
--pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
|
|
381
383
|
--pds-color-status-warning-border: oklch(0.6419 0.1457 55.55);
|
|
@@ -384,21 +386,21 @@
|
|
|
384
386
|
--pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
|
|
385
387
|
--pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
|
|
386
388
|
--pds-color-status-critical-border: oklch(0.5338 0.1771 25.54);
|
|
387
|
-
--pds-color-status-critical-background: oklch(0.
|
|
389
|
+
--pds-color-status-critical-background: oklch(0.9629 0.0152 22.40);
|
|
388
390
|
--pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
|
|
389
|
-
--pds-color-status-info-foreground: oklch(0.
|
|
390
|
-
--pds-color-status-info-fill: oklch(0.
|
|
391
|
-
--pds-color-status-info-border: oklch(0.
|
|
392
|
-
--pds-color-status-info-background: oklch(0.
|
|
393
|
-
--pds-color-status-info-background-hover: oklch(0.
|
|
394
|
-
--pds-color-status-discovery-foreground: oklch(0.
|
|
395
|
-
--pds-color-status-discovery-fill: oklch(0.
|
|
396
|
-
--pds-color-status-discovery-border: oklch(0.
|
|
397
|
-
--pds-color-status-discovery-background: oklch(0.
|
|
398
|
-
--pds-color-status-discovery-background-hover: oklch(0.
|
|
391
|
+
--pds-color-status-info-foreground: oklch(0.4666 0.1523 254.74);
|
|
392
|
+
--pds-color-status-info-fill: oklch(0.5374 0.1689 253.60);
|
|
393
|
+
--pds-color-status-info-border: oklch(0.5374 0.1689 253.60);
|
|
394
|
+
--pds-color-status-info-background: oklch(0.9587 0.0206 248.04);
|
|
395
|
+
--pds-color-status-info-background-hover: oklch(0.9124 0.0439 250.42);
|
|
396
|
+
--pds-color-status-discovery-foreground: oklch(0.4274 0.1232 303.80);
|
|
397
|
+
--pds-color-status-discovery-fill: oklch(0.5198 0.1353 302.93);
|
|
398
|
+
--pds-color-status-discovery-border: oklch(0.5198 0.1353 302.93);
|
|
399
|
+
--pds-color-status-discovery-background: oklch(0.9561 0.0155 306.41);
|
|
400
|
+
--pds-color-status-discovery-background-hover: oklch(0.9072 0.0310 310.98);
|
|
399
401
|
--pds-color-status-neutral-background: oklch(0.8761 0 0);
|
|
400
|
-
--pds-color-status-neutral-indicator: oklch(0.
|
|
401
|
-
--pds-color-status-frozen-fill: oklch(0.
|
|
402
|
+
--pds-color-status-neutral-indicator: oklch(0.4778 0.0020 247.87);
|
|
403
|
+
--pds-color-status-frozen-fill: oklch(0.6782 0.1118 309.11);
|
|
402
404
|
--pds-color-status-disabled-fill: oklch(0.8047 0 0);
|
|
403
405
|
--pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
|
404
406
|
--pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
|