graphwise-styleguide 1.0.2 → 1.0.3
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/dist/variables-dark.css +78 -63
- package/dist/variables-light.css +103 -88
- package/package.json +1 -1
package/dist/variables-dark.css
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--gw-space-0-5: 0.5rem;
|
|
15
15
|
--gw-space-0-75: 0.75rem;
|
|
16
16
|
--gw-space-0-875: 0.875rem;
|
|
17
|
-
--gw-space-1-125:
|
|
17
|
+
--gw-space-1-125: 1.125rem;
|
|
18
18
|
--gw-space-1-5: 1.5rem;
|
|
19
19
|
--gw-space-2-5: 2.5rem;
|
|
20
20
|
--gw-border-radius-none: 0;
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
--gw-color-pink-900: #540d2c;
|
|
57
57
|
--gw-color-teal-50: #f7fcfc;
|
|
58
58
|
--gw-color-teal-100: #ecf9f8;
|
|
59
|
-
--gw-color-teal-200: #
|
|
60
|
-
--gw-color-teal-300: #
|
|
61
|
-
--gw-color-teal-400: #
|
|
59
|
+
--gw-color-teal-200: #d8eeec;
|
|
60
|
+
--gw-color-teal-300: #a9d6d2;
|
|
61
|
+
--gw-color-teal-400: #82c9c4;
|
|
62
62
|
--gw-color-teal-500: #339991;
|
|
63
63
|
--gw-color-teal-600: #26736c;
|
|
64
64
|
--gw-color-teal-700: #1d5853;
|
|
@@ -192,8 +192,6 @@
|
|
|
192
192
|
--gw-button-font-size: 1rem;
|
|
193
193
|
--gw-button-lg-font-size: 1.125rem;
|
|
194
194
|
--gw-button-badge-size: 1rem;
|
|
195
|
-
--gw-button-success-hover-color: #ffffff;
|
|
196
|
-
--gw-button-success-disabled-color: #ffffff;
|
|
197
195
|
--gw-1rem-line-height: 1rem;
|
|
198
196
|
--gw-mask-background: rgba(0, 0, 0, 0.4);
|
|
199
197
|
--gw-inputtext-sm-font-size: 0.875rem;
|
|
@@ -1660,6 +1658,7 @@
|
|
|
1660
1658
|
--gw-tertiary-700: var(--gw-color-teal-300);
|
|
1661
1659
|
--gw-tertiary-800: var(--gw-color-teal-200);
|
|
1662
1660
|
--gw-tertiary-900: var(--gw-color-teal-100);
|
|
1661
|
+
--gw-foreground-on-surface-heading: var(--gw-color-navy-blue-700);
|
|
1663
1662
|
--gw-accent-50: var(--gw-color-pink-900);
|
|
1664
1663
|
--gw-accent-100: var(--gw-color-pink-800);
|
|
1665
1664
|
--gw-accent-200: var(--gw-color-pink-700);
|
|
@@ -1695,6 +1694,7 @@
|
|
|
1695
1694
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1696
1695
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1697
1696
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1697
|
+
--gw-button-secondary-background: var(--gw-neutral-transparent);
|
|
1698
1698
|
--gw-button-secondary-link-border-color: var(--gw-neutral-transparent);
|
|
1699
1699
|
--gw-button-text-del-primary-hover-background: var(--gw-neutral-transparent);
|
|
1700
1700
|
--gw-button-text-del-primary-active-background: var(--gw-neutral-transparent);
|
|
@@ -1736,6 +1736,7 @@
|
|
|
1736
1736
|
--gw-radiobutton-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1737
1737
|
--gw-checkbox-width: var(--gw-icon-size);
|
|
1738
1738
|
--gw-checkbox-size: var(--gw-icon-size);
|
|
1739
|
+
--gw-checkbox-background: var(--gw-neutral-transparent);
|
|
1739
1740
|
--gw-checkbox-focus-ring-width: var(--gw-focus-ring-width);
|
|
1740
1741
|
--gw-checkbox-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1741
1742
|
--gw-autocomplete-list-padding: var(--gw-list-padding);
|
|
@@ -1911,7 +1912,7 @@
|
|
|
1911
1912
|
--gw-contextmenu-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1912
1913
|
--gw-contextmenu-transition-duration: var(--gw-transition-duration);
|
|
1913
1914
|
--gw-statusmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1914
|
-
--gw-statusmenu-list-gap: var(--gw-
|
|
1915
|
+
--gw-statusmenu-list-gap: var(--gw-space-0-25);
|
|
1915
1916
|
--gw-statusmenu-background: var(--gw-neutral-transparent);
|
|
1916
1917
|
--gw-dock-border-radius: var(--gw-border-radius-xl-circle);
|
|
1917
1918
|
--gw-dock-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -2200,7 +2201,7 @@
|
|
|
2200
2201
|
--gw-success-800: var(--gw-color-green-200);
|
|
2201
2202
|
--gw-success-900: var(--gw-color-green-100);
|
|
2202
2203
|
--gw-warning-base: var(--gw-warning-700);
|
|
2203
|
-
--gw-warning-lighter: var(--gw-warning-
|
|
2204
|
+
--gw-warning-lighter: var(--gw-warning-100);
|
|
2204
2205
|
--gw-warning-light: var(--gw-warning-600);
|
|
2205
2206
|
--gw-warning-dark: var(--gw-warning-800);
|
|
2206
2207
|
--gw-warning-darker: var(--gw-warning-900);
|
|
@@ -2227,9 +2228,11 @@
|
|
|
2227
2228
|
--gw-background-surface-semitransparent: var(--gw-neutral-50-50);
|
|
2228
2229
|
--gw-background-elevated: var(--gw-neutral-50);
|
|
2229
2230
|
--gw-background-disabled: var(--gw-neutral-200);
|
|
2231
|
+
--gw-background-subtile: var(--gw-neutral-200);
|
|
2230
2232
|
--gw-foreground-on-surface-default: var(--gw-neutral-900);
|
|
2231
|
-
--gw-foreground-on-surface-
|
|
2232
|
-
--gw-foreground-on-surface-
|
|
2233
|
+
--gw-foreground-on-surface-secondary: var(--gw-secondary-500);
|
|
2234
|
+
--gw-foreground-on-surface-muted: var(--gw-secondary-600);
|
|
2235
|
+
--gw-foreground-on-surface-subtile: var(--gw-neutral-500);
|
|
2233
2236
|
--gw-foreground-on-surface-disabled: var(--gw-neutral-400);
|
|
2234
2237
|
--gw-foreground-on-surface-accent: var(--gw-accent-500);
|
|
2235
2238
|
--gw-foreground-on-brand: var(--gw-neutral-900);
|
|
@@ -2239,7 +2242,7 @@
|
|
|
2239
2242
|
--gw-disabled-background: var(--gw-neutral-200);
|
|
2240
2243
|
--gw-disabled-color: var(--gw-neutral-600);
|
|
2241
2244
|
--gw-form-field-border-radius: var(--gw-defaul-border-radius);
|
|
2242
|
-
--gw-form-field-focus-ring-color: var(--gw-
|
|
2245
|
+
--gw-form-field-focus-ring-color: var(--gw-primary-300);
|
|
2243
2246
|
--gw-form-field-disabled-color: var(--gw-neutral-600);
|
|
2244
2247
|
--gw-form-field-filled-background: var(--gw-neutral-100);
|
|
2245
2248
|
--gw-form-field-filled-focus-background: var(--gw-neutral-100);
|
|
@@ -2266,8 +2269,6 @@
|
|
|
2266
2269
|
--gw-button-label-line-height: var(--gw-xxs-line-height);
|
|
2267
2270
|
--gw-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2268
2271
|
--gw-button-transition-duration: var(--gw-form-field-transition-duration);
|
|
2269
|
-
--gw-button-secondary-background: var(--gw-neutral-0);
|
|
2270
|
-
--gw-button-secondary-hover-background: var(--gw-neutral-100);
|
|
2271
2272
|
--gw-button-secondary-active-background: var(--gw-neutral-0);
|
|
2272
2273
|
--gw-button-secondary-focus-ring-color: var(--gw-primary-200);
|
|
2273
2274
|
--gw-button-secondary-disabled-background: var(--gw-neutral-0);
|
|
@@ -2296,7 +2297,6 @@
|
|
|
2296
2297
|
--gw-button-text-del-plain-color: var(--gw-neutral-700);
|
|
2297
2298
|
--gw-button-text-del-contrast-hover-background: var(--gw-neutral-100);
|
|
2298
2299
|
--gw-button-text-del-contrast-active-background: var(--gw-neutral-100);
|
|
2299
|
-
--gw-button-tertiary-hover-background: var(--gw-neutral-100);
|
|
2300
2300
|
--gw-button-tertiary-focus-ring-color: var(--gw-primary-200);
|
|
2301
2301
|
--gw-button-tertiary-disabled-color: var(--gw-primary-300);
|
|
2302
2302
|
--gw-button-tertiary-link-disabled-background: var(--gw-neutral-0);
|
|
@@ -2305,12 +2305,12 @@
|
|
|
2305
2305
|
--gw-body-background: var(--gw-neutral-0);
|
|
2306
2306
|
--gw-muted-background: var(--gw-neutral-200);
|
|
2307
2307
|
--gw-muted-color: var(--gw-neutral-700);
|
|
2308
|
-
--gw-error-base: var(--gw-danger-
|
|
2308
|
+
--gw-error-base: var(--gw-danger-500);
|
|
2309
2309
|
--gw-error-lighter: var(--gw-danger-200);
|
|
2310
2310
|
--gw-error-light: var(--gw-danger-600);
|
|
2311
2311
|
--gw-error-dark: var(--gw-danger-800);
|
|
2312
2312
|
--gw-error-darker: var(--gw-danger-900);
|
|
2313
|
-
--gw-contrast-text: var(--gw-neutral-
|
|
2313
|
+
--gw-contrast-text: var(--gw-neutral-50);
|
|
2314
2314
|
--gw-contrast-background: var(--gw-neutral-900);
|
|
2315
2315
|
--gw-highlight-background: var(--gw-secondary-100);
|
|
2316
2316
|
--gw-mask-color: var(--gw-neutral-200);
|
|
@@ -2375,7 +2375,6 @@
|
|
|
2375
2375
|
--gw-message-text-line-height: var(--gw-base-line-height);
|
|
2376
2376
|
--gw-message-close-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2377
2377
|
--gw-tag-help-background: var(--gw-neutral-200);
|
|
2378
|
-
--gw-tag-default-background: var(--gw-neutral-200);
|
|
2379
2378
|
--gw-skeleton-background: var(--gw-neutral-200);
|
|
2380
2379
|
--gw-breadcrumb-item-focus-ring-style: var(--gw-focus-ring-style);
|
|
2381
2380
|
--gw-cascadeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
@@ -2413,10 +2412,10 @@
|
|
|
2413
2412
|
--gw-multiselect-padding-x: var(--gw-form-field-padding-x);
|
|
2414
2413
|
--gw-multiselect-padding-y: var(--gw-form-field-padding-y);
|
|
2415
2414
|
--gw-multiselect-transition-duration: var(--gw-form-field-transition-duration);
|
|
2416
|
-
--gw-slider-handle-content-background: var(--gw-neutral-0);
|
|
2417
2415
|
--gw-slider-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2418
2416
|
--gw-togglebutton-focus-ring-style: var(--gw-focus-ring-style);
|
|
2419
2417
|
--gw-togglebutton-transition-duration: var(--gw-form-field-transition-duration);
|
|
2418
|
+
--gw-togglebutton-background: var(--gw-button-secondary-background);
|
|
2420
2419
|
--gw-treeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2421
2420
|
--gw-treeselect-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2422
2421
|
--gw-treeselect-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
@@ -2426,9 +2425,7 @@
|
|
|
2426
2425
|
--gw-accordion-header-focus-ring-style: var(--gw-focus-ring-style);
|
|
2427
2426
|
--gw-fieldset-legend-focus-ring-style: var(--gw-focus-ring-style);
|
|
2428
2427
|
--gw-splitter-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2429
|
-
--gw-scrollpanel-bar-border-color: var(--gw-neutral-200);
|
|
2430
2428
|
--gw-scrollpanel-bar-focus-ring-style: var(--gw-focus-ring-style);
|
|
2431
|
-
--gw-scrollpanel-bar-background: var(--gw-neutral-200);
|
|
2432
2429
|
--gw-tabs-tab-hover-background: var(--gw-neutral-200);
|
|
2433
2430
|
--gw-tabs-tab-hover-border-color: var(--gw-neutral-200);
|
|
2434
2431
|
--gw-tabs-tab-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2505,6 +2502,10 @@
|
|
|
2505
2502
|
--gw-swagger-resp-code-background: var(--gw-warning-200);
|
|
2506
2503
|
--gw-shortcuts-panel-background: var(--gw-neutral-100);
|
|
2507
2504
|
--gw-shortcuts-panel-key-background: var(--gw-neutral-200);
|
|
2505
|
+
--gw-classhierarchy-node-backgraund-color1: var(--gw-primary-100);
|
|
2506
|
+
--gw-classhierarchy-node-backgraund-color2: var(--gw-primary-200);
|
|
2507
|
+
--gw-classhierarchy-node-backgraund-color3: var(--gw-accent-100);
|
|
2508
|
+
--gw-classhierarchy-node-backgraund-color4: var(--gw-accent-200);
|
|
2508
2509
|
--gw-form-field-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2509
2510
|
--gw-form-field-shadow-color: var(--gw-neutral-shadow);
|
|
2510
2511
|
--gw-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
@@ -2629,7 +2630,7 @@
|
|
|
2629
2630
|
--gw-primary-hover-color: var(--gw-primary-dark);
|
|
2630
2631
|
--gw-primary-active-color: var(--gw-primary-base);
|
|
2631
2632
|
--gw-secondary-text: var(--gw-secondary-dark);
|
|
2632
|
-
--gw-secondary-contrast-color: var(--gw-
|
|
2633
|
+
--gw-secondary-contrast-color: var(--gw-foreground-on-brand);
|
|
2633
2634
|
--gw-secondary-hover-color: var(--gw-secondary-dark);
|
|
2634
2635
|
--gw-secondary-active-color: var(--gw-secondary-light);
|
|
2635
2636
|
--gw-success-base: var(--gw-success-600);
|
|
@@ -2646,7 +2647,7 @@
|
|
|
2646
2647
|
--gw-background-brand: var(--gw-primary-base);
|
|
2647
2648
|
--gw-foreground-on-surface-brand: var(--gw-primary-base);
|
|
2648
2649
|
--gw-foreground-on-surface-primary: var(--gw-primary-dark);
|
|
2649
|
-
--gw-foreground-on-surface-strong: var(--gw-primary-
|
|
2650
|
+
--gw-foreground-on-surface-strong: var(--gw-primary-dark);
|
|
2650
2651
|
--gw-foreground-link-idle: var(--gw-primary-base);
|
|
2651
2652
|
--gw-foreground-link-hover: var(--gw-primary-dark);
|
|
2652
2653
|
--gw-foreground-link-visited: var(--gw-secondary-base);
|
|
@@ -2668,7 +2669,7 @@
|
|
|
2668
2669
|
--gw-sidenav-menuitem-icon-color: var(--gw-foreground-on-surface-default);
|
|
2669
2670
|
--gw-sidenav-menuitem-icon-second-color: var(--gw-foreground-on-surface-subtile);
|
|
2670
2671
|
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-base);
|
|
2671
|
-
--gw-sidenav-menuitem-hover-background: var(--gw-background-
|
|
2672
|
+
--gw-sidenav-menuitem-hover-background: var(--gw-background-raised);
|
|
2672
2673
|
--gw-sidenav-menuitem-selected-icon-color: var(--gw-primary-base);
|
|
2673
2674
|
--gw-sidenav-menuitem-selected-background: var(--gw-background-highlighted);
|
|
2674
2675
|
--gw-sidenav-menuitem-selected-color: var(--gw-primary-base);
|
|
@@ -2677,24 +2678,23 @@
|
|
|
2677
2678
|
--gw-sidenav-menuitem-open-icon-color: var(--gw-foreground-on-surface-default);
|
|
2678
2679
|
--gw-sidenav-menuitem-open-icon-second-color: var(--gw-foreground-on-surface-default);
|
|
2679
2680
|
--gw-sidenav-menuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2680
|
-
--gw-sidenav-menuitem-open-background: var(--gw-background-
|
|
2681
|
+
--gw-sidenav-menuitem-open-background: var(--gw-background-raised);
|
|
2681
2682
|
--gw-sidenav-submenuitem-color: var(--gw-foreground-on-surface-default);
|
|
2682
2683
|
--gw-sidenav-submenuitem-background: var(--gw-background-surface);
|
|
2683
|
-
--gw-sidenav-submenuitem-hover-background: var(--gw-background-
|
|
2684
|
+
--gw-sidenav-submenuitem-hover-background: var(--gw-background-raised);
|
|
2684
2685
|
--gw-sidenav-submenuitem-hover-color: var(--gw-primary-base);
|
|
2685
2686
|
--gw-sidenav-submenuitem-selected-background: var(--gw-background-highlighted);
|
|
2686
2687
|
--gw-sidenav-submenuitem-selected-color: var(--gw-primary-base);
|
|
2687
|
-
--gw-sidenav-submenuitem-open-background: var(--gw-background-
|
|
2688
|
+
--gw-sidenav-submenuitem-open-background: var(--gw-background-raised);
|
|
2688
2689
|
--gw-sidenav-submenuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2689
2690
|
--gw-sidenav-background: var(--gw-background-surface);
|
|
2690
2691
|
--gw-sidenav-togglebutton-hover-background: var(--gw-background-surface);
|
|
2691
|
-
--gw-sidenav-togglebutton-hover-color: var(--gw-foreground-on-surface-
|
|
2692
|
-
--gw-sidenav-togglebutton-color: var(--gw-foreground-on-surface-
|
|
2692
|
+
--gw-sidenav-togglebutton-hover-color: var(--gw-foreground-on-surface-secondary);
|
|
2693
|
+
--gw-sidenav-togglebutton-color: var(--gw-foreground-on-surface-secondary);
|
|
2693
2694
|
--gw-overlay-select-border-color: var(--gw-default-border-color);
|
|
2694
2695
|
--gw-overlay-popover-border-color: var(--gw-default-border-color);
|
|
2695
2696
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
2696
2697
|
--gw-button-border-radius: var(--gw-form-field-border-radius);
|
|
2697
|
-
--gw-button-primary-background: var(--gw-primary-base);
|
|
2698
2698
|
--gw-button-primary-hover-color: var(--gw-foreground-on-brand);
|
|
2699
2699
|
--gw-button-primary-active-color: var(--gw-foreground-on-brand);
|
|
2700
2700
|
--gw-button-primary-icon-color: var(--gw-foreground-on-brand);
|
|
@@ -2706,14 +2706,11 @@
|
|
|
2706
2706
|
--gw-button-primary-link-color: var(--gw-primary-base);
|
|
2707
2707
|
--gw-button-primary-link-hover-color: var(--gw-primary-dark);
|
|
2708
2708
|
--gw-button-primary-link-active-color: var(--gw-primary-base);
|
|
2709
|
+
--gw-button-secondary-hover-background: var(--gw-background-raised);
|
|
2709
2710
|
--gw-button-secondary-hover-border-color: var(--gw-primary-base);
|
|
2710
2711
|
--gw-button-secondary-hover-color: var(--gw-primary-base);
|
|
2711
2712
|
--gw-button-secondary-active-border-color: var(--gw-primary-dark);
|
|
2712
2713
|
--gw-button-secondary-active-color: var(--gw-primary-dark);
|
|
2713
|
-
--gw-button-secondary-border-color: var(--gw-primary-base);
|
|
2714
|
-
--gw-button-secondary-color: var(--gw-primary-base);
|
|
2715
|
-
--gw-button-secondary-icon-color: var(--gw-primary-base);
|
|
2716
|
-
--gw-button-secondary-icon-second-color: var(--gw-primary-base);
|
|
2717
2714
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2718
2715
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2719
2716
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -2729,9 +2726,11 @@
|
|
|
2729
2726
|
--gw-button-info-del-color: var(--gw-contrast-text);
|
|
2730
2727
|
--gw-button-info-del-focus-ring-color: var(--gw-info-lighter);
|
|
2731
2728
|
--gw-button-info-del-icon-color: var(--gw-contrast-text);
|
|
2732
|
-
--gw-button-success-
|
|
2729
|
+
--gw-button-success-hover-color: var(--gw-contrast-text);
|
|
2733
2730
|
--gw-button-success-border-color: var(--gw-success-700);
|
|
2734
2731
|
--gw-button-success-color: var(--gw-contrast-text);
|
|
2732
|
+
--gw-button-success-icon-color: var(--gw-contrast-text);
|
|
2733
|
+
--gw-button-success-disabled-color: var(--gw-contrast-text);
|
|
2735
2734
|
--gw-button-warn-background: var(--gw-warning-base);
|
|
2736
2735
|
--gw-button-warn-hover-background: var(--gw-warning-dark);
|
|
2737
2736
|
--gw-button-warn-hover-border-color: var(--gw-warning-base);
|
|
@@ -2746,12 +2745,12 @@
|
|
|
2746
2745
|
--gw-button-danger-hover-background: var(--gw-error-light);
|
|
2747
2746
|
--gw-button-danger-hover-border-color: var(--gw-error-light);
|
|
2748
2747
|
--gw-button-danger-hover-color: var(--gw-contrast-text);
|
|
2749
|
-
--gw-button-danger-active-background: var(--gw-error-
|
|
2750
|
-
--gw-button-danger-active-border-color: var(--gw-error-
|
|
2748
|
+
--gw-button-danger-active-background: var(--gw-error-dark);
|
|
2749
|
+
--gw-button-danger-active-border-color: var(--gw-error-dark);
|
|
2751
2750
|
--gw-button-danger-active-color: var(--gw-contrast-text);
|
|
2752
2751
|
--gw-button-danger-border-color: var(--gw-error-base);
|
|
2753
2752
|
--gw-button-danger-color: var(--gw-contrast-text);
|
|
2754
|
-
--gw-button-danger-focus-ring-color: var(--gw-error-
|
|
2753
|
+
--gw-button-danger-focus-ring-color: var(--gw-error-light);
|
|
2755
2754
|
--gw-button-contrast-del-background: var(--gw-neutral-dark);
|
|
2756
2755
|
--gw-button-contrast-del-hover-background: var(--gw-neutral-base);
|
|
2757
2756
|
--gw-button-contrast-del-hover-border-color: var(--gw-neutral-base);
|
|
@@ -2787,11 +2786,13 @@
|
|
|
2787
2786
|
--gw-button-text-del-warn-color: var(--gw-warning-base);
|
|
2788
2787
|
--gw-button-text-del-danger-color: var(--gw-error-base);
|
|
2789
2788
|
--gw-button-text-del-contrast-color: var(--gw-contrast-text);
|
|
2790
|
-
--gw-button-tertiary-hover-
|
|
2791
|
-
--gw-button-tertiary-
|
|
2792
|
-
--gw-button-tertiary-active-color: var(--gw-
|
|
2793
|
-
--gw-button-tertiary-color: var(--gw-
|
|
2794
|
-
--gw-button-tertiary-
|
|
2789
|
+
--gw-button-tertiary-hover-background: var(--gw-background-raised);
|
|
2790
|
+
--gw-button-tertiary-hover-color: var(--gw-foreground-on-surface-muted);
|
|
2791
|
+
--gw-button-tertiary-active-border-color: var(--gw-default-border-color);
|
|
2792
|
+
--gw-button-tertiary-active-color: var(--gw-foreground-on-surface-muted);
|
|
2793
|
+
--gw-button-tertiary-color: var(--gw-foreground-on-surface-muted);
|
|
2794
|
+
--gw-button-tertiary-icon-color: var(--gw-foreground-on-surface-secondary);
|
|
2795
|
+
--gw-button-tertiary-icon-second: var(--gw-foreground-on-surface-secondary);
|
|
2795
2796
|
--gw-button-tertiary-link-background: var(--gw-secondary-light);
|
|
2796
2797
|
--gw-button-tertiary-link-hover-background: var(--gw-secondary-base);
|
|
2797
2798
|
--gw-button-tertiary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -2810,7 +2811,7 @@
|
|
|
2810
2811
|
--gw-highlight-color: var(--gw-primary-base);
|
|
2811
2812
|
--gw-text-color: var(--gw-foreground-on-surface-default);
|
|
2812
2813
|
--gw-text-muted-color: var(--gw-muted-color);
|
|
2813
|
-
--gw-default-muted-color: var(--gw-foreground-on-surface-
|
|
2814
|
+
--gw-default-muted-color: var(--gw-foreground-on-surface-secondary);
|
|
2814
2815
|
--gw-default-background: var(--gw-background-elevated);
|
|
2815
2816
|
--gw-default-color: var(--gw-foreground-on-surface-default);
|
|
2816
2817
|
--gw-default-error-backgound: var(--gw-error-light);
|
|
@@ -2836,12 +2837,12 @@
|
|
|
2836
2837
|
--gw-inputtext-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2837
2838
|
--gw-panel-border-color: var(--gw-default-border-color);
|
|
2838
2839
|
--gw-panel-border-radius: var(--gw-content-border-radius);
|
|
2839
|
-
--gw-toggleswitch-hover-background: var(--gw-
|
|
2840
|
+
--gw-toggleswitch-hover-background: var(--gw-foreground-on-surface-subtile);
|
|
2840
2841
|
--gw-toggleswitch-checked-background: var(--gw-primary-base);
|
|
2841
2842
|
--gw-toggleswitch-handle-checked-color: var(--gw-primary-base);
|
|
2842
|
-
--gw-toggleswitch-handle-disabled-background: var(--gw-
|
|
2843
|
+
--gw-toggleswitch-handle-disabled-background: var(--gw-foreground-on-surface-disabled);
|
|
2843
2844
|
--gw-toggleswitch-focus-ring-color: var(--gw-primary-base);
|
|
2844
|
-
--gw-toggleswitch-background: var(--gw-
|
|
2845
|
+
--gw-toggleswitch-background: var(--gw-foreground-on-surface-disabled);
|
|
2845
2846
|
--gw-floatlabel-color: var(--gw-form-field-float-label-color);
|
|
2846
2847
|
--gw-floatlabel-focus-color: var(--gw-form-field-float-label-focus-color);
|
|
2847
2848
|
--gw-floatlabel-active-color: var(--gw-form-field-float-label-active-color);
|
|
@@ -2851,6 +2852,7 @@
|
|
|
2851
2852
|
--gw-radiobutton-filled-background: var(--gw-form-field-filled-background);
|
|
2852
2853
|
--gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
2853
2854
|
--gw-radiobutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
2855
|
+
--gw-checkbox-color: var(--gw-foreground-on-surface-default);
|
|
2854
2856
|
--gw-checkbox-checked-background: var(--gw-primary-base);
|
|
2855
2857
|
--gw-checkbox-checked-border-color: var(--gw-primary-base);
|
|
2856
2858
|
--gw-checkbox-checked-focus-border-color: var(--gw-primary-base);
|
|
@@ -2956,6 +2958,7 @@
|
|
|
2956
2958
|
--gw-tag-warning-color: var(--gw-warning-base);
|
|
2957
2959
|
--gw-tag-danger-background: var(--gw-error-lighter);
|
|
2958
2960
|
--gw-tag-danger-color: var(--gw-error-base);
|
|
2961
|
+
--gw-tag-default-background: var(--gw-background-subtile);
|
|
2959
2962
|
--gw-tag-default-color: var(--gw-foreground-on-surface-default);
|
|
2960
2963
|
--gw-skeleton-border-radius: var(--gw-content-border-radius);
|
|
2961
2964
|
--gw-breadcrumb-item-border-radius: var(--gw-content-border-radius);
|
|
@@ -3042,14 +3045,14 @@
|
|
|
3042
3045
|
--gw-slider-range-background: var(--gw-primary-base);
|
|
3043
3046
|
--gw-slider-handle-background: var(--gw-default-border-color);
|
|
3044
3047
|
--gw-slider-handle-hover-background: var(--gw-default-border-color);
|
|
3048
|
+
--gw-slider-handle-content-background: var(--gw-primary-base);
|
|
3045
3049
|
--gw-slider-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
3050
|
+
--gw-slider-label-color: var(--gw-foreground-on-surface-subtile);
|
|
3046
3051
|
--gw-togglebutton-border-radius: var(--gw-content-border-radius);
|
|
3047
3052
|
--gw-togglebutton-disabled-color: var(--gw-form-field-disabled-color);
|
|
3048
3053
|
--gw-togglebutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
3049
3054
|
--gw-togglebutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
3050
3055
|
--gw-togglebutton-content-border-radius: var(--gw-content-border-radius);
|
|
3051
|
-
--gw-togglebutton-background: var(--gw-button-secondary-background);
|
|
3052
|
-
--gw-togglebutton-hover-background: var(--gw-button-secondary-hover-background);
|
|
3053
3056
|
--gw-selectbutton-border-radius: var(--gw-form-field-border-radius);
|
|
3054
3057
|
--gw-treeselect-disabled-color: var(--gw-form-field-disabled-color);
|
|
3055
3058
|
--gw-treeselect-filled-background: var(--gw-form-field-filled-background);
|
|
@@ -3081,6 +3084,8 @@
|
|
|
3081
3084
|
--gw-splitter-gutter-background: var(--gw-default-border-color);
|
|
3082
3085
|
--gw-splitter-handle-border-radius: var(--gw-content-border-radius);
|
|
3083
3086
|
--gw-splitter-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
3087
|
+
--gw-scrollpanel-bar-border-color: var(--gw-background-subtile);
|
|
3088
|
+
--gw-scrollpanel-bar-background: var(--gw-foreground-on-surface-subtile);
|
|
3084
3089
|
--gw-tabs-tablist-border-color: var(--gw-default-border-color);
|
|
3085
3090
|
--gw-tabs-tab-border-color: var(--gw-neutral-lighter);
|
|
3086
3091
|
--gw-tabs-tab-border-bottom-color: var(--gw-default-border-color);
|
|
@@ -3107,6 +3112,8 @@
|
|
|
3107
3112
|
--gw-contextmenu-border-radius: var(--gw-content-border-radius);
|
|
3108
3113
|
--gw-contextmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
3109
3114
|
--gw-contextmenu-separator-border-color: var(--gw-default-border-color);
|
|
3115
|
+
--gw-statusmenu-warning-background: var(--gw-warning-lighter);
|
|
3116
|
+
--gw-statusmenu-danger-background: var(--gw-error-lighter);
|
|
3110
3117
|
--gw-dock-item-border-radius: var(--gw-content-border-radius);
|
|
3111
3118
|
--gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
|
|
3112
3119
|
--gw-megamenu-border-color: var(--gw-default-border-color);
|
|
@@ -3187,6 +3194,7 @@
|
|
|
3187
3194
|
--gw-tree-node-toggle-button-hover-background: var(--gw-hover-background);
|
|
3188
3195
|
--gw-tree-node-toggle-button-selected-hover-color: var(--gw-primary-base);
|
|
3189
3196
|
--gw-tree-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3197
|
+
--gw-virtualscroller-loader-mask-color: var(--gw-foreground-on-surface-subtile);
|
|
3190
3198
|
--gw-carousel-indicator-border-radius: var(--gw-content-border-radius);
|
|
3191
3199
|
--gw-carousel-indicator-focus-ring-color: var(--gw-focus-ring-color);
|
|
3192
3200
|
--gw-image-preview-mask-color: var(--gw-mask-color);
|
|
@@ -3261,6 +3269,9 @@
|
|
|
3261
3269
|
--gw-swagger-border-color: var(--gw-default-border-color);
|
|
3262
3270
|
--gw-swagger-post-background: var(--gw-success-200);
|
|
3263
3271
|
--gw-shortcuts-panel-key-color: var(--gw-secondary-base);
|
|
3272
|
+
--gw-classhierarchy-node-label-color: var(--gw-foreground-on-surface-default);
|
|
3273
|
+
--gw-classhierarchy-node-hover-border-color: var(--gw-foreground-on-surface-secondary);
|
|
3274
|
+
--gw-classhierarchy-node-selected-border-color: var(--gw-border-focus);
|
|
3264
3275
|
--gw-link-regular-color: var(--gw-secondary-light);
|
|
3265
3276
|
--gw-link-regular-hover-color: var(--gw-secondary-base);
|
|
3266
3277
|
--gw-link-regular-visited-color: var(--gw-secondary-base);
|
|
@@ -3292,21 +3303,26 @@
|
|
|
3292
3303
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3293
3304
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3294
3305
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
3306
|
+
--gw-button-primary-background: var(--gw-foreground-on-surface-primary);
|
|
3295
3307
|
--gw-button-primary-hover-background: var(--gw-primary-hover-color);
|
|
3296
3308
|
--gw-button-primary-hover-border-color: var(--gw-primary-hover-color);
|
|
3297
3309
|
--gw-button-primary-active-background: var(--gw-primary-active-color);
|
|
3298
3310
|
--gw-button-primary-active-border-color: var(--gw-primary-active-color);
|
|
3299
3311
|
--gw-button-primary-border-color: var(--gw-border-color-primary);
|
|
3300
3312
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3313
|
+
--gw-button-secondary-border-color: var(--gw-foreground-on-surface-primary);
|
|
3314
|
+
--gw-button-secondary-color: var(--gw-foreground-on-surface-primary);
|
|
3315
|
+
--gw-button-secondary-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3316
|
+
--gw-button-secondary-icon-second-color: var(--gw-foreground-on-surface-primary);
|
|
3301
3317
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3302
3318
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3303
3319
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
3304
3320
|
--gw-button-secondary-link-color: var(--gw-primary-contrast-color);
|
|
3321
|
+
--gw-button-success-background: var(--gw-success-base);
|
|
3305
3322
|
--gw-button-success-hover-background: var(--gw-success-dark);
|
|
3306
3323
|
--gw-button-success-hover-border-color: var(--gw-success-dark);
|
|
3307
3324
|
--gw-button-success-focus-ring-color: var(--gw-success-base);
|
|
3308
3325
|
--gw-button-success-focus-color: var(--gw-success-light);
|
|
3309
|
-
--gw-button-success-icon-color: var(--gw-button-contrast-del-color);
|
|
3310
3326
|
--gw-button-success-disabled-background: var(--gw-success-lighter);
|
|
3311
3327
|
--gw-button-success-disabled-border-color: var(--gw-success-lighter);
|
|
3312
3328
|
--gw-button-success-active-background: var(--gw-success-dark);
|
|
@@ -3331,7 +3347,6 @@
|
|
|
3331
3347
|
--gw-button-outlined-del-help-color: var(--gw-help-dark);
|
|
3332
3348
|
--gw-button-text-del-success-color: var(--gw-success-base);
|
|
3333
3349
|
--gw-button-text-del-help-color: var(--gw-help-darker);
|
|
3334
|
-
--gw-button-tertiary-icon-second: var(--gw-default-muted-color);
|
|
3335
3350
|
--gw-button-tertiary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3336
3351
|
--gw-button-tertiary-link-active-color: var(--gw-primary-contrast-color);
|
|
3337
3352
|
--gw-button-tertiary-link-color: var(--gw-primary-contrast-color);
|
|
@@ -3514,20 +3529,13 @@
|
|
|
3514
3529
|
--gw-password-icon-color: var(--gw-form-field-icon-color);
|
|
3515
3530
|
--gw-password-overlay-border-color: var(--gw-overlay-popover-border-color);
|
|
3516
3531
|
--gw-password-strength-strong-background: var(--gw-success-light);
|
|
3517
|
-
--gw-slider-handle-content-hover-background: var(--gw-default-background);
|
|
3518
|
-
--gw-togglebutton-border-color: var(--gw-button-secondary-border-color);
|
|
3519
3532
|
--gw-togglebutton-disabled-background: var(--gw-form-field-disabled-background);
|
|
3520
3533
|
--gw-togglebutton-disabled-border-color: var(--gw-form-field-disabled-background);
|
|
3521
3534
|
--gw-togglebutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3522
|
-
--gw-togglebutton-icon-color: var(--gw-button-secondary-icon-color);
|
|
3523
|
-
--gw-togglebutton-icon-hover-color: var(--gw-button-secondary-icon-color);
|
|
3524
3535
|
--gw-togglebutton-icon-checked-color: var(--gw-button-primary-icon-color);
|
|
3525
|
-
--gw-togglebutton-content-checked-background: var(--gw-button-primary-background);
|
|
3526
|
-
--gw-togglebutton-checked-background: var(--gw-button-primary-background);
|
|
3527
3536
|
--gw-togglebutton-checked-color: var(--gw-button-primary-color);
|
|
3528
|
-
--gw-togglebutton-
|
|
3537
|
+
--gw-togglebutton-hover-background: var(--gw-button-secondary-hover-background);
|
|
3529
3538
|
--gw-togglebutton-hover-color: var(--gw-button-secondary-hover-color);
|
|
3530
|
-
--gw-togglebutton-color: var(--gw-button-secondary-color);
|
|
3531
3539
|
--gw-selectbutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3532
3540
|
--gw-treeselect-disabled-background: var(--gw-form-field-disabled-background);
|
|
3533
3541
|
--gw-treeselect-border-color: var(--gw-form-field-border-color);
|
|
@@ -3702,7 +3710,6 @@
|
|
|
3702
3710
|
--gw-tree-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3703
3711
|
--gw-tree-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3704
3712
|
--gw-virtualscroller-loader-mask-background: var(--gw-default-background);
|
|
3705
|
-
--gw-virtualscroller-loader-mask-color: var(--gw-text-muted-color);
|
|
3706
3713
|
--gw-treetable-header-background: var(--gw-default-background);
|
|
3707
3714
|
--gw-treetable-header-border-color: var(--gw-treetable-border-color);
|
|
3708
3715
|
--gw-treetable-header-color: var(--gw-default-color);
|
|
@@ -3727,9 +3734,6 @@
|
|
|
3727
3734
|
--gw-treetable-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3728
3735
|
--gw-toast-success-background: var(--gw-success-base);
|
|
3729
3736
|
--gw-toast-success-border-color: var(--gw-success-base);
|
|
3730
|
-
--gw-toast-success-color: var(--gw-primary-contrast-color);
|
|
3731
|
-
--gw-toast-success-icon-color: var(--gw-primary-contrast-color);
|
|
3732
|
-
--gw-toast-success-detail-color: var(--gw-primary-contrast-color);
|
|
3733
3737
|
--gw-galleria-thumbnails-content-background: var(--gw-default-background);
|
|
3734
3738
|
--gw-popover-border-color: var(--gw-overlay-popover-border-color);
|
|
3735
3739
|
--gw-fileupload-background: var(--gw-default-background);
|
|
@@ -3756,10 +3760,10 @@
|
|
|
3756
3760
|
--gw-sidenav-submenuitem-selected-border-color: var(--gw-border-color-primary);
|
|
3757
3761
|
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-second-color);
|
|
3758
3762
|
--gw-inputtext-background: var(--gw-form-field-background);
|
|
3763
|
+
--gw-toggleswitch-offset-border-color: var(--gw-panel-background);
|
|
3759
3764
|
--gw-floatlabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
|
3760
3765
|
--gw-floatlabel-on-active-background: var(--gw-form-field-background);
|
|
3761
3766
|
--gw-radiobutton-background: var(--gw-form-field-background);
|
|
3762
|
-
--gw-checkbox-background: var(--gw-form-field-background);
|
|
3763
3767
|
--gw-autocomplete-background: var(--gw-form-field-background);
|
|
3764
3768
|
--gw-autocomplete-overlay-color: var(--gw-overlay-select-color);
|
|
3765
3769
|
--gw-autocomplete-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
@@ -3803,6 +3807,14 @@
|
|
|
3803
3807
|
--gw-multiselect-option-color: var(--gw-list-option-color);
|
|
3804
3808
|
--gw-multiselect-option-group-color: var(--gw-list-option-group-color);
|
|
3805
3809
|
--gw-password-overlay-color: var(--gw-overlay-popover-color);
|
|
3810
|
+
--gw-slider-handle-content-hover-background: var(--gw-button-primary-hover-background);
|
|
3811
|
+
--gw-togglebutton-border-color: var(--gw-button-secondary-border-color);
|
|
3812
|
+
--gw-togglebutton-icon-color: var(--gw-button-secondary-icon-color);
|
|
3813
|
+
--gw-togglebutton-icon-hover-color: var(--gw-button-secondary-icon-color);
|
|
3814
|
+
--gw-togglebutton-content-checked-background: var(--gw-button-primary-background);
|
|
3815
|
+
--gw-togglebutton-checked-background: var(--gw-button-primary-background);
|
|
3816
|
+
--gw-togglebutton-checked-border-color: var(--gw-button-secondary-border-color);
|
|
3817
|
+
--gw-togglebutton-color: var(--gw-button-secondary-color);
|
|
3806
3818
|
--gw-treeselect-background: var(--gw-form-field-background);
|
|
3807
3819
|
--gw-treeselect-overlay-color: var(--gw-overlay-select-color);
|
|
3808
3820
|
--gw-confirmdialog-icon-color: var(--gw-overlay-modal-color);
|
|
@@ -3821,6 +3833,9 @@
|
|
|
3821
3833
|
--gw-datatable-filter-constraint-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
3822
3834
|
--gw-datatable-filter-constraint-selected-color: var(--gw-list-option-selected-color);
|
|
3823
3835
|
--gw-datatable-filter-constraint-color: var(--gw-list-option-color);
|
|
3836
|
+
--gw-toast-success-color: var(--gw-success-text);
|
|
3837
|
+
--gw-toast-success-icon-color: var(--gw-success-text);
|
|
3838
|
+
--gw-toast-success-detail-color: var(--gw-success-text);
|
|
3824
3839
|
--gw-popover-color: var(--gw-overlay-popover-color);
|
|
3825
3840
|
--gw-terminal-background: var(--gw-form-field-background);
|
|
3826
3841
|
--gw-iftalabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
package/dist/variables-light.css
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--gw-space-0-5: 0.5rem;
|
|
15
15
|
--gw-space-0-75: 0.75rem;
|
|
16
16
|
--gw-space-0-875: 0.875rem;
|
|
17
|
-
--gw-space-1-125:
|
|
17
|
+
--gw-space-1-125: 1.125rem;
|
|
18
18
|
--gw-space-1-5: 1.5rem;
|
|
19
19
|
--gw-space-2-5: 2.5rem;
|
|
20
20
|
--gw-border-radius-none: 0;
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
--gw-color-pink-900: #540d2c;
|
|
57
57
|
--gw-color-teal-50: #f7fcfc;
|
|
58
58
|
--gw-color-teal-100: #ecf9f8;
|
|
59
|
-
--gw-color-teal-200: #
|
|
60
|
-
--gw-color-teal-300: #
|
|
61
|
-
--gw-color-teal-400: #
|
|
59
|
+
--gw-color-teal-200: #d8eeec;
|
|
60
|
+
--gw-color-teal-300: #a9d6d2;
|
|
61
|
+
--gw-color-teal-400: #82c9c4;
|
|
62
62
|
--gw-color-teal-500: #339991;
|
|
63
63
|
--gw-color-teal-600: #26736c;
|
|
64
64
|
--gw-color-teal-700: #1d5853;
|
|
@@ -192,8 +192,6 @@
|
|
|
192
192
|
--gw-button-font-size: 1rem;
|
|
193
193
|
--gw-button-lg-font-size: 1.125rem;
|
|
194
194
|
--gw-button-badge-size: 1rem;
|
|
195
|
-
--gw-button-success-hover-color: #ffffff;
|
|
196
|
-
--gw-button-success-disabled-color: #ffffff;
|
|
197
195
|
--gw-1rem-line-height: 1rem;
|
|
198
196
|
--gw-mask-background: rgba(0, 0, 0, 0.4);
|
|
199
197
|
--gw-inputtext-sm-font-size: 0.875rem;
|
|
@@ -1670,6 +1668,7 @@
|
|
|
1670
1668
|
--gw-tertiary-700: var(--gw-color-teal-700);
|
|
1671
1669
|
--gw-tertiary-800: var(--gw-color-teal-800);
|
|
1672
1670
|
--gw-tertiary-900: var(--gw-color-teal-900);
|
|
1671
|
+
--gw-foreground-on-surface-heading: var(--gw-color-navy-blue-700);
|
|
1673
1672
|
--gw-form-field-padding-x: var(--gw-space-0-75);
|
|
1674
1673
|
--gw-form-field-padding-y: var(--gw-space-0-5);
|
|
1675
1674
|
--gw-form-field-focus-ring-style: var(--gw-style-none);
|
|
@@ -1695,6 +1694,7 @@
|
|
|
1695
1694
|
--gw-button-label-font-family: var(--gw-font-family-body);
|
|
1696
1695
|
--gw-button-focus-ring-width: var(--gw-focus-ring-width);
|
|
1697
1696
|
--gw-button-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1697
|
+
--gw-button-secondary-background: var(--gw-neutral-transparent);
|
|
1698
1698
|
--gw-button-secondary-link-border-color: var(--gw-neutral-transparent);
|
|
1699
1699
|
--gw-button-text-del-primary-hover-background: var(--gw-neutral-transparent);
|
|
1700
1700
|
--gw-button-text-del-primary-active-background: var(--gw-neutral-transparent);
|
|
@@ -1736,6 +1736,7 @@
|
|
|
1736
1736
|
--gw-radiobutton-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1737
1737
|
--gw-checkbox-width: var(--gw-icon-size);
|
|
1738
1738
|
--gw-checkbox-size: var(--gw-icon-size);
|
|
1739
|
+
--gw-checkbox-background: var(--gw-neutral-transparent);
|
|
1739
1740
|
--gw-checkbox-focus-ring-width: var(--gw-focus-ring-width);
|
|
1740
1741
|
--gw-checkbox-focus-ring-offset: var(--gw-focus-ring-offset);
|
|
1741
1742
|
--gw-autocomplete-list-padding: var(--gw-list-padding);
|
|
@@ -1911,7 +1912,7 @@
|
|
|
1911
1912
|
--gw-contextmenu-submenu-icon-size: var(--gw-sidenav-submenuitem-icon-size);
|
|
1912
1913
|
--gw-contextmenu-transition-duration: var(--gw-transition-duration);
|
|
1913
1914
|
--gw-statusmenu-list-padding: var(--gw-sidenav-list-padding);
|
|
1914
|
-
--gw-statusmenu-list-gap: var(--gw-
|
|
1915
|
+
--gw-statusmenu-list-gap: var(--gw-space-0-25);
|
|
1915
1916
|
--gw-statusmenu-background: var(--gw-neutral-transparent);
|
|
1916
1917
|
--gw-dock-border-radius: var(--gw-border-radius-xl-circle);
|
|
1917
1918
|
--gw-dock-item-focus-ring-width: var(--gw-focus-ring-width);
|
|
@@ -2200,7 +2201,7 @@
|
|
|
2200
2201
|
--gw-success-800: var(--gw-color-green-800);
|
|
2201
2202
|
--gw-success-900: var(--gw-color-green-900);
|
|
2202
2203
|
--gw-warning-base: var(--gw-warning-700);
|
|
2203
|
-
--gw-warning-lighter: var(--gw-warning-
|
|
2204
|
+
--gw-warning-lighter: var(--gw-warning-100);
|
|
2204
2205
|
--gw-warning-light: var(--gw-warning-600);
|
|
2205
2206
|
--gw-warning-dark: var(--gw-warning-800);
|
|
2206
2207
|
--gw-warning-darker: var(--gw-warning-900);
|
|
@@ -2227,11 +2228,13 @@
|
|
|
2227
2228
|
--gw-background-elevated: var(--gw-neutral-0);
|
|
2228
2229
|
--gw-background-surface: var(--gw-neutral-50);
|
|
2229
2230
|
--gw-background-disabled: var(--gw-neutral-200);
|
|
2230
|
-
--gw-
|
|
2231
|
+
--gw-background-subtile: var(--gw-neutral-200);
|
|
2231
2232
|
--gw-foreground-on-surface-accent: var(--gw-accent-500);
|
|
2232
2233
|
--gw-foreground-on-surface-default: var(--gw-neutral-900);
|
|
2234
|
+
--gw-foreground-on-surface-secondary: var(--gw-secondary-600);
|
|
2235
|
+
--gw-foreground-on-surface-muted: var(--gw-secondary-700);
|
|
2233
2236
|
--gw-foreground-on-surface-subtile: var(--gw-neutral-500);
|
|
2234
|
-
--gw-foreground-on-surface-disabled: var(--gw-neutral-
|
|
2237
|
+
--gw-foreground-on-surface-disabled: var(--gw-neutral-300);
|
|
2235
2238
|
--gw-foreground-on-brand: var(--gw-neutral-0);
|
|
2236
2239
|
--gw-border-subtle: var(--gw-neutral-100);
|
|
2237
2240
|
--gw-border-focus: var(--gw-primary-300);
|
|
@@ -2239,7 +2242,7 @@
|
|
|
2239
2242
|
--gw-disabled-background: var(--gw-neutral-200);
|
|
2240
2243
|
--gw-disabled-color: var(--gw-neutral-600);
|
|
2241
2244
|
--gw-form-field-border-radius: var(--gw-defaul-border-radius);
|
|
2242
|
-
--gw-form-field-focus-ring-color: var(--gw-
|
|
2245
|
+
--gw-form-field-focus-ring-color: var(--gw-primary-300);
|
|
2243
2246
|
--gw-form-field-disabled-color: var(--gw-neutral-600);
|
|
2244
2247
|
--gw-form-field-filled-background: var(--gw-neutral-100);
|
|
2245
2248
|
--gw-form-field-filled-focus-background: var(--gw-neutral-100);
|
|
@@ -2266,8 +2269,6 @@
|
|
|
2266
2269
|
--gw-button-label-line-height: var(--gw-xxs-line-height);
|
|
2267
2270
|
--gw-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2268
2271
|
--gw-button-transition-duration: var(--gw-form-field-transition-duration);
|
|
2269
|
-
--gw-button-secondary-background: var(--gw-neutral-0);
|
|
2270
|
-
--gw-button-secondary-hover-background: var(--gw-neutral-100);
|
|
2271
2272
|
--gw-button-secondary-active-background: var(--gw-neutral-0);
|
|
2272
2273
|
--gw-button-secondary-focus-ring-color: var(--gw-primary-200);
|
|
2273
2274
|
--gw-button-secondary-disabled-background: var(--gw-neutral-0);
|
|
@@ -2296,7 +2297,6 @@
|
|
|
2296
2297
|
--gw-button-text-del-plain-color: var(--gw-neutral-700);
|
|
2297
2298
|
--gw-button-text-del-contrast-hover-background: var(--gw-neutral-100);
|
|
2298
2299
|
--gw-button-text-del-contrast-active-background: var(--gw-neutral-100);
|
|
2299
|
-
--gw-button-tertiary-hover-background: var(--gw-neutral-100);
|
|
2300
2300
|
--gw-button-tertiary-focus-ring-color: var(--gw-primary-200);
|
|
2301
2301
|
--gw-button-tertiary-disabled-color: var(--gw-primary-300);
|
|
2302
2302
|
--gw-button-tertiary-link-disabled-background: var(--gw-neutral-0);
|
|
@@ -2305,12 +2305,12 @@
|
|
|
2305
2305
|
--gw-body-background: var(--gw-neutral-0);
|
|
2306
2306
|
--gw-muted-background: var(--gw-neutral-200);
|
|
2307
2307
|
--gw-muted-color: var(--gw-neutral-700);
|
|
2308
|
-
--gw-error-base: var(--gw-danger-
|
|
2308
|
+
--gw-error-base: var(--gw-danger-500);
|
|
2309
2309
|
--gw-error-lighter: var(--gw-danger-200);
|
|
2310
2310
|
--gw-error-light: var(--gw-danger-600);
|
|
2311
2311
|
--gw-error-dark: var(--gw-danger-800);
|
|
2312
2312
|
--gw-error-darker: var(--gw-danger-900);
|
|
2313
|
-
--gw-contrast-text: var(--gw-neutral-
|
|
2313
|
+
--gw-contrast-text: var(--gw-neutral-50);
|
|
2314
2314
|
--gw-contrast-background: var(--gw-neutral-900);
|
|
2315
2315
|
--gw-highlight-background: var(--gw-secondary-100);
|
|
2316
2316
|
--gw-mask-color: var(--gw-neutral-200);
|
|
@@ -2375,7 +2375,6 @@
|
|
|
2375
2375
|
--gw-message-text-line-height: var(--gw-base-line-height);
|
|
2376
2376
|
--gw-message-close-button-focus-ring-style: var(--gw-focus-ring-style);
|
|
2377
2377
|
--gw-tag-help-background: var(--gw-neutral-200);
|
|
2378
|
-
--gw-tag-default-background: var(--gw-neutral-200);
|
|
2379
2378
|
--gw-skeleton-background: var(--gw-neutral-200);
|
|
2380
2379
|
--gw-breadcrumb-item-focus-ring-style: var(--gw-focus-ring-style);
|
|
2381
2380
|
--gw-cascadeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
@@ -2413,10 +2412,10 @@
|
|
|
2413
2412
|
--gw-multiselect-padding-x: var(--gw-form-field-padding-x);
|
|
2414
2413
|
--gw-multiselect-padding-y: var(--gw-form-field-padding-y);
|
|
2415
2414
|
--gw-multiselect-transition-duration: var(--gw-form-field-transition-duration);
|
|
2416
|
-
--gw-slider-handle-content-background: var(--gw-neutral-0);
|
|
2417
2415
|
--gw-slider-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2418
2416
|
--gw-togglebutton-focus-ring-style: var(--gw-focus-ring-style);
|
|
2419
2417
|
--gw-togglebutton-transition-duration: var(--gw-form-field-transition-duration);
|
|
2418
|
+
--gw-togglebutton-background: var(--gw-button-secondary-background);
|
|
2420
2419
|
--gw-treeselect-focus-ring-width: var(--gw-form-field-focus-ring-width);
|
|
2421
2420
|
--gw-treeselect-focus-ring-offset: var(--gw-form-field-focus-ring-offset);
|
|
2422
2421
|
--gw-treeselect-focus-ring-style: var(--gw-form-field-focus-ring-style);
|
|
@@ -2426,9 +2425,7 @@
|
|
|
2426
2425
|
--gw-accordion-header-focus-ring-style: var(--gw-focus-ring-style);
|
|
2427
2426
|
--gw-fieldset-legend-focus-ring-style: var(--gw-focus-ring-style);
|
|
2428
2427
|
--gw-splitter-handle-focus-ring-style: var(--gw-focus-ring-style);
|
|
2429
|
-
--gw-scrollpanel-bar-border-color: var(--gw-neutral-200);
|
|
2430
2428
|
--gw-scrollpanel-bar-focus-ring-style: var(--gw-focus-ring-style);
|
|
2431
|
-
--gw-scrollpanel-bar-background: var(--gw-neutral-200);
|
|
2432
2429
|
--gw-tabs-tab-hover-background: var(--gw-neutral-200);
|
|
2433
2430
|
--gw-tabs-tab-hover-border-color: var(--gw-neutral-200);
|
|
2434
2431
|
--gw-tabs-tab-focus-ring-style: var(--gw-focus-ring-style);
|
|
@@ -2505,6 +2502,10 @@
|
|
|
2505
2502
|
--gw-swagger-resp-code-background: var(--gw-warning-200);
|
|
2506
2503
|
--gw-shortcuts-panel-background: var(--gw-neutral-100);
|
|
2507
2504
|
--gw-shortcuts-panel-key-background: var(--gw-neutral-200);
|
|
2505
|
+
--gw-classhierarchy-node-backgraund-color1: var(--gw-primary-100);
|
|
2506
|
+
--gw-classhierarchy-node-backgraund-color2: var(--gw-primary-200);
|
|
2507
|
+
--gw-classhierarchy-node-backgraund-color3: var(--gw-accent-100);
|
|
2508
|
+
--gw-classhierarchy-node-backgraund-color4: var(--gw-accent-200);
|
|
2508
2509
|
--gw-form-field-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
2509
2510
|
--gw-form-field-shadow-color: var(--gw-neutral-shadow);
|
|
2510
2511
|
--gw-focus-ring-shadow-color: var(--gw-neutral-shadow);
|
|
@@ -2629,7 +2630,7 @@
|
|
|
2629
2630
|
--gw-primary-hover-color: var(--gw-primary-dark);
|
|
2630
2631
|
--gw-primary-active-color: var(--gw-primary-base);
|
|
2631
2632
|
--gw-secondary-text: var(--gw-secondary-dark);
|
|
2632
|
-
--gw-secondary-contrast-color: var(--gw-
|
|
2633
|
+
--gw-secondary-contrast-color: var(--gw-foreground-on-brand);
|
|
2633
2634
|
--gw-secondary-hover-color: var(--gw-secondary-dark);
|
|
2634
2635
|
--gw-secondary-active-color: var(--gw-secondary-light);
|
|
2635
2636
|
--gw-success-base: var(--gw-success-600);
|
|
@@ -2644,9 +2645,9 @@
|
|
|
2644
2645
|
--gw-tertiary-hover-color: var(--gw-tertiary-dark);
|
|
2645
2646
|
--gw-tertiary-active-color: var(--gw-tertiary-light);
|
|
2646
2647
|
--gw-background-brand: var(--gw-primary-dark);
|
|
2648
|
+
--gw-foreground-on-surface-brand: var(--gw-primary-base);
|
|
2647
2649
|
--gw-foreground-on-surface-primary: var(--gw-primary-dark);
|
|
2648
2650
|
--gw-foreground-on-surface-strong: var(--gw-primary-base);
|
|
2649
|
-
--gw-foreground-on-surface-muted: var(--gw-secondary-base);
|
|
2650
2651
|
--gw-foreground-link-idle: var(--gw-primary-base);
|
|
2651
2652
|
--gw-foreground-link-hover: var(--gw-primary-dark);
|
|
2652
2653
|
--gw-foreground-link-visited: var(--gw-secondary-base);
|
|
@@ -2668,8 +2669,7 @@
|
|
|
2668
2669
|
--gw-sidenav-menuitem-icon-color: var(--gw-foreground-on-surface-default);
|
|
2669
2670
|
--gw-sidenav-menuitem-icon-second-color: var(--gw-foreground-on-surface-subtile);
|
|
2670
2671
|
--gw-sidenav-menuitem-hover-icon-color: var(--gw-primary-base);
|
|
2671
|
-
--gw-sidenav-menuitem-hover-
|
|
2672
|
-
--gw-sidenav-menuitem-hover-background: var(--gw-background-highlighted);
|
|
2672
|
+
--gw-sidenav-menuitem-hover-background: var(--gw-background-raised);
|
|
2673
2673
|
--gw-sidenav-menuitem-selected-icon-color: var(--gw-primary-base);
|
|
2674
2674
|
--gw-sidenav-menuitem-selected-background: var(--gw-background-highlighted);
|
|
2675
2675
|
--gw-sidenav-menuitem-selected-color: var(--gw-primary-base);
|
|
@@ -2678,22 +2678,23 @@
|
|
|
2678
2678
|
--gw-sidenav-menuitem-open-icon-color: var(--gw-foreground-on-surface-default);
|
|
2679
2679
|
--gw-sidenav-menuitem-open-icon-second-color: var(--gw-foreground-on-surface-default);
|
|
2680
2680
|
--gw-sidenav-menuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2681
|
-
--gw-sidenav-menuitem-open-background: var(--gw-background-
|
|
2681
|
+
--gw-sidenav-menuitem-open-background: var(--gw-background-raised);
|
|
2682
2682
|
--gw-sidenav-submenuitem-color: var(--gw-foreground-on-surface-default);
|
|
2683
2683
|
--gw-sidenav-submenuitem-background: var(--gw-background-surface);
|
|
2684
|
-
--gw-sidenav-submenuitem-hover-background: var(--gw-background-
|
|
2684
|
+
--gw-sidenav-submenuitem-hover-background: var(--gw-background-raised);
|
|
2685
2685
|
--gw-sidenav-submenuitem-hover-color: var(--gw-primary-base);
|
|
2686
2686
|
--gw-sidenav-submenuitem-selected-background: var(--gw-background-highlighted);
|
|
2687
2687
|
--gw-sidenav-submenuitem-selected-color: var(--gw-primary-base);
|
|
2688
|
-
--gw-sidenav-submenuitem-open-background: var(--gw-background-
|
|
2688
|
+
--gw-sidenav-submenuitem-open-background: var(--gw-background-raised);
|
|
2689
2689
|
--gw-sidenav-submenuitem-open-color: var(--gw-foreground-on-surface-default);
|
|
2690
2690
|
--gw-sidenav-background: var(--gw-background-surface);
|
|
2691
2691
|
--gw-sidenav-togglebutton-hover-background: var(--gw-background-surface);
|
|
2692
|
+
--gw-sidenav-togglebutton-hover-color: var(--gw-foreground-on-surface-secondary);
|
|
2693
|
+
--gw-sidenav-togglebutton-color: var(--gw-foreground-on-surface-secondary);
|
|
2692
2694
|
--gw-overlay-select-border-color: var(--gw-default-border-color);
|
|
2693
2695
|
--gw-overlay-popover-border-color: var(--gw-default-border-color);
|
|
2694
2696
|
--gw-overlay-modal-border-color: var(--gw-default-border-color);
|
|
2695
2697
|
--gw-button-border-radius: var(--gw-form-field-border-radius);
|
|
2696
|
-
--gw-button-primary-background: var(--gw-primary-base);
|
|
2697
2698
|
--gw-button-primary-hover-color: var(--gw-foreground-on-brand);
|
|
2698
2699
|
--gw-button-primary-active-color: var(--gw-foreground-on-brand);
|
|
2699
2700
|
--gw-button-primary-icon-color: var(--gw-foreground-on-brand);
|
|
@@ -2705,14 +2706,11 @@
|
|
|
2705
2706
|
--gw-button-primary-link-color: var(--gw-primary-base);
|
|
2706
2707
|
--gw-button-primary-link-hover-color: var(--gw-primary-dark);
|
|
2707
2708
|
--gw-button-primary-link-active-color: var(--gw-primary-base);
|
|
2709
|
+
--gw-button-secondary-hover-background: var(--gw-background-raised);
|
|
2708
2710
|
--gw-button-secondary-hover-border-color: var(--gw-primary-base);
|
|
2709
2711
|
--gw-button-secondary-hover-color: var(--gw-primary-base);
|
|
2710
2712
|
--gw-button-secondary-active-border-color: var(--gw-primary-dark);
|
|
2711
2713
|
--gw-button-secondary-active-color: var(--gw-primary-dark);
|
|
2712
|
-
--gw-button-secondary-border-color: var(--gw-primary-base);
|
|
2713
|
-
--gw-button-secondary-color: var(--gw-primary-base);
|
|
2714
|
-
--gw-button-secondary-icon-color: var(--gw-primary-base);
|
|
2715
|
-
--gw-button-secondary-icon-second-color: var(--gw-primary-base);
|
|
2716
2714
|
--gw-button-secondary-link-background: var(--gw-secondary-light);
|
|
2717
2715
|
--gw-button-secondary-link-hover-background: var(--gw-secondary-base);
|
|
2718
2716
|
--gw-button-secondary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -2728,9 +2726,11 @@
|
|
|
2728
2726
|
--gw-button-info-del-color: var(--gw-contrast-text);
|
|
2729
2727
|
--gw-button-info-del-focus-ring-color: var(--gw-info-lighter);
|
|
2730
2728
|
--gw-button-info-del-icon-color: var(--gw-contrast-text);
|
|
2731
|
-
--gw-button-success-
|
|
2729
|
+
--gw-button-success-hover-color: var(--gw-contrast-text);
|
|
2732
2730
|
--gw-button-success-border-color: var(--gw-success-700);
|
|
2733
2731
|
--gw-button-success-color: var(--gw-contrast-text);
|
|
2732
|
+
--gw-button-success-icon-color: var(--gw-contrast-text);
|
|
2733
|
+
--gw-button-success-disabled-color: var(--gw-contrast-text);
|
|
2734
2734
|
--gw-button-warn-background: var(--gw-warning-base);
|
|
2735
2735
|
--gw-button-warn-hover-background: var(--gw-warning-dark);
|
|
2736
2736
|
--gw-button-warn-hover-border-color: var(--gw-warning-base);
|
|
@@ -2745,12 +2745,12 @@
|
|
|
2745
2745
|
--gw-button-danger-hover-background: var(--gw-error-light);
|
|
2746
2746
|
--gw-button-danger-hover-border-color: var(--gw-error-light);
|
|
2747
2747
|
--gw-button-danger-hover-color: var(--gw-contrast-text);
|
|
2748
|
-
--gw-button-danger-active-background: var(--gw-error-
|
|
2749
|
-
--gw-button-danger-active-border-color: var(--gw-error-
|
|
2748
|
+
--gw-button-danger-active-background: var(--gw-error-dark);
|
|
2749
|
+
--gw-button-danger-active-border-color: var(--gw-error-dark);
|
|
2750
2750
|
--gw-button-danger-active-color: var(--gw-contrast-text);
|
|
2751
2751
|
--gw-button-danger-border-color: var(--gw-error-base);
|
|
2752
2752
|
--gw-button-danger-color: var(--gw-contrast-text);
|
|
2753
|
-
--gw-button-danger-focus-ring-color: var(--gw-error-
|
|
2753
|
+
--gw-button-danger-focus-ring-color: var(--gw-error-light);
|
|
2754
2754
|
--gw-button-contrast-del-background: var(--gw-neutral-dark);
|
|
2755
2755
|
--gw-button-contrast-del-hover-background: var(--gw-neutral-base);
|
|
2756
2756
|
--gw-button-contrast-del-hover-border-color: var(--gw-neutral-base);
|
|
@@ -2786,11 +2786,13 @@
|
|
|
2786
2786
|
--gw-button-text-del-warn-color: var(--gw-warning-base);
|
|
2787
2787
|
--gw-button-text-del-danger-color: var(--gw-error-base);
|
|
2788
2788
|
--gw-button-text-del-contrast-color: var(--gw-contrast-text);
|
|
2789
|
-
--gw-button-tertiary-hover-
|
|
2790
|
-
--gw-button-tertiary-
|
|
2791
|
-
--gw-button-tertiary-active-color: var(--gw-
|
|
2792
|
-
--gw-button-tertiary-color: var(--gw-
|
|
2793
|
-
--gw-button-tertiary-
|
|
2789
|
+
--gw-button-tertiary-hover-background: var(--gw-background-raised);
|
|
2790
|
+
--gw-button-tertiary-hover-color: var(--gw-foreground-on-surface-muted);
|
|
2791
|
+
--gw-button-tertiary-active-border-color: var(--gw-default-border-color);
|
|
2792
|
+
--gw-button-tertiary-active-color: var(--gw-foreground-on-surface-muted);
|
|
2793
|
+
--gw-button-tertiary-color: var(--gw-foreground-on-surface-muted);
|
|
2794
|
+
--gw-button-tertiary-icon-color: var(--gw-foreground-on-surface-secondary);
|
|
2795
|
+
--gw-button-tertiary-icon-second: var(--gw-foreground-on-surface-secondary);
|
|
2794
2796
|
--gw-button-tertiary-link-background: var(--gw-secondary-light);
|
|
2795
2797
|
--gw-button-tertiary-link-hover-background: var(--gw-secondary-base);
|
|
2796
2798
|
--gw-button-tertiary-link-hover-border-color: var(--gw-secondary-base);
|
|
@@ -2809,6 +2811,7 @@
|
|
|
2809
2811
|
--gw-highlight-color: var(--gw-primary-base);
|
|
2810
2812
|
--gw-text-color: var(--gw-foreground-on-surface-default);
|
|
2811
2813
|
--gw-text-muted-color: var(--gw-muted-color);
|
|
2814
|
+
--gw-default-muted-color: var(--gw-foreground-on-surface-secondary);
|
|
2812
2815
|
--gw-default-background: var(--gw-background-elevated);
|
|
2813
2816
|
--gw-default-color: var(--gw-foreground-on-surface-default);
|
|
2814
2817
|
--gw-default-error-backgound: var(--gw-error-light);
|
|
@@ -2834,12 +2837,12 @@
|
|
|
2834
2837
|
--gw-inputtext-placeholder-color: var(--gw-form-field-placeholder-color);
|
|
2835
2838
|
--gw-panel-border-color: var(--gw-default-border-color);
|
|
2836
2839
|
--gw-panel-border-radius: var(--gw-content-border-radius);
|
|
2837
|
-
--gw-toggleswitch-hover-background: var(--gw-
|
|
2840
|
+
--gw-toggleswitch-hover-background: var(--gw-foreground-on-surface-subtile);
|
|
2838
2841
|
--gw-toggleswitch-checked-background: var(--gw-primary-base);
|
|
2839
2842
|
--gw-toggleswitch-handle-checked-color: var(--gw-primary-base);
|
|
2840
|
-
--gw-toggleswitch-handle-disabled-background: var(--gw-
|
|
2843
|
+
--gw-toggleswitch-handle-disabled-background: var(--gw-foreground-on-surface-disabled);
|
|
2841
2844
|
--gw-toggleswitch-focus-ring-color: var(--gw-primary-base);
|
|
2842
|
-
--gw-toggleswitch-background: var(--gw-
|
|
2845
|
+
--gw-toggleswitch-background: var(--gw-foreground-on-surface-disabled);
|
|
2843
2846
|
--gw-floatlabel-color: var(--gw-form-field-float-label-color);
|
|
2844
2847
|
--gw-floatlabel-focus-color: var(--gw-form-field-float-label-focus-color);
|
|
2845
2848
|
--gw-floatlabel-active-color: var(--gw-form-field-float-label-active-color);
|
|
@@ -2849,6 +2852,7 @@
|
|
|
2849
2852
|
--gw-radiobutton-filled-background: var(--gw-form-field-filled-background);
|
|
2850
2853
|
--gw-radiobutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
2851
2854
|
--gw-radiobutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
2855
|
+
--gw-checkbox-color: var(--gw-foreground-on-surface-default);
|
|
2852
2856
|
--gw-checkbox-checked-background: var(--gw-primary-base);
|
|
2853
2857
|
--gw-checkbox-checked-border-color: var(--gw-primary-base);
|
|
2854
2858
|
--gw-checkbox-checked-focus-border-color: var(--gw-primary-base);
|
|
@@ -2954,6 +2958,7 @@
|
|
|
2954
2958
|
--gw-tag-warning-color: var(--gw-warning-base);
|
|
2955
2959
|
--gw-tag-danger-background: var(--gw-error-lighter);
|
|
2956
2960
|
--gw-tag-danger-color: var(--gw-error-base);
|
|
2961
|
+
--gw-tag-default-background: var(--gw-background-subtile);
|
|
2957
2962
|
--gw-tag-default-color: var(--gw-foreground-on-surface-default);
|
|
2958
2963
|
--gw-skeleton-border-radius: var(--gw-content-border-radius);
|
|
2959
2964
|
--gw-breadcrumb-item-border-radius: var(--gw-content-border-radius);
|
|
@@ -3040,14 +3045,14 @@
|
|
|
3040
3045
|
--gw-slider-range-background: var(--gw-primary-base);
|
|
3041
3046
|
--gw-slider-handle-background: var(--gw-default-border-color);
|
|
3042
3047
|
--gw-slider-handle-hover-background: var(--gw-default-border-color);
|
|
3048
|
+
--gw-slider-handle-content-background: var(--gw-primary-base);
|
|
3043
3049
|
--gw-slider-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
3050
|
+
--gw-slider-label-color: var(--gw-foreground-on-surface-subtile);
|
|
3044
3051
|
--gw-togglebutton-border-radius: var(--gw-content-border-radius);
|
|
3045
3052
|
--gw-togglebutton-disabled-color: var(--gw-form-field-disabled-color);
|
|
3046
3053
|
--gw-togglebutton-focus-ring-color: var(--gw-focus-ring-color);
|
|
3047
3054
|
--gw-togglebutton-icon-disabled-color: var(--gw-form-field-disabled-color);
|
|
3048
3055
|
--gw-togglebutton-content-border-radius: var(--gw-content-border-radius);
|
|
3049
|
-
--gw-togglebutton-background: var(--gw-button-secondary-background);
|
|
3050
|
-
--gw-togglebutton-hover-background: var(--gw-button-secondary-hover-background);
|
|
3051
3056
|
--gw-selectbutton-border-radius: var(--gw-form-field-border-radius);
|
|
3052
3057
|
--gw-treeselect-disabled-color: var(--gw-form-field-disabled-color);
|
|
3053
3058
|
--gw-treeselect-filled-background: var(--gw-form-field-filled-background);
|
|
@@ -3079,6 +3084,8 @@
|
|
|
3079
3084
|
--gw-splitter-gutter-background: var(--gw-default-border-color);
|
|
3080
3085
|
--gw-splitter-handle-border-radius: var(--gw-content-border-radius);
|
|
3081
3086
|
--gw-splitter-handle-focus-ring-color: var(--gw-focus-ring-color);
|
|
3087
|
+
--gw-scrollpanel-bar-border-color: var(--gw-background-subtile);
|
|
3088
|
+
--gw-scrollpanel-bar-background: var(--gw-foreground-on-surface-subtile);
|
|
3082
3089
|
--gw-tabs-tablist-border-color: var(--gw-default-border-color);
|
|
3083
3090
|
--gw-tabs-tab-border-color: var(--gw-neutral-lighter);
|
|
3084
3091
|
--gw-tabs-tab-border-bottom-color: var(--gw-default-border-color);
|
|
@@ -3105,6 +3112,8 @@
|
|
|
3105
3112
|
--gw-contextmenu-border-radius: var(--gw-content-border-radius);
|
|
3106
3113
|
--gw-contextmenu-item-border-radius: var(--gw-sidenav-menuitem-border-radius);
|
|
3107
3114
|
--gw-contextmenu-separator-border-color: var(--gw-default-border-color);
|
|
3115
|
+
--gw-statusmenu-warning-background: var(--gw-warning-lighter);
|
|
3116
|
+
--gw-statusmenu-danger-background: var(--gw-error-lighter);
|
|
3108
3117
|
--gw-dock-item-border-radius: var(--gw-content-border-radius);
|
|
3109
3118
|
--gw-dock-item-focus-ring-color: var(--gw-focus-ring-color);
|
|
3110
3119
|
--gw-megamenu-border-color: var(--gw-default-border-color);
|
|
@@ -3185,6 +3194,7 @@
|
|
|
3185
3194
|
--gw-tree-node-toggle-button-hover-background: var(--gw-hover-background);
|
|
3186
3195
|
--gw-tree-node-toggle-button-selected-hover-color: var(--gw-primary-base);
|
|
3187
3196
|
--gw-tree-node-toggle-button-focus-ring-color: var(--gw-focus-ring-color);
|
|
3197
|
+
--gw-virtualscroller-loader-mask-color: var(--gw-foreground-on-surface-subtile);
|
|
3188
3198
|
--gw-carousel-indicator-border-radius: var(--gw-content-border-radius);
|
|
3189
3199
|
--gw-carousel-indicator-focus-ring-color: var(--gw-focus-ring-color);
|
|
3190
3200
|
--gw-image-preview-mask-color: var(--gw-mask-color);
|
|
@@ -3259,6 +3269,9 @@
|
|
|
3259
3269
|
--gw-swagger-border-color: var(--gw-default-border-color);
|
|
3260
3270
|
--gw-swagger-post-background: var(--gw-success-200);
|
|
3261
3271
|
--gw-shortcuts-panel-key-color: var(--gw-secondary-base);
|
|
3272
|
+
--gw-classhierarchy-node-label-color: var(--gw-foreground-on-surface-default);
|
|
3273
|
+
--gw-classhierarchy-node-hover-border-color: var(--gw-foreground-on-surface-secondary);
|
|
3274
|
+
--gw-classhierarchy-node-selected-border-color: var(--gw-border-focus);
|
|
3262
3275
|
--gw-link-regular-color: var(--gw-secondary-light);
|
|
3263
3276
|
--gw-link-regular-hover-color: var(--gw-secondary-base);
|
|
3264
3277
|
--gw-link-regular-visited-color: var(--gw-secondary-base);
|
|
@@ -3285,27 +3298,31 @@
|
|
|
3285
3298
|
--gw-list-option-selected-focus-color: var(--gw-highlight-focus-color);
|
|
3286
3299
|
--gw-list-option-selected-color: var(--gw-text-color);
|
|
3287
3300
|
--gw-list-option-color: var(--gw-text-color);
|
|
3301
|
+
--gw-sidenav-menuitem-hover-color: var(--gw-foreground-on-surface-brand);
|
|
3288
3302
|
--gw-sidenav-togglebutton-background: var(--gw-sidenav-background);
|
|
3289
|
-
--gw-sidenav-togglebutton-hover-color: var(--gw-foreground-on-surface-muted);
|
|
3290
|
-
--gw-sidenav-togglebutton-color: var(--gw-foreground-on-surface-muted);
|
|
3291
3303
|
--gw-overlay-select-color: var(--gw-text-color);
|
|
3292
3304
|
--gw-overlay-popover-color: var(--gw-text-color);
|
|
3293
3305
|
--gw-overlay-modal-color: var(--gw-text-color);
|
|
3306
|
+
--gw-button-primary-background: var(--gw-foreground-on-surface-primary);
|
|
3294
3307
|
--gw-button-primary-hover-background: var(--gw-primary-hover-color);
|
|
3295
3308
|
--gw-button-primary-hover-border-color: var(--gw-primary-hover-color);
|
|
3296
3309
|
--gw-button-primary-active-background: var(--gw-primary-active-color);
|
|
3297
3310
|
--gw-button-primary-active-border-color: var(--gw-primary-active-color);
|
|
3298
3311
|
--gw-button-primary-border-color: var(--gw-border-color-primary);
|
|
3299
3312
|
--gw-button-primary-disabled-color: var(--gw-inputtext-disabled-color);
|
|
3313
|
+
--gw-button-secondary-border-color: var(--gw-foreground-on-surface-primary);
|
|
3314
|
+
--gw-button-secondary-color: var(--gw-foreground-on-surface-primary);
|
|
3315
|
+
--gw-button-secondary-icon-color: var(--gw-foreground-on-surface-primary);
|
|
3316
|
+
--gw-button-secondary-icon-second-color: var(--gw-foreground-on-surface-primary);
|
|
3300
3317
|
--gw-button-secondary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3301
3318
|
--gw-button-secondary-link-active-color: var(--gw-primary-contrast-color);
|
|
3302
3319
|
--gw-button-secondary-link-icon-color: var(--gw-primary-contrast-color);
|
|
3303
3320
|
--gw-button-secondary-link-color: var(--gw-primary-contrast-color);
|
|
3321
|
+
--gw-button-success-background: var(--gw-success-base);
|
|
3304
3322
|
--gw-button-success-hover-background: var(--gw-success-dark);
|
|
3305
3323
|
--gw-button-success-hover-border-color: var(--gw-success-dark);
|
|
3306
3324
|
--gw-button-success-focus-ring-color: var(--gw-success-base);
|
|
3307
3325
|
--gw-button-success-focus-color: var(--gw-success-light);
|
|
3308
|
-
--gw-button-success-icon-color: var(--gw-button-contrast-del-color);
|
|
3309
3326
|
--gw-button-success-disabled-background: var(--gw-success-lighter);
|
|
3310
3327
|
--gw-button-success-disabled-border-color: var(--gw-success-lighter);
|
|
3311
3328
|
--gw-button-success-active-background: var(--gw-success-dark);
|
|
@@ -3333,7 +3350,6 @@
|
|
|
3333
3350
|
--gw-button-tertiary-link-hover-color: var(--gw-primary-contrast-color);
|
|
3334
3351
|
--gw-button-tertiary-link-active-color: var(--gw-primary-contrast-color);
|
|
3335
3352
|
--gw-button-tertiary-link-color: var(--gw-primary-contrast-color);
|
|
3336
|
-
--gw-default-muted-color: var(--gw-foreground-on-surface-muted);
|
|
3337
3353
|
--gw-default-success-background: var(--gw-success-base);
|
|
3338
3354
|
--gw-default-success-color: var(--gw-success-dark);
|
|
3339
3355
|
--gw-default-success-light-background: var(--gw-success-lighter);
|
|
@@ -3414,6 +3430,8 @@
|
|
|
3414
3430
|
--gw-badge-primary-color: var(--gw-primary-contrast-color);
|
|
3415
3431
|
--gw-badge-success-background: var(--gw-success-base);
|
|
3416
3432
|
--gw-progressbar-label-color: var(--gw-primary-contrast-color);
|
|
3433
|
+
--gw-message-close-button-color: var(--gw-default-muted-color);
|
|
3434
|
+
--gw-message-info-close-button-color: var(--gw-default-muted-color);
|
|
3417
3435
|
--gw-message-success-background: var(--gw-success-lighter);
|
|
3418
3436
|
--gw-message-success-color: var(--gw-success-dark);
|
|
3419
3437
|
--gw-message-success-close-button-hover-background: var(--gw-success-lighter);
|
|
@@ -3423,13 +3441,16 @@
|
|
|
3423
3441
|
--gw-message-success-outlined-border-color: var(--gw-success-base);
|
|
3424
3442
|
--gw-message-success-simple-color: var(--gw-success-base);
|
|
3425
3443
|
--gw-message-warning-close-button-color: var(--gw-form-field-icon-color);
|
|
3444
|
+
--gw-message-error-close-button-color: var(--gw-default-muted-color);
|
|
3426
3445
|
--gw-message-help-background: var(--gw-help-lighter);
|
|
3427
3446
|
--gw-message-help-border-color: var(--gw-help-lighter);
|
|
3428
3447
|
--gw-message-help-color: var(--gw-help-dark);
|
|
3448
|
+
--gw-message-help-close-button-color: var(--gw-default-muted-color);
|
|
3429
3449
|
--gw-message-help-close-button-focus-ring-color: var(--gw-help-light);
|
|
3430
3450
|
--gw-message-help-outlined-color: var(--gw-help-dark);
|
|
3431
3451
|
--gw-message-help-outlined-border-color: var(--gw-help-base);
|
|
3432
3452
|
--gw-message-help-simple-color: var(--gw-help-dark);
|
|
3453
|
+
--gw-message-contrast-close-button-color: var(--gw-default-muted-color);
|
|
3433
3454
|
--gw-card-background: var(--gw-default-background);
|
|
3434
3455
|
--gw-tag-success-background: var(--gw-success-lighter);
|
|
3435
3456
|
--gw-tag-success-color: var(--gw-success-base);
|
|
@@ -3469,6 +3490,7 @@
|
|
|
3469
3490
|
--gw-editor-toolbar-background: var(--gw-default-background);
|
|
3470
3491
|
--gw-editor-toolbar-item-color: var(--gw-text-muted-color);
|
|
3471
3492
|
--gw-editor-toolbar-item-hover-color: var(--gw-text-color);
|
|
3493
|
+
--gw-editor-toolbar-numbers-color: var(--gw-default-muted-color);
|
|
3472
3494
|
--gw-editor-menu-background: var(--gw-default-background);
|
|
3473
3495
|
--gw-editor-overlay-border-color: var(--gw-overlay-select-border-color);
|
|
3474
3496
|
--gw-editor-overlay-option-focus-color: var(--gw-list-option-focus-color);
|
|
@@ -3507,20 +3529,13 @@
|
|
|
3507
3529
|
--gw-password-icon-color: var(--gw-form-field-icon-color);
|
|
3508
3530
|
--gw-password-overlay-border-color: var(--gw-overlay-popover-border-color);
|
|
3509
3531
|
--gw-password-strength-strong-background: var(--gw-success-light);
|
|
3510
|
-
--gw-slider-handle-content-hover-background: var(--gw-default-background);
|
|
3511
|
-
--gw-togglebutton-border-color: var(--gw-button-secondary-border-color);
|
|
3512
3532
|
--gw-togglebutton-disabled-background: var(--gw-form-field-disabled-background);
|
|
3513
3533
|
--gw-togglebutton-disabled-border-color: var(--gw-form-field-disabled-background);
|
|
3514
3534
|
--gw-togglebutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3515
|
-
--gw-togglebutton-icon-color: var(--gw-button-secondary-icon-color);
|
|
3516
|
-
--gw-togglebutton-icon-hover-color: var(--gw-button-secondary-icon-color);
|
|
3517
3535
|
--gw-togglebutton-icon-checked-color: var(--gw-button-primary-icon-color);
|
|
3518
|
-
--gw-togglebutton-content-checked-background: var(--gw-button-primary-background);
|
|
3519
|
-
--gw-togglebutton-checked-background: var(--gw-button-primary-background);
|
|
3520
3536
|
--gw-togglebutton-checked-color: var(--gw-button-primary-color);
|
|
3521
|
-
--gw-togglebutton-
|
|
3537
|
+
--gw-togglebutton-hover-background: var(--gw-button-secondary-hover-background);
|
|
3522
3538
|
--gw-togglebutton-hover-color: var(--gw-button-secondary-hover-color);
|
|
3523
|
-
--gw-togglebutton-color: var(--gw-button-secondary-color);
|
|
3524
3539
|
--gw-selectbutton-invalid-border-color: var(--gw-form-field-invalid-border-color);
|
|
3525
3540
|
--gw-treeselect-disabled-background: var(--gw-form-field-disabled-background);
|
|
3526
3541
|
--gw-treeselect-border-color: var(--gw-form-field-border-color);
|
|
@@ -3552,11 +3567,13 @@
|
|
|
3552
3567
|
--gw-accordion-content-background: var(--gw-default-background);
|
|
3553
3568
|
--gw-accordion-content-color: var(--gw-text-color);
|
|
3554
3569
|
--gw-divider-content-background: var(--gw-default-background);
|
|
3570
|
+
--gw-divider-content-color: var(--gw-default-muted-color);
|
|
3555
3571
|
--gw-fieldset-background: var(--gw-default-background);
|
|
3556
3572
|
--gw-fieldset-color: var(--gw-default-color);
|
|
3557
3573
|
--gw-fieldset-legend-background: var(--gw-default-background);
|
|
3558
3574
|
--gw-fieldset-legend-color: var(--gw-default-color);
|
|
3559
3575
|
--gw-fieldset-toggle-icon-color: var(--gw-text-muted-color);
|
|
3576
|
+
--gw-fieldset-toggle-icon-hover-color: var(--gw-default-muted-color);
|
|
3560
3577
|
--gw-splitter-background: var(--gw-default-background);
|
|
3561
3578
|
--gw-splitter-color: var(--gw-default-color);
|
|
3562
3579
|
--gw-tabs-tablist-background: var(--gw-default-background);
|
|
@@ -3584,7 +3601,6 @@
|
|
|
3584
3601
|
--gw-contextmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3585
3602
|
--gw-contextmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3586
3603
|
--gw-contextmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3587
|
-
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3588
3604
|
--gw-contextmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3589
3605
|
--gw-statusmenu-list-border-color: var(--gw-contextmenu-border-color);
|
|
3590
3606
|
--gw-megamenu-background: var(--gw-default-background);
|
|
@@ -3600,9 +3616,9 @@
|
|
|
3600
3616
|
--gw-megamenu-submenu-label-background: var(--gw-sidenav-menuitem-background);
|
|
3601
3617
|
--gw-megamenu-submenu-label-color: var(--gw-sidenav-menuitem-color);
|
|
3602
3618
|
--gw-megamenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3603
|
-
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3604
3619
|
--gw-megamenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3605
3620
|
--gw-megamenu-mobile-button-color: var(--gw-text-muted-color);
|
|
3621
|
+
--gw-megamenu-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3606
3622
|
--gw-menu-background: var(--gw-default-background);
|
|
3607
3623
|
--gw-menu-color: var(--gw-default-color);
|
|
3608
3624
|
--gw-menu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
@@ -3621,9 +3637,9 @@
|
|
|
3621
3637
|
--gw-menubar-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3622
3638
|
--gw-menubar-submenu-background: var(--gw-default-background);
|
|
3623
3639
|
--gw-menubar-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3624
|
-
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3625
3640
|
--gw-menubar-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3626
3641
|
--gw-menubar-mobile-button-color: var(--gw-text-muted-color);
|
|
3642
|
+
--gw-menubar-mobile-button-hover-color: var(--gw-default-muted-color);
|
|
3627
3643
|
--gw-panelmenu-panel-background: var(--gw-default-background);
|
|
3628
3644
|
--gw-panelmenu-panel-color: var(--gw-default-color);
|
|
3629
3645
|
--gw-panelmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
@@ -3631,7 +3647,6 @@
|
|
|
3631
3647
|
--gw-panelmenu-item-color: var(--gw-sidenav-menuitem-color);
|
|
3632
3648
|
--gw-panelmenu-item-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3633
3649
|
--gw-panelmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3634
|
-
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3635
3650
|
--gw-tieredmenu-background: var(--gw-default-background);
|
|
3636
3651
|
--gw-tieredmenu-color: var(--gw-default-color);
|
|
3637
3652
|
--gw-tieredmenu-item-focus-background: var(--gw-sidenav-menuitem-selected-background);
|
|
@@ -3643,7 +3658,6 @@
|
|
|
3643
3658
|
--gw-tieredmenu-item-icon-focus-color: var(--gw-sidenav-menuitem-hover-icon-color);
|
|
3644
3659
|
--gw-tieredmenu-item-icon-active-color: var(--gw-sidenav-menuitem-selected-icon-color);
|
|
3645
3660
|
--gw-tieredmenu-submenu-icon-color: var(--gw-sidenav-menuitem-icon-color);
|
|
3646
|
-
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3647
3661
|
--gw-tieredmenu-submenu-icon-active-color: var(--gw-sidenav-menuitem-selected-background);
|
|
3648
3662
|
--gw-organizationchart-node-background: var(--gw-default-background);
|
|
3649
3663
|
--gw-organizationchart-node-selected-color: var(--gw-highlight-color);
|
|
@@ -3653,6 +3667,7 @@
|
|
|
3653
3667
|
--gw-organizationchart-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3654
3668
|
--gw-paginator-background: var(--gw-default-background);
|
|
3655
3669
|
--gw-paginator-color: var(--gw-default-color);
|
|
3670
|
+
--gw-paginator-nav-button-hover-color: var(--gw-default-muted-color);
|
|
3656
3671
|
--gw-paginator-nav-button-selected-color: var(--gw-highlight-color);
|
|
3657
3672
|
--gw-paginator-nav-button-color: var(--gw-text-muted-color);
|
|
3658
3673
|
--gw-paginator-current-page-report-color: var(--gw-text-muted-color);
|
|
@@ -3676,6 +3691,7 @@
|
|
|
3676
3691
|
--gw-datatable-footer-background: var(--gw-default-background);
|
|
3677
3692
|
--gw-datatable-footer-color: var(--gw-default-color);
|
|
3678
3693
|
--gw-datatable-sort-icon-color: var(--gw-text-muted-color);
|
|
3694
|
+
--gw-datatable-sort-icon-hover-color: var(--gw-default-muted-color);
|
|
3679
3695
|
--gw-datatable-filter-overlay-select-border-color: var(--gw-overlay-select-border-color);
|
|
3680
3696
|
--gw-datatable-filter-overlay-popover-border-color: var(--gw-overlay-popover-border-color);
|
|
3681
3697
|
--gw-datatable-filter-constraint-focus-color: var(--gw-list-option-focus-color);
|
|
@@ -3688,11 +3704,12 @@
|
|
|
3688
3704
|
--gw-tree-node-selected-color: var(--gw-highlight-color);
|
|
3689
3705
|
--gw-tree-node-color: var(--gw-text-color);
|
|
3690
3706
|
--gw-tree-node-icon-color: var(--gw-text-muted-color);
|
|
3707
|
+
--gw-tree-node-icon-hover-color: var(--gw-default-muted-color);
|
|
3691
3708
|
--gw-tree-node-icon-selected-color: var(--gw-highlight-color);
|
|
3709
|
+
--gw-tree-node-toggle-button-hover-color: var(--gw-default-muted-color);
|
|
3692
3710
|
--gw-tree-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3693
3711
|
--gw-tree-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3694
3712
|
--gw-virtualscroller-loader-mask-background: var(--gw-default-background);
|
|
3695
|
-
--gw-virtualscroller-loader-mask-color: var(--gw-text-muted-color);
|
|
3696
3713
|
--gw-treetable-header-background: var(--gw-default-background);
|
|
3697
3714
|
--gw-treetable-header-border-color: var(--gw-treetable-border-color);
|
|
3698
3715
|
--gw-treetable-header-color: var(--gw-default-color);
|
|
@@ -3711,14 +3728,12 @@
|
|
|
3711
3728
|
--gw-treetable-footer-border-color: var(--gw-treetable-border-color);
|
|
3712
3729
|
--gw-treetable-footer-color: var(--gw-default-color);
|
|
3713
3730
|
--gw-treetable-sort-icon-color: var(--gw-text-muted-color);
|
|
3731
|
+
--gw-treetable-sort-icon-hover-color: var(--gw-default-muted-color);
|
|
3714
3732
|
--gw-treetable-node-toggle-button-hover-color: var(--gw-text-color);
|
|
3715
3733
|
--gw-treetable-node-toggle-button-selected-hover-background: var(--gw-default-background);
|
|
3716
3734
|
--gw-treetable-node-toggle-button-color: var(--gw-text-muted-color);
|
|
3717
3735
|
--gw-toast-success-background: var(--gw-success-base);
|
|
3718
3736
|
--gw-toast-success-border-color: var(--gw-success-base);
|
|
3719
|
-
--gw-toast-success-color: var(--gw-primary-contrast-color);
|
|
3720
|
-
--gw-toast-success-icon-color: var(--gw-primary-contrast-color);
|
|
3721
|
-
--gw-toast-success-detail-color: var(--gw-primary-contrast-color);
|
|
3722
3737
|
--gw-galleria-thumbnails-content-background: var(--gw-default-background);
|
|
3723
3738
|
--gw-popover-border-color: var(--gw-overlay-popover-border-color);
|
|
3724
3739
|
--gw-fileupload-background: var(--gw-default-background);
|
|
@@ -3734,18 +3749,21 @@
|
|
|
3734
3749
|
--gw-terminal-color: var(--gw-form-field-color);
|
|
3735
3750
|
--gw-overlaybadge-outline-color: var(--gw-default-background);
|
|
3736
3751
|
--gw-swagger-color: var(--gw-body-color);
|
|
3752
|
+
--gw-swagger-help-color: var(--gw-default-muted-color);
|
|
3753
|
+
--gw-swagger-heading-color: var(--gw-default-muted-color);
|
|
3737
3754
|
--gw-shortcuts-panel-color: var(--gw-default-color);
|
|
3755
|
+
--gw-shortcuts-panel-heading-color: var(--gw-default-muted-color);
|
|
3756
|
+
--gw-shortcuts-panel-close-button-color: var(--gw-default-muted-color);
|
|
3738
3757
|
--gw-progressspinner-color-three: var(--gw-success-light);
|
|
3739
3758
|
--gw-progressspinner-color-four: var(--gw-success-base);
|
|
3740
3759
|
--gw-sidenav-menuitem-selected-border-color: var(--gw-border-color-primary);
|
|
3741
3760
|
--gw-sidenav-submenuitem-selected-border-color: var(--gw-border-color-primary);
|
|
3742
3761
|
--gw-splitbutton-divider-color: var(--gw-button-primary-icon-second-color);
|
|
3743
|
-
--gw-button-tertiary-icon-second: var(--gw-default-muted-color);
|
|
3744
3762
|
--gw-inputtext-background: var(--gw-form-field-background);
|
|
3763
|
+
--gw-toggleswitch-offset-border-color: var(--gw-panel-background);
|
|
3745
3764
|
--gw-floatlabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
|
3746
3765
|
--gw-floatlabel-on-active-background: var(--gw-form-field-background);
|
|
3747
3766
|
--gw-radiobutton-background: var(--gw-form-field-background);
|
|
3748
|
-
--gw-checkbox-background: var(--gw-form-field-background);
|
|
3749
3767
|
--gw-autocomplete-background: var(--gw-form-field-background);
|
|
3750
3768
|
--gw-autocomplete-overlay-color: var(--gw-overlay-select-color);
|
|
3751
3769
|
--gw-autocomplete-option-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
@@ -3753,12 +3771,7 @@
|
|
|
3753
3771
|
--gw-autocomplete-option-selected-color: var(--gw-list-option-selected-color);
|
|
3754
3772
|
--gw-autocomplete-option-color: var(--gw-list-option-color);
|
|
3755
3773
|
--gw-autocomplete-option-group-color: var(--gw-list-option-group-color);
|
|
3756
|
-
--gw-message-close-button-color: var(--gw-default-muted-color);
|
|
3757
|
-
--gw-message-info-close-button-color: var(--gw-default-muted-color);
|
|
3758
3774
|
--gw-message-success-border-color: var(--gw-default-success-light-background);
|
|
3759
|
-
--gw-message-error-close-button-color: var(--gw-default-muted-color);
|
|
3760
|
-
--gw-message-help-close-button-color: var(--gw-default-muted-color);
|
|
3761
|
-
--gw-message-contrast-close-button-color: var(--gw-default-muted-color);
|
|
3762
3775
|
--gw-tag-primary-color: var(--gw-badge-primary-color);
|
|
3763
3776
|
--gw-drawer-color: var(--gw-overlay-modal-color);
|
|
3764
3777
|
--gw-cascadeselect-background: var(--gw-form-field-background);
|
|
@@ -3775,7 +3788,6 @@
|
|
|
3775
3788
|
--gw-select-option-color: var(--gw-list-option-color);
|
|
3776
3789
|
--gw-select-option-group-color: var(--gw-list-option-group-color);
|
|
3777
3790
|
--gw-select-checkmark-color: var(--gw-list-option-color);
|
|
3778
|
-
--gw-editor-toolbar-numbers-color: var(--gw-default-muted-color);
|
|
3779
3791
|
--gw-editor-overlay-color: var(--gw-overlay-select-color);
|
|
3780
3792
|
--gw-editor-overlay-option-color: var(--gw-list-option-color);
|
|
3781
3793
|
--gw-inputgroup-addon-background: var(--gw-form-field-background);
|
|
@@ -3795,34 +3807,37 @@
|
|
|
3795
3807
|
--gw-multiselect-option-color: var(--gw-list-option-color);
|
|
3796
3808
|
--gw-multiselect-option-group-color: var(--gw-list-option-group-color);
|
|
3797
3809
|
--gw-password-overlay-color: var(--gw-overlay-popover-color);
|
|
3810
|
+
--gw-slider-handle-content-hover-background: var(--gw-button-primary-hover-background);
|
|
3811
|
+
--gw-togglebutton-border-color: var(--gw-button-secondary-border-color);
|
|
3812
|
+
--gw-togglebutton-icon-color: var(--gw-button-secondary-icon-color);
|
|
3813
|
+
--gw-togglebutton-icon-hover-color: var(--gw-button-secondary-icon-color);
|
|
3814
|
+
--gw-togglebutton-content-checked-background: var(--gw-button-primary-background);
|
|
3815
|
+
--gw-togglebutton-checked-background: var(--gw-button-primary-background);
|
|
3816
|
+
--gw-togglebutton-checked-border-color: var(--gw-button-secondary-border-color);
|
|
3817
|
+
--gw-togglebutton-color: var(--gw-button-secondary-color);
|
|
3798
3818
|
--gw-treeselect-background: var(--gw-form-field-background);
|
|
3799
3819
|
--gw-treeselect-overlay-color: var(--gw-overlay-select-color);
|
|
3800
|
-
--gw-divider-content-color: var(--gw-default-muted-color);
|
|
3801
|
-
--gw-fieldset-toggle-icon-hover-color: var(--gw-default-muted-color);
|
|
3802
3820
|
--gw-confirmdialog-icon-color: var(--gw-overlay-modal-color);
|
|
3803
3821
|
--gw-confirmpopup-color: var(--gw-overlay-popover-color);
|
|
3804
3822
|
--gw-confirmpopup-icon-color: var(--gw-overlay-popover-color);
|
|
3805
3823
|
--gw-dialog-color: var(--gw-overlay-modal-color);
|
|
3824
|
+
--gw-contextmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3806
3825
|
--gw-statusmenu-list-background: var(--gw-contextmenu-background);
|
|
3807
|
-
--gw-megamenu-
|
|
3808
|
-
--gw-menubar-
|
|
3809
|
-
--gw-
|
|
3810
|
-
--gw-
|
|
3826
|
+
--gw-megamenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3827
|
+
--gw-menubar-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3828
|
+
--gw-panelmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3829
|
+
--gw-tieredmenu-submenu-icon-focus-color: var(--gw-sidenav-menuitem-hover-color);
|
|
3811
3830
|
--gw-datatable-filter-overlay-select-color: var(--gw-overlay-select-color);
|
|
3812
3831
|
--gw-datatable-filter-overlay-popover-color: var(--gw-overlay-popover-color);
|
|
3813
3832
|
--gw-datatable-filter-constraint-selected-focus-background: var(--gw-list-option-selected-focus-background);
|
|
3814
3833
|
--gw-datatable-filter-constraint-selected-focus-color: var(--gw-list-option-selected-focus-color);
|
|
3815
3834
|
--gw-datatable-filter-constraint-selected-color: var(--gw-list-option-selected-color);
|
|
3816
3835
|
--gw-datatable-filter-constraint-color: var(--gw-list-option-color);
|
|
3817
|
-
--gw-
|
|
3818
|
-
--gw-
|
|
3819
|
-
--gw-
|
|
3836
|
+
--gw-toast-success-color: var(--gw-success-text);
|
|
3837
|
+
--gw-toast-success-icon-color: var(--gw-success-text);
|
|
3838
|
+
--gw-toast-success-detail-color: var(--gw-success-text);
|
|
3820
3839
|
--gw-popover-color: var(--gw-overlay-popover-color);
|
|
3821
3840
|
--gw-terminal-background: var(--gw-form-field-background);
|
|
3822
3841
|
--gw-iftalabel-invalid-color: var(--gw-form-field-float-label-invalid-color);
|
|
3823
|
-
--gw-swagger-help-color: var(--gw-default-muted-color);
|
|
3824
|
-
--gw-swagger-heading-color: var(--gw-default-muted-color);
|
|
3825
|
-
--gw-shortcuts-panel-heading-color: var(--gw-default-muted-color);
|
|
3826
|
-
--gw-shortcuts-panel-close-button-color: var(--gw-default-muted-color);
|
|
3827
3842
|
--gw-avatar-group-stroke-color: var(--gw-avatar-group-border-color);
|
|
3828
3843
|
}
|