Generated: 10/15/2026, 1:56:09 PM
Comparison between: graphwise-styleguide@1.2.2 (local) and graphwise-styleguide@1.2.1 (npm)
Total: 881
| Theme | CSS Variable | Status | Old Value | New Value |
|---|---|---|---|---|
| variables-dark.css | --gw-color-steel-100 | Changed | #eaeff5 | #eef2f7 |
| variables-dark.css | --gw-color-steel-200 | Changed | #d2ddea | #d9e2ed |
| variables-dark.css | --gw-color-steel-800 | Changed | #203246 | #182634 |
| variables-dark.css | --gw-color-grey-600 | Changed | #4b5563 | #4f5a69 |
| variables-dark.css | --gw-color-grey-800 | Changed | #1a232e | #121921 |
| variables-dark.css | --gw-color-grey-900 | Changed | #0b0f19 | #05070b |
| variables-dark.css | --gw-base-line-height | Changed | 1.4 | 1.5 |
| variables-dark.css | --gw-xxs-line-height | Changed | 1 | 1rem |
| variables-dark.css | --gw-checkbox-height | Changed | 1.25rem | var(--gw-checkbox-size) |
| variables-dark.css | --gw-card-title-font-size | Changed | 1.25rem | var(--gw-h5-font-size) |
| variables-dark.css | --gw-card-title-font-weight | Changed | 500 | var(--gw-font-weight-500) |
| variables-dark.css | --gw-card-body-padding | Changed | 1.25rem | var(--gw-space-1-5) |
| variables-dark.css | --gw-card-body-gap | Changed | 0.5rem | var(--gw-space-1) |
| variables-dark.css | --gw-dialog-title-font-size | Changed | 1.25rem | var(--gw-base-font-size) |
| variables-dark.css | --gw-dialog-title-font-weight | Changed | 600 | var(--gw-font-weight-500) |
| variables-dark.css | --gw-message-content-padding | Changed | 0.75rem 0.75rem | 0.5rem 0.75rem |
| variables-dark.css | --gw-tag-gap | Changed | 0.25rem | var(--gw-space-0-125) |
| variables-dark.css | --gw-fieldset-padding | Changed | 1.125rem 1.125rem 1.125rem 1.125rem | var(--gw-space-1) |
| variables-dark.css | --gw-fieldset-legend-padding | Changed | 0.5rem 0.75rem | 0.25rem 0.5rem |
| variables-dark.css | --gw-stepper-step-padding | Changed | 0.5rem 1rem | 0.5rem |
| variables-dark.css | --gw-stepper-step-title-font-weight | Changed | 500 | var(--gw-font-weight-600) |
| variables-dark.css | --gw-overlay-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-overlay-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-overlay-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-overlay-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-overlay-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-overlay-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-datepicker-panel-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-datepicker-panel-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-datepicker-panel-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-datepicker-panel-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-datepicker-panel-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-datepicker-panel-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-colorpicker-panel-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-colorpicker-panel-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-colorpicker-panel-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-colorpicker-panel-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-colorpicker-panel-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-colorpicker-panel-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-password-overlay-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-password-overlay-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-password-overlay-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-password-overlay-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-password-overlay-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-password-overlay-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-confirmpopup-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-confirmpopup-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-confirmpopup-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-confirmpopup-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-confirmpopup-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-confirmpopup-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-tooltip-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-tooltip-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-tooltip-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-tooltip-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-tooltip-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-tooltip-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-datatable-filter-overlay-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-dark.css | --gw-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-dark.css | --gw-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-dark.css | --gw-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-dark.css | --gw-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-dark.css | --gw-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-dark.css | --gw-foreground-on-surface-heading | Changed | var(--gw-color-navy-blue-700) | var(--gw-color-navy-blue-50) |
| variables-dark.css | --gw-toggleswitch-gap | Changed | var(--gw-space-0-25) | var(--gw-space-0-125) |
| variables-dark.css | --gw-toggleswitch-focus-ring-offset | Changed | var(--gw-focus-ring-offset) | 1px |
| variables-dark.css | --gw-checkbox-focus-ring-width | Changed | var(--gw-focus-ring-width) | 3px |
| variables-dark.css | --gw-card-border-radius | Changed | var(--gw-border-radius-xl-circle) | var(--gw-default-border-radius) |
| variables-dark.css | --gw-card-caption-gap | Changed | var(--gw-space-1) | var(--gw-space-0-25) |
| variables-dark.css | --gw-message-text-line-height | Changed | var(--gw-auto-line-height) | var(--gw-base-line-height) |
| variables-dark.css | --gw-tag-font-weight | Changed | var(--gw-font-weight-500) | var(--gw-font-weight-400) |
| variables-dark.css | --gw-tieredmenu-item-padding | Changed | var(--gw-sidenav-menuitem-padding) | var(--gw-list-option-padding) |
| variables-dark.css | --gw-button-sm-label-typography-font-family | Changed | var(--gw-font-family-body) | var(--gw-button-label-font-family) |
| variables-dark.css | --gw-button-sm-label-typography-line-height | Changed | var(--gw-xxs-line-height) *var(--gw-button-label-font-size) | var(--gw-xxs-line-height) |
| variables-dark.css | --gw-body-base-light-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-body-base-regular-line-height | Changed | var(--gw-base-line-height)*var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-body-base-regular-underlined-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-body-base-medium-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-body-base-medium-underlined-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-body-base-bold-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-dark.css | --gw-border-color-default | Changed | var(--gw-neutral-200) | var(--gw-neutral-300) |
| variables-dark.css | --gw-primary-dark | Changed | var(--gw-primary-700) | var(--gw-primary-800) |
| variables-dark.css | --gw-background-subtle | Changed | var(--gw-neutral-200) | var(--gw-neutral-100) |
| variables-dark.css | --gw-foreground-on-surface-muted | Changed | var(--gw-secondary-600) | var(--gw-neutral-600) |
| variables-dark.css | --gw-button-secondary-active-background | Changed | var(--gw-neutral-0) | var(--gw-neutral-shadow-0) |
| variables-dark.css | --gw-button-secondary-disabled-background | Changed | var(--gw-neutral-0) | var(--gw-neutral-shadow-0) |
| variables-dark.css | --gw-button-info-hover-background | Changed | var(--gw-info-300) | var(--gw-info-200) |
| variables-dark.css | --gw-button-info-hover-border-color | Changed | var(--gw-info-300) | var(--gw-info-200) |
| variables-dark.css | --gw-contrast-background | Changed | var(--gw-neutral-900) | var(--gw-neutral-700) |
| variables-dark.css | --gw-toggleswitch-handle-border-radius | Changed | var(--gw-toggleswitch-handle-size)/2 | var(--gw-border-radius-xl-circle) |
| variables-dark.css | --gw-checkbox-width | Changed | var(--gw-icon-size) | var(--gw-checkbox-size) |
| variables-dark.css | --gw-checkbox-size | Changed | var(--gw-icon-size) | var(--gw-size-1-25) |
| variables-dark.css | --gw-dialog-content-padding | Changed | var(--gw-overlay-modal-padding) | 0 1rem 1rem 1rem |
| variables-dark.css | --gw-button-sm-label-typography-font-size | Changed | var(--gw-button-label-font-size) | var(--gw-sm-font-size) |
| variables-dark.css | --gw-border-color-primary | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-background-brand | Changed | var(--gw-primary-base) | var(--gw-primary-400) |
| variables-dark.css | --gw-foreground-on-surface-brand | Changed | var(--gw-primary-light) | var(--gw-primary-500) |
| variables-dark.css | --gw-foreground-on-surface-primary | Changed | var(--gw-primary-dark) | var(--gw-primary-light) |
| variables-dark.css | --gw-foreground-link-idle | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-foreground-link-hover | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-dark.css | --gw-foreground-link-visited | Changed | var(--gw-secondary-base) | var(--gw-primary-del-dark) |
| variables-dark.css | --gw-default-background | Changed | var(--gw-background-elevated) | var(--gw-background-page) |
| variables-dark.css | --gw-default-primary-backgound | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-default-primary-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-default-primary-light-background | Changed | var(--gw-primary-lighter) | var(--gw-primary-del-lighter) |
| variables-dark.css | --gw-form-field-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-form-field-invalid-border-color | Changed | var(--gw-error-light) | var(--gw-error-base) |
| variables-dark.css | --gw-sidenav-menuitem-icon-color | Changed | var(--gw-foreground-on-surface-default) | var(--gw-foreground-on-surface-heading) |
| variables-dark.css | --gw-sidenav-menuitem-open-color | Changed | var(--gw-foreground-on-surface-default) | var(--gw-foreground-on-surface-heading) |
| variables-dark.css | --gw-overlay-select-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-overlay-popover-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-button-primary-active-background | Changed | var(--gw-primary-base) | var(--gw-foreground-on-surface-primary) |
| variables-dark.css | --gw-button-primary-active-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-button-primary-focus-ring-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-button-secondary-hover-background | Changed | var(--gw-background-raised) | var(--gw-neutral-shadow-10) |
| variables-dark.css | --gw-button-success-border-color | Changed | var(--gw-success-700) | var(--gw-success-base) |
| variables-dark.css | --gw-button-tertiary-hover-background | Changed | var(--gw-background-raised) | var(--gw-neutral-shadow-10) |
| variables-dark.css | --gw-button-tertiary-hover-border-color | Changed | var(--gw-default-border-color) | var(--gw-neutral-shadow-0) |
| variables-dark.css | --gw-button-tertiary-hover-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-tertiary-active-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-button-tertiary-active-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-tertiary-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-tertiary-icon-color | Changed | var(--gw-foreground-on-surface-secondary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-tertiary-icon-second | Changed | var(--gw-foreground-on-surface-secondary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-tertiary-link-icon-color-second | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-button-tertiary-link-focus-ring-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-caption-color | Changed | var(--gw-neutral-light) | var(--gw-neutral-400) |
| variables-dark.css | --gw-highlight-focus-background | Changed | var(--gw-primary-lighter) | var(--gw-primary-del-lighter) |
| variables-dark.css | --gw-highlight-focus-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-highlight-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-toggleswitch-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-toggleswitch-handle-checked-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-toggleswitch-handle-disabled-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-background-disabled) |
| variables-dark.css | --gw-toggleswitch-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-neutral-light) |
| variables-dark.css | --gw-radiobutton-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-radiobutton-checked-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-radiobutton-checked-focus-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-radiobutton-checked-disabled-border-color | Changed | var(--gw-border-color-default) | var(--gw-border-color-disabled) |
| variables-dark.css | --gw-checkbox-border-color | Changed | var(--gw-foreground-on-surface-subtle) | var(--gw-border-color-default) |
| variables-dark.css | --gw-checkbox-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-checkbox-checked-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-checkbox-checked-focus-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-datepicker-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datepicker-group-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datepicker-date-selected-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-datepicker-buttonbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datepicker-time-picker-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-rating-icon-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-rating-icon-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-avatar-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-badge-primary-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-progressbar-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-progressbar-value-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-tag-primary-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-editor-toolbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-editor-toolbar-item-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-editor-menu-item-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-editor-menu-item-hover-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-dark.css | --gw-editor-menu-item-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-knob-value-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-knob-range-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-password-meter-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-slider-track-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-slider-range-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-slider-handle-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-slider-handle-hover-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-slider-handle-content-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-dataview-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-dataview-footer-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-dataview-paginator-top-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-dataview-paginator-bottom-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-accordion-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-divider-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-fieldset-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-splitter-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tabs-tablist-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tabs-tab-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tabs-tab-active-border-color | Changed | var(--gw-default-border-color) | var(--gw-border-color-default) |
| variables-dark.css | --gw-tabs-tab-hover-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tabs-tab-disabled-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tabs-active-bar-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-toolbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-contextmenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-contextmenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-megamenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-megamenu-overlay-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-megamenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-menu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-menu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-menubar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-menubar-submenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-menubar-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tieredmenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tieredmenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-organizationchart-node-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-organizationchart-node-toggle-button-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-organizationchart-connector-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datatable-row-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-datatable-drop-point-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-datatable-resize-indicator-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-datatable-filter-rule-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datatable-filter-constraint-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-datatable-border-color | Changed | var(--gw-default-border-color) | var(--gw-border-color-subtle) |
| variables-dark.css | --gw-timeline-event-marker-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-timeline-event-marker-content-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-timeline-event-connector-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-tree-node-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-treetable-resize-indicator-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-treetable-node-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-treetable-paginator-top-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-treetable-paginator-bottom-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-treetable-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-galleria-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-galleria-indicator-button-active-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-fileupload-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-fileupload-content-highlight-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-fileupload-file-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-stepper-separator-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-stepper-separator-active-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-stepper-step-title-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-stepper-step-number-active-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-stepper-step-number-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-stepper-step-number-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-metergroup-meters-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-swagger-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-dark.css | --gw-cluster-node-outofsync-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-foreground-on-surface-contrast) |
| variables-dark.css | --gw-cluster-link-outofsync-border-color | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-foreground-on-surface-contrast) |
| variables-dark.css | --gw-link-emphasized-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-dark.css | --gw-link-emphasized-hover-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-dark.css | --gw-link-emphasized-visited-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-dark.css | --gw-vizgraph-node-color1-1 | Changed | var(--gw-foreground-visual-1-3) | var(--gw-foreground-visual-sequential-1-3) |
| variables-dark.css | --gw-vizgraph-node-color1-2 | Changed | var(--gw-foreground-visual-1-4) | var(--gw-foreground-visual-sequential-1-4) |
| variables-dark.css | --gw-vizgraph-node-color2-1 | Changed | var(--gw-foreground-visual-1-4) | var(--gw-foreground-visual-sequential-1-4) |
| variables-dark.css | --gw-vizgraph-node-color3-1 | Changed | var(--gw-foreground-visual-2-2) | var(--gw-foreground-visual-sequential-2-2) |
| variables-dark.css | --gw-vizgraph-node-color3-2 | Changed | var(--gw-foreground-visual-2-3) | var(--gw-foreground-visual-sequential-2-3) |
| variables-dark.css | --gw-sidenav-menuitem-hover-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-dark.css | --gw-sidenav-menuitem-hover-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-dark.css | --gw-sidenav-menuitem-selected-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-dark.css | --gw-sidenav-menuitem-selected-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-dark.css | --gw-button-primary-background | Changed | var(--gw-foreground-on-surface-brand) | var(--gw-foreground-on-surface-primary) |
| variables-dark.css | --gw-button-secondary-hover-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-hover-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-active-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-active-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-disabled-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-primary-border) |
| variables-dark.css | --gw-button-secondary-disabled-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-dark.css | --gw-button-secondary-link-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-secondary-link-active-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-secondary-link-icon-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-secondary-link-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-success-hover-border-color | Changed | var(--gw-success-dark) | var(--gw-success-base) |
| variables-dark.css | --gw-button-tertiary-link-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-tertiary-link-active-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-button-tertiary-link-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-toggleswitch-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-toggleswitch-handle-checked-hover-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-toggleswitch-offset-border-color | Changed | var(--gw-panel-background) | var(--gw-background-page) |
| variables-dark.css | --gw-toggleswitch-disabled-background | Changed | var(--gw-form-field-disabled-background) | var(--gw-form-field-disabled-color) |
| variables-dark.css | --gw-radiobutton-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-radiobutton-checked-hover-border-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-radiobutton-icon-checked-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-radiobutton-icon-checked-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-checkbox-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-checkbox-checked-hover-border-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-dark.css | --gw-checkbox-checked-disabled-icon-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-checkbox-icon-checked-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-checkbox-icon-checked-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-datepicker-date-selected-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-badge-primary-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-dark.css | --gw-vizgraph-node-color2-2 | Changed | var(--gw-foreground-visual-3-3) | var(--gw-foreground-visual-sequential-3-3) |
| variables-dark.css | --gw-splitbutton-divider-color | Changed | var(--gw-button-primary-icon-second-color) | var(--gw-button-primary-icon-right-color) |
| variables-dark.css | --gw-togglebutton-border-color | Changed | var(--gw-button-secondary-border-color) | rgba(0, 0, 0, 0) |
| variables-dark.css | --gw-togglebutton-checked-border-color | Changed | var(--gw-button-secondary-border-color) | rgba(0, 0, 0, 0) |
| variables-dark.css | --gw-stepper-step-list-border-width | Removed | 1px | |
| variables-dark.css | --gw-stepper-step-list-border-style | Removed | solid | |
| variables-dark.css | --gw-dialog-header-padding-y | Removed | var(--gw-space-0-5) | |
| variables-dark.css | --gw-foreground-visual-1-1 | Removed | var(--gw-primary-500) | |
| variables-dark.css | --gw-foreground-visual-1-2 | Removed | var(--gw-primary-300) | |
| variables-dark.css | --gw-foreground-visual-1-3 | Removed | var(--gw-primary-200) | |
| variables-dark.css | --gw-foreground-visual-1-4 | Removed | var(--gw-primary-100) | |
| variables-dark.css | --gw-foreground-visual-2-1 | Removed | var(--gw-accent-500) | |
| variables-dark.css | --gw-foreground-visual-2-2 | Removed | var(--gw-accent-300) | |
| variables-dark.css | --gw-foreground-visual-2-3 | Removed | var(--gw-accent-200) | |
| variables-dark.css | --gw-foreground-visual-2-4 | Removed | var(--gw-accent-100) | |
| variables-dark.css | --gw-foreground-visual-neutral-1 | Removed | var(--gw-neutral-500) | |
| variables-dark.css | --gw-foreground-visual-neutral-2 | Removed | var(--gw-neutral-400) | |
| variables-dark.css | --gw-foreground-visual-neutral-3 | Removed | var(--gw-neutral-300) | |
| variables-dark.css | --gw-foreground-visual-neutral-4 | Removed | var(--gw-neutral-100) | |
| variables-dark.css | --gw-foreground-visual-4-1 | Removed | var(--gw-secondary-blue-500) | |
| variables-dark.css | --gw-foreground-visual-4-2 | Removed | var(--gw-secondary-blue-300) | |
| variables-dark.css | --gw-foreground-visual-4-3 | Removed | var(--gw-secondary-blue-200) | |
| variables-dark.css | --gw-foreground-visual-4-4 | Removed | var(--gw-secondary-blue-100) | |
| variables-dark.css | old: --gw-default-border-color new: --gw-selectbutton-border-color |
Renamed | var(--gw-neutral-200) | var(--gw-button-secondary-border-color) |
| variables-dark.css | --gw-dialog-header-padding-x | Removed | var(--gw-overlay-modal-padding) | |
| variables-dark.css | old: --gw-message-warning-background new: --gw-message-warn-background |
Renamed | var(--gw-warning-300) | var(--gw-warning-lighter) |
| variables-dark.css | old: --gw-message-warning-border-color new: --gw-message-warn-border-color |
Renamed | var(--gw-warning-400) | var(--gw-warning-300) |
| variables-dark.css | old: --gw-primary-text new: --gw-primary-border |
Renamed | var(--gw-primary-base) | var(--gw-primary-darker) |
| variables-dark.css | old: --gw-primary-contrast-color new: --gw-button-contrast-color |
Renamed | var(--gw-contrast-text) | var(--gw-contrast-text) |
| variables-dark.css | --gw-primary-hover-color | Removed | var(--gw-primary-dark) | |
| variables-dark.css | --gw-primary-active-color | Removed | var(--gw-primary-base) | |
| variables-dark.css | --gw-foreground-visual-3-1 | Removed | var(--gw-success-500) | |
| variables-dark.css | --gw-foreground-visual-3-2 | Removed | var(--gw-success-400) | |
| variables-dark.css | --gw-foreground-visual-3-3 | Removed | var(--gw-success-200) | |
| variables-dark.css | --gw-foreground-visual-3-4 | Removed | var(--gw-success-100) | |
| variables-dark.css | old: --gw-default-contrast-background new: --gw-button-contrast-background |
Renamed | var(--gw-contrast-background) | var(--gw-contrast-background) |
| variables-dark.css | --gw-button-primary-icon-second-color | Removed | var(--gw-foreground-on-brand) | |
| variables-dark.css | old: --gw-message-warning-close-button-hover-background new: --gw-message-warn-close-button-hover-background |
Renamed | var(--gw-contrast-text) | var(--gw-background-raised) |
| variables-dark.css | old: --gw-message-warning-color new: --gw-message-warn-color |
Renamed | var(--gw-warning-dark) | var(--gw-warning-dark) |
| variables-dark.css | old: --gw-message-warning-outlined-color new: --gw-message-warn-outlined-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-dark.css | old: --gw-message-warning-outlined-border-color new: --gw-message-warn-outlined-border-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-dark.css | old: --gw-message-warning-simple-color new: --gw-message-warn-simple-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-dark.css | old: --gw-shortcuts-secondary-button-background new: --gw-shortcuts-editor-button-background |
Renamed | var(--gw-background-page) | var(--gw-background-page) |
| variables-dark.css | --gw-stepper-step-list-border-color | Removed | var(--gw-border-color-default) | |
| variables-dark.css | --gw-button-primary-link-color | Removed | var(--gw-foreground-link-idle) | |
| variables-dark.css | --gw-button-primary-link-hover-color | Removed | var(--gw-foreground-link-hover) | |
| variables-dark.css | --gw-button-primary-link-active-color | Removed | var(--gw-foreground-link-visited) | |
| variables-dark.css | --gw-button-secondary-icon-second-color | Removed | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | old: --gw-message-warning-close-button-color new: --gw-message-warn-close-button-color |
Renamed | var(--gw-close-button-color) | var(--gw-close-button-color) |
| variables-dark.css | old: --gw-message-warning-close-button-focus-ring-color new: --gw-message-warn-close-button-focus-ring-color |
Renamed | var(--gw-focus-ring-color) | var(--gw-focus-ring-color) |
| variables-dark.css | --gw-foreground-visual-categorical-10 | Added | #645ace | |
| variables-dark.css | --gw-foreground-visual-categorical-11 | Added | #eb7b19 | |
| variables-dark.css | --gw-foreground-visual-categorical-12 | Added | #9d3cbe | |
| variables-dark.css | --gw-foreground-visual-categorical-13 | Added | #699933 | |
| variables-dark.css | --gw-foreground-visual-categorical-14 | Added | #af861d | |
| variables-dark.css | --gw-foreground-visual-categorical-15 | Added | #1f3d7a | |
| variables-dark.css | --gw-foreground-visual-categorical-16 | Added | #b53042 | |
| variables-dark.css | --gw-foreground-visual-categorical-17 | Added | #2caf84 | |
| variables-dark.css | --gw-foreground-visual-categorical-18 | Added | #2787be | |
| variables-dark.css | --gw-foreground-visual-categorical-19 | Added | #978e26 | |
| variables-dark.css | --gw-foreground-visual-categorical-20 | Added | #606d85 | |
| variables-dark.css | --gw-foreground-visual-categorical-01 | Added | #021de3 | |
| variables-dark.css | --gw-foreground-visual-categorical-02 | Added | #9a184e | |
| variables-dark.css | --gw-foreground-visual-categorical-03 | Added | #2d867e | |
| variables-dark.css | --gw-foreground-visual-categorical-04 | Added | #8147d1 | |
| variables-dark.css | --gw-foreground-visual-categorical-05 | Added | #176dcf | |
| variables-dark.css | --gw-foreground-visual-categorical-06 | Added | #d16a47 | |
| variables-dark.css | --gw-foreground-visual-categorical-07 | Added | #3f5c83 | |
| variables-dark.css | --gw-foreground-visual-categorical-08 | Added | #9f3c86 | |
| variables-dark.css | --gw-foreground-visual-categorical-09 | Added | #20a2b6 | |
| variables-dark.css | --gw-button-lg-padding-x | Added | 0.75rem | |
| variables-dark.css | --gw-button-sm-label-line-height | Added | var(--gw-xxs-line-height) | |
| variables-dark.css | --gw-button-lg-padding-y | Added | var(--gw-space-0-5) | |
| variables-dark.css | --gw-button-context-del-link-border-color | Added | var(--gw-neutral-shadow-0) | |
| variables-dark.css | --gw-message-text-font-family | Added | var(--gw-font-family-body) | |
| variables-dark.css | --gw-tag-min-width | Added | var(--gw-size-1-25) | |
| variables-dark.css | --gw-border-color-strong | Added | var(--gw-neutral-400) | |
| variables-dark.css | --gw-foreground-on-surface-button-border | Added | var(--gw-neutral-300) | |
| variables-dark.css | --gw-foreground-on-surface-contrast | Added | var(--gw-neutral-0) | |
| variables-dark.css | --gw-foreground-visual-sequential-1-1 | Added | var(--gw-primary-500) | |
| variables-dark.css | --gw-foreground-visual-sequential-1-2 | Added | var(--gw-primary-300) | |
| variables-dark.css | --gw-foreground-visual-sequential-1-3 | Added | var(--gw-primary-200) | |
| variables-dark.css | --gw-foreground-visual-sequential-1-4 | Added | var(--gw-primary-100) | |
| variables-dark.css | --gw-foreground-visual-sequential-2-1 | Added | var(--gw-accent-500) | |
| variables-dark.css | --gw-foreground-visual-sequential-2-2 | Added | var(--gw-accent-300) | |
| variables-dark.css | --gw-foreground-visual-sequential-2-3 | Added | var(--gw-accent-200) | |
| variables-dark.css | --gw-foreground-visual-sequential-2-4 | Added | var(--gw-accent-100) | |
| variables-dark.css | --gw-foreground-visual-sequential-neutral-1 | Added | var(--gw-neutral-500) | |
| variables-dark.css | --gw-foreground-visual-sequential-neutral-2 | Added | var(--gw-neutral-400) | |
| variables-dark.css | --gw-foreground-visual-sequential-neutral-3 | Added | var(--gw-neutral-300) | |
| variables-dark.css | --gw-foreground-visual-sequential-neutral-4 | Added | var(--gw-neutral-100) | |
| variables-dark.css | --gw-foreground-visual-sequential-4-1 | Added | var(--gw-secondary-blue-500) | |
| variables-dark.css | --gw-foreground-visual-sequential-4-2 | Added | var(--gw-secondary-blue-300) | |
| variables-dark.css | --gw-foreground-visual-sequential-4-3 | Added | var(--gw-secondary-blue-200) | |
| variables-dark.css | --gw-foreground-visual-sequential-4-4 | Added | var(--gw-secondary-blue-100) | |
| variables-dark.css | --gw-del-default-border-color | Added | var(--gw-neutral-100) | |
| variables-dark.css | --gw-button-contrast-hover-background | Added | var(--gw-neutral-700) | |
| variables-dark.css | --gw-button-contrast-hover-border-color | Added | var(--gw-neutral-700) | |
| variables-dark.css | --gw-button-contrast-active-background | Added | var(--gw-neutral-700) | |
| variables-dark.css | --gw-button-context-del-active-background | Added | var(--gw-neutral-0) | |
| variables-dark.css | --gw-button-context-del-disabled-background | Added | var(--gw-neutral-0) | |
| variables-dark.css | --gw-button-context-del-link-disabled-background | Added | var(--gw-neutral-0) | |
| variables-dark.css | --gw-button-context-del-link-disabled-border-color | Added | var(--gw-primary-200) | |
| variables-dark.css | --gw-button-context-del-link-disabled-color | Added | var(--gw-primary-200) | |
| variables-dark.css | --gw-primary-del-base | Added | var(--gw-primary-600) | |
| variables-dark.css | --gw-primary-del-lightest | Added | var(--gw-primary-50) | |
| variables-dark.css | --gw-primary-del-lighter | Added | var(--gw-primary-100) | |
| variables-dark.css | --gw-primary-del-light | Added | var(--gw-primary-500) | |
| variables-dark.css | --gw-primary-del-dark | Added | var(--gw-primary-700) | |
| variables-dark.css | --gw-primary-del-darker | Added | var(--gw-primary-900) | |
| variables-dark.css | --gw-dialog-header-padding | Added | var(--gw-overlay-modal-padding) | |
| variables-dark.css | --gw-border-color-selected | Added | var(--gw-foreground-on-surface-brand) | |
| variables-dark.css | --gw-foreground-on-surface-button-text | Added | var(--gw-primary-darker) | |
| variables-dark.css | --gw-foreground-visual-sequential-3-1 | Added | var(--gw-success-500) | |
| variables-dark.css | --gw-foreground-visual-sequential-3-2 | Added | var(--gw-success-400) | |
| variables-dark.css | --gw-foreground-visual-sequential-3-3 | Added | var(--gw-success-200) | |
| variables-dark.css | --gw-foreground-visual-sequential-3-4 | Added | var(--gw-success-100) | |
| variables-dark.css | --gw-form-field-helper-color | Added | var(--gw-foreground-on-surface-subtle) | |
| variables-dark.css | --gw-default-contrast-del-background | Added | var(--gw-contrast-background) | |
| variables-dark.css | --gw-button-primary-icon-right-color | Added | var(--gw-foreground-on-brand) | |
| variables-dark.css | --gw-button-contrast-hover-color | Added | var(--gw-contrast-text) | |
| variables-dark.css | --gw-button-contrast-active-border-color | Added | var(--gw-contrast-background) | |
| variables-dark.css | --gw-button-contrast-active-color | Added | var(--gw-contrast-text) | |
| variables-dark.css | --gw-button-contrast-border-color | Added | var(--gw-contrast-background) | |
| variables-dark.css | --gw-button-contrast-icon-second-color | Added | var(--gw-contrast-text) | |
| variables-dark.css | --gw-button-contrast-icon-color | Added | var(--gw-contrast-text) | |
| variables-dark.css | --gw-button-context-del-background | Added | var(--gw-background-surface) | |
| variables-dark.css | --gw-button-context-del-hover-background | Added | var(--gw-background-raised) | |
| variables-dark.css | --gw-button-context-del-link-background | Added | var(--gw-secondary-light) | |
| variables-dark.css | --gw-button-context-del-link-hover-background | Added | var(--gw-secondary-base) | |
| variables-dark.css | --gw-button-context-del-link-hover-border-color | Added | var(--gw-secondary-base) | |
| variables-dark.css | --gw-button-context-del-link-active-background | Added | var(--gw-secondary-light) | |
| variables-dark.css | --gw-button-context-del-link-active-border-color | Added | var(--gw-secondary-light) | |
| variables-dark.css | --gw-button-context-del-link-icon-second-color | Added | var(--gw-muted-color) | |
| variables-dark.css | --gw-primary-del-text | Added | var(--gw-primary-del-base) | |
| variables-dark.css | --gw-primary-del-contrast-color | Added | var(--gw-contrast-text) | |
| variables-dark.css | --gw-primary-del-hover-color | Added | var(--gw-primary-del-dark) | |
| variables-dark.css | --gw-primary-del-active-color | Added | var(--gw-primary-del-base) | |
| variables-dark.css | --gw-stepper-step-list-border | Added | var(--gw-border-color-default) | |
| variables-dark.css | --gw-reload-icon-color | Added | var(--gw-foreground-on-surface-secondary) | |
| variables-dark.css | --gw-button-link-color | Added | var(--gw-foreground-link-idle) | |
| variables-dark.css | --gw-button-link-hover-color | Added | var(--gw-foreground-link-hover) | |
| variables-dark.css | --gw-button-link-active-color | Added | var(--gw-foreground-link-visited) | |
| variables-dark.css | --gw-button-secondary-icon-right-color | Added | var(--gw-foreground-on-surface-button-text) | |
| variables-dark.css | --gw-button-context-del-hover-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-hover-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-active-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-active-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-icon-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-icon-second-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-disabled-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-disabled-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-dark.css | --gw-button-context-del-link-hover-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-dark.css | --gw-button-context-del-link-active-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-dark.css | --gw-button-context-del-link-icon-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-dark.css | --gw-button-context-del-link-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-dark.css | --gw-inputtext-helper-color | Added | var(--gw-form-field-helper-color) | |
| variables-dark.css | --gw-select-helper-color | Added | var(--gw-form-field-helper-color) | |
| variables-dark.css | --gw-button-contrast-focus-ring-color | Added | var(--gw-focus-ring-color) | |
| variables-dark.css | --gw-button-context-del-focus-ring-color | Added | var(--gw-focus-ring-color) | |
| variables-dark.css | --gw-button-context-del-link-focus-ring-color | Added | var(--gw-focus-ring-color) | |
| variables-light.css | --gw-color-steel-100 | Changed | #eaeff5 | #eef2f7 |
| variables-light.css | --gw-color-steel-200 | Changed | #d2ddea | #d9e2ed |
| variables-light.css | --gw-color-steel-800 | Changed | #203246 | #182634 |
| variables-light.css | --gw-color-grey-600 | Changed | #4b5563 | #4f5a69 |
| variables-light.css | --gw-color-grey-800 | Changed | #1a232e | #121921 |
| variables-light.css | --gw-color-grey-900 | Changed | #0b0f19 | #05070b |
| variables-light.css | --gw-base-line-height | Changed | 1.4 | 1.5 |
| variables-light.css | --gw-xxs-line-height | Changed | 1 | 1rem |
| variables-light.css | --gw-checkbox-height | Changed | 1.25rem | var(--gw-checkbox-size) |
| variables-light.css | --gw-card-title-font-size | Changed | 1.25rem | var(--gw-h5-font-size) |
| variables-light.css | --gw-card-title-font-weight | Changed | 500 | var(--gw-font-weight-500) |
| variables-light.css | --gw-card-body-padding | Changed | 1.25rem | var(--gw-space-1-5) |
| variables-light.css | --gw-card-body-gap | Changed | 0.5rem | var(--gw-space-1) |
| variables-light.css | --gw-dialog-title-font-size | Changed | 1.25rem | var(--gw-base-font-size) |
| variables-light.css | --gw-dialog-title-font-weight | Changed | 600 | var(--gw-font-weight-500) |
| variables-light.css | --gw-message-content-padding | Changed | 0.75rem 0.75rem | 0.5rem 0.75rem |
| variables-light.css | --gw-tag-gap | Changed | 0.25rem | var(--gw-space-0-125) |
| variables-light.css | --gw-fieldset-padding | Changed | 1.125rem 1.125rem 1.125rem 1.125rem | var(--gw-space-1) |
| variables-light.css | --gw-fieldset-legend-padding | Changed | 0.5rem 0.75rem | 0.25rem 0.5rem |
| variables-light.css | --gw-stepper-step-padding | Changed | 0.5rem 1rem | 0.5rem |
| variables-light.css | --gw-stepper-step-title-font-weight | Changed | 500 | var(--gw-font-weight-600) |
| variables-light.css | --gw-overlay-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-overlay-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-overlay-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-overlay-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-overlay-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-overlay-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-datepicker-panel-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-datepicker-panel-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-datepicker-panel-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-datepicker-panel-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-datepicker-panel-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-datepicker-panel-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-colorpicker-panel-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-colorpicker-panel-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-colorpicker-panel-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-colorpicker-panel-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-colorpicker-panel-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-colorpicker-panel-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-password-overlay-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-password-overlay-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-password-overlay-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-password-overlay-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-password-overlay-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-password-overlay-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-confirmpopup-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-confirmpopup-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-confirmpopup-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-confirmpopup-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-confirmpopup-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-confirmpopup-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-tooltip-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-tooltip-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-tooltip-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-tooltip-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-tooltip-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-tooltip-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-datatable-filter-overlay-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-popover-shadow-1-blur | Changed | 6px | 25px |
| variables-light.css | --gw-popover-shadow-1-spread | Changed | -1px | -5px |
| variables-light.css | --gw-popover-shadow-1-offset-y | Changed | 4px | 20px |
| variables-light.css | --gw-popover-shadow-2-blur | Changed | 4px | 10px |
| variables-light.css | --gw-popover-shadow-2-spread | Changed | -2px | -6px |
| variables-light.css | --gw-popover-shadow-2-offset-y | Changed | 2px | 8px |
| variables-light.css | --gw-toggleswitch-gap | Changed | var(--gw-space-0-25) | var(--gw-space-0-125) |
| variables-light.css | --gw-toggleswitch-focus-ring-offset | Changed | var(--gw-focus-ring-offset) | 1px |
| variables-light.css | --gw-checkbox-focus-ring-width | Changed | var(--gw-focus-ring-width) | 3px |
| variables-light.css | --gw-card-border-radius | Changed | var(--gw-border-radius-xl-circle) | var(--gw-default-border-radius) |
| variables-light.css | --gw-card-caption-gap | Changed | var(--gw-space-1) | var(--gw-space-0-25) |
| variables-light.css | --gw-message-text-line-height | Changed | var(--gw-auto-line-height) | var(--gw-base-line-height) |
| variables-light.css | --gw-tag-font-weight | Changed | var(--gw-font-weight-500) | var(--gw-font-weight-400) |
| variables-light.css | --gw-tieredmenu-item-padding | Changed | var(--gw-sidenav-menuitem-padding) | var(--gw-list-option-padding) |
| variables-light.css | --gw-button-sm-label-typography-font-family | Changed | var(--gw-font-family-body) | var(--gw-button-label-font-family) |
| variables-light.css | --gw-button-sm-label-typography-line-height | Changed | var(--gw-xxs-line-height) *var(--gw-button-label-font-size) | var(--gw-xxs-line-height) |
| variables-light.css | --gw-body-base-light-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-body-base-regular-line-height | Changed | var(--gw-base-line-height)*var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-body-base-regular-underlined-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-body-base-medium-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-body-base-medium-underlined-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-body-base-bold-line-height | Changed | var(--gw-base-line-height) * var(--gw-base-font-size) | var(--gw-base-line-height) |
| variables-light.css | --gw-border-color-default | Changed | var(--gw-neutral-200) | var(--gw-neutral-300) |
| variables-light.css | --gw-background-subtle | Changed | var(--gw-neutral-200) | var(--gw-neutral-100) |
| variables-light.css | --gw-foreground-on-surface-muted | Changed | var(--gw-secondary-700) | var(--gw-neutral-600) |
| variables-light.css | --gw-foreground-on-surface-disabled | Changed | var(--gw-neutral-300) | var(--gw-neutral-400) |
| variables-light.css | --gw-button-secondary-active-background | Changed | var(--gw-neutral-0) | var(--gw-neutral-shadow-0) |
| variables-light.css | --gw-button-secondary-disabled-background | Changed | var(--gw-neutral-0) | var(--gw-neutral-shadow-0) |
| variables-light.css | --gw-button-info-hover-background | Changed | var(--gw-info-300) | var(--gw-info-200) |
| variables-light.css | --gw-button-info-hover-border-color | Changed | var(--gw-info-300) | var(--gw-info-200) |
| variables-light.css | --gw-contrast-background | Changed | var(--gw-neutral-900) | var(--gw-neutral-700) |
| variables-light.css | --gw-toggleswitch-handle-border-radius | Changed | var(--gw-toggleswitch-handle-size)/2 | var(--gw-border-radius-xl-circle) |
| variables-light.css | --gw-checkbox-width | Changed | var(--gw-icon-size) | var(--gw-checkbox-size) |
| variables-light.css | --gw-checkbox-size | Changed | var(--gw-icon-size) | var(--gw-size-1-25) |
| variables-light.css | --gw-dialog-content-padding | Changed | var(--gw-overlay-modal-padding) | 0 1rem 1rem 1rem |
| variables-light.css | --gw-button-sm-label-typography-font-size | Changed | var(--gw-button-label-font-size) | var(--gw-sm-font-size) |
| variables-light.css | --gw-border-color-primary | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-background-brand | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-foreground-on-surface-brand | Changed | var(--gw-primary-base) | var(--gw-primary-500) |
| variables-light.css | --gw-foreground-on-surface-primary | Changed | var(--gw-primary-dark) | var(--gw-primary-base) |
| variables-light.css | --gw-foreground-link-idle | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-foreground-link-hover | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-foreground-link-visited | Changed | var(--gw-secondary-base) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-default-background | Changed | var(--gw-background-elevated) | var(--gw-background-page) |
| variables-light.css | --gw-default-primary-backgound | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-default-primary-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-default-primary-light-background | Changed | var(--gw-primary-lighter) | var(--gw-primary-del-lighter) |
| variables-light.css | --gw-form-field-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-form-field-invalid-border-color | Changed | var(--gw-error-light) | var(--gw-error-base) |
| variables-light.css | --gw-sidenav-menuitem-icon-color | Changed | var(--gw-foreground-on-surface-default) | var(--gw-foreground-on-surface-heading) |
| variables-light.css | --gw-sidenav-menuitem-open-color | Changed | var(--gw-foreground-on-surface-default) | var(--gw-foreground-on-surface-heading) |
| variables-light.css | --gw-overlay-select-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-overlay-popover-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-button-primary-active-background | Changed | var(--gw-primary-base) | var(--gw-foreground-on-surface-primary) |
| variables-light.css | --gw-button-primary-active-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-button-primary-focus-ring-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-button-secondary-hover-background | Changed | var(--gw-background-raised) | var(--gw-neutral-shadow-10) |
| variables-light.css | --gw-button-success-border-color | Changed | var(--gw-success-700) | var(--gw-success-base) |
| variables-light.css | --gw-button-tertiary-hover-background | Changed | var(--gw-background-raised) | var(--gw-neutral-shadow-10) |
| variables-light.css | --gw-button-tertiary-hover-border-color | Changed | var(--gw-default-border-color) | var(--gw-neutral-shadow-0) |
| variables-light.css | --gw-button-tertiary-hover-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-tertiary-active-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-button-tertiary-active-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-tertiary-color | Changed | var(--gw-foreground-on-surface-muted) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-tertiary-icon-color | Changed | var(--gw-foreground-on-surface-secondary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-tertiary-icon-second | Changed | var(--gw-foreground-on-surface-secondary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-tertiary-link-icon-color-second | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-button-tertiary-link-focus-ring-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-caption-color | Changed | var(--gw-neutral-light) | var(--gw-neutral-400) |
| variables-light.css | --gw-highlight-focus-background | Changed | var(--gw-primary-lighter) | var(--gw-primary-del-lighter) |
| variables-light.css | --gw-highlight-focus-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-highlight-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-toggleswitch-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-toggleswitch-handle-checked-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-toggleswitch-handle-disabled-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-background-disabled) |
| variables-light.css | --gw-toggleswitch-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-neutral-light) |
| variables-light.css | --gw-radiobutton-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-radiobutton-checked-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-radiobutton-checked-focus-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-radiobutton-checked-disabled-border-color | Changed | var(--gw-border-color-default) | var(--gw-border-color-disabled) |
| variables-light.css | --gw-checkbox-border-color | Changed | var(--gw-foreground-on-surface-subtle) | var(--gw-border-color-default) |
| variables-light.css | --gw-checkbox-checked-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-checkbox-checked-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-checkbox-checked-focus-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-datepicker-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datepicker-group-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datepicker-date-selected-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-datepicker-buttonbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datepicker-time-picker-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-rating-icon-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-rating-icon-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-avatar-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-badge-primary-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-progressbar-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-progressbar-value-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-tag-primary-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-editor-toolbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-editor-toolbar-item-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-editor-menu-item-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-editor-menu-item-hover-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-editor-menu-item-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-knob-value-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-knob-range-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-password-meter-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-slider-track-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-slider-range-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-slider-handle-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-slider-handle-hover-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-slider-handle-content-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-dataview-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-dataview-footer-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-dataview-paginator-top-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-dataview-paginator-bottom-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-accordion-header-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-divider-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-fieldset-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-splitter-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tabs-tablist-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tabs-tab-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tabs-tab-active-border-color | Changed | var(--gw-default-border-color) | var(--gw-border-color-default) |
| variables-light.css | --gw-tabs-tab-hover-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tabs-tab-disabled-border-bottom-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tabs-active-bar-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-toolbar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-contextmenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-contextmenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-megamenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-megamenu-overlay-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-megamenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-menu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-menu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-menubar-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-menubar-submenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-menubar-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tieredmenu-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tieredmenu-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-organizationchart-node-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-organizationchart-node-toggle-button-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-organizationchart-connector-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datatable-row-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-datatable-drop-point-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-datatable-resize-indicator-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-datatable-filter-rule-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datatable-filter-constraint-separator-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-datatable-border-color | Changed | var(--gw-default-border-color) | var(--gw-border-color-subtle) |
| variables-light.css | --gw-timeline-event-marker-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-timeline-event-marker-content-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-timeline-event-connector-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-tree-node-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-treetable-resize-indicator-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-treetable-node-toggle-button-selected-hover-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-treetable-paginator-top-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-treetable-paginator-bottom-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-treetable-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-galleria-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-galleria-indicator-button-active-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-fileupload-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-fileupload-content-highlight-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-fileupload-file-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-stepper-separator-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-stepper-separator-active-background | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-stepper-step-title-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-stepper-step-number-active-border-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-stepper-step-number-active-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-stepper-step-number-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-metergroup-meters-background | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-swagger-border-color | Changed | var(--gw-default-border-color) | var(--gw-del-default-border-color) |
| variables-light.css | --gw-cluster-node-outofsync-background | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-foreground-on-surface-contrast) |
| variables-light.css | --gw-cluster-link-outofsync-border-color | Changed | var(--gw-foreground-on-surface-disabled) | var(--gw-foreground-on-surface-contrast) |
| variables-light.css | --gw-link-emphasized-color | Changed | var(--gw-primary-base) | var(--gw-primary-del-base) |
| variables-light.css | --gw-link-emphasized-hover-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-link-emphasized-visited-color | Changed | var(--gw-primary-dark) | var(--gw-primary-del-dark) |
| variables-light.css | --gw-vizgraph-node-color1-1 | Changed | var(--gw-foreground-visual-1-3) | var(--gw-foreground-visual-sequential-1-3) |
| variables-light.css | --gw-vizgraph-node-color1-2 | Changed | var(--gw-foreground-visual-1-4) | var(--gw-foreground-visual-sequential-1-4) |
| variables-light.css | --gw-vizgraph-node-color2-1 | Changed | var(--gw-foreground-visual-1-4) | var(--gw-foreground-visual-sequential-1-4) |
| variables-light.css | --gw-vizgraph-node-color3-1 | Changed | var(--gw-foreground-visual-2-2) | var(--gw-foreground-visual-sequential-2-2) |
| variables-light.css | --gw-vizgraph-node-color3-2 | Changed | var(--gw-foreground-visual-2-3) | var(--gw-foreground-visual-sequential-2-3) |
| variables-light.css | --gw-sidenav-menuitem-hover-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-light.css | --gw-sidenav-menuitem-hover-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-light.css | --gw-sidenav-menuitem-selected-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-light.css | --gw-sidenav-menuitem-selected-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-default) |
| variables-light.css | --gw-button-primary-background | Changed | var(--gw-foreground-on-surface-brand) | var(--gw-foreground-on-surface-primary) |
| variables-light.css | --gw-button-secondary-hover-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-hover-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-active-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-active-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-icon-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-disabled-border-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-primary-border) |
| variables-light.css | --gw-button-secondary-disabled-color | Changed | var(--gw-foreground-on-surface-primary) | var(--gw-foreground-on-surface-button-text) |
| variables-light.css | --gw-button-secondary-link-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-secondary-link-active-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-secondary-link-icon-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-secondary-link-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-success-hover-border-color | Changed | var(--gw-success-dark) | var(--gw-success-base) |
| variables-light.css | --gw-button-tertiary-link-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-tertiary-link-active-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-button-tertiary-link-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-toggleswitch-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-toggleswitch-handle-checked-hover-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-toggleswitch-offset-border-color | Changed | var(--gw-panel-background) | var(--gw-background-page) |
| variables-light.css | --gw-toggleswitch-disabled-background | Changed | var(--gw-form-field-disabled-background) | var(--gw-form-field-disabled-color) |
| variables-light.css | --gw-radiobutton-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-radiobutton-checked-hover-border-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-radiobutton-icon-checked-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-radiobutton-icon-checked-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-checkbox-checked-hover-background | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-checkbox-checked-hover-border-color | Changed | var(--gw-primary-hover-color) | var(--gw-primary-del-hover-color) |
| variables-light.css | --gw-checkbox-checked-disabled-icon-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-checkbox-icon-checked-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-checkbox-icon-checked-hover-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-datepicker-date-selected-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-badge-primary-color | Changed | var(--gw-primary-contrast-color) | var(--gw-primary-del-contrast-color) |
| variables-light.css | --gw-vizgraph-node-color2-2 | Changed | var(--gw-foreground-visual-3-3) | var(--gw-foreground-visual-sequential-3-3) |
| variables-light.css | --gw-splitbutton-divider-color | Changed | var(--gw-button-primary-icon-second-color) | var(--gw-button-primary-icon-right-color) |
| variables-light.css | --gw-togglebutton-border-color | Changed | var(--gw-button-secondary-border-color) | rgba(0, 0, 0, 0) |
| variables-light.css | --gw-togglebutton-checked-border-color | Changed | var(--gw-button-secondary-border-color) | rgba(0, 0, 0, 0) |
| variables-light.css | --gw-stepper-step-list-border-width | Removed | 1px | |
| variables-light.css | --gw-stepper-step-list-border-style | Removed | solid | |
| variables-light.css | --gw-dialog-header-padding-y | Removed | var(--gw-space-0-5) | |
| variables-light.css | --gw-foreground-visual-1-1 | Removed | var(--gw-primary-500) | |
| variables-light.css | --gw-foreground-visual-1-2 | Removed | var(--gw-primary-300) | |
| variables-light.css | --gw-foreground-visual-1-3 | Removed | var(--gw-primary-200) | |
| variables-light.css | --gw-foreground-visual-1-4 | Removed | var(--gw-primary-100) | |
| variables-light.css | --gw-foreground-visual-4-1 | Removed | var(--gw-secondary-blue-500) | |
| variables-light.css | --gw-foreground-visual-4-2 | Removed | var(--gw-secondary-blue-300) | |
| variables-light.css | --gw-foreground-visual-4-3 | Removed | var(--gw-secondary-blue-200) | |
| variables-light.css | --gw-foreground-visual-4-4 | Removed | var(--gw-secondary-blue-100) | |
| variables-light.css | --gw-foreground-visual-2-1 | Removed | var(--gw-accent-500) | |
| variables-light.css | --gw-foreground-visual-2-2 | Removed | var(--gw-accent-300) | |
| variables-light.css | --gw-foreground-visual-2-3 | Removed | var(--gw-accent-200) | |
| variables-light.css | --gw-foreground-visual-2-4 | Removed | var(--gw-accent-100) | |
| variables-light.css | --gw-foreground-visual-neutral-1 | Removed | var(--gw-neutral-500) | |
| variables-light.css | --gw-foreground-visual-neutral-2 | Removed | var(--gw-neutral-400) | |
| variables-light.css | --gw-foreground-visual-neutral-3 | Removed | var(--gw-neutral-300) | |
| variables-light.css | --gw-foreground-visual-neutral-4 | Removed | var(--gw-neutral-100) | |
| variables-light.css | old: --gw-default-border-color new: --gw-selectbutton-border-color |
Renamed | var(--gw-neutral-200) | var(--gw-button-secondary-border-color) |
| variables-light.css | --gw-dialog-header-padding-x | Removed | var(--gw-overlay-modal-padding) | |
| variables-light.css | old: --gw-message-warning-background new: --gw-message-warn-background |
Renamed | var(--gw-warning-300) | var(--gw-warning-lighter) |
| variables-light.css | old: --gw-message-warning-border-color new: --gw-message-warn-border-color |
Renamed | var(--gw-warning-400) | var(--gw-warning-300) |
| variables-light.css | old: --gw-primary-text new: --gw-primary-border |
Renamed | var(--gw-primary-base) | var(--gw-primary-base) |
| variables-light.css | old: --gw-primary-contrast-color new: --gw-button-contrast-color |
Renamed | var(--gw-contrast-text) | var(--gw-contrast-text) |
| variables-light.css | --gw-primary-hover-color | Removed | var(--gw-primary-dark) | |
| variables-light.css | --gw-primary-active-color | Removed | var(--gw-primary-base) | |
| variables-light.css | --gw-foreground-visual-3-1 | Removed | var(--gw-success-500) | |
| variables-light.css | --gw-foreground-visual-3-2 | Removed | var(--gw-success-400) | |
| variables-light.css | --gw-foreground-visual-3-3 | Removed | var(--gw-success-200) | |
| variables-light.css | --gw-foreground-visual-3-4 | Removed | var(--gw-success-200) | |
| variables-light.css | old: --gw-default-contrast-background new: --gw-button-contrast-background |
Renamed | var(--gw-contrast-background) | var(--gw-contrast-background) |
| variables-light.css | --gw-button-primary-icon-second-color | Removed | var(--gw-foreground-on-brand) | |
| variables-light.css | old: --gw-message-warning-close-button-hover-background new: --gw-message-warn-close-button-hover-background |
Renamed | var(--gw-contrast-text) | var(--gw-background-raised) |
| variables-light.css | old: --gw-message-warning-color new: --gw-message-warn-color |
Renamed | var(--gw-warning-dark) | var(--gw-warning-dark) |
| variables-light.css | old: --gw-message-warning-outlined-color new: --gw-message-warn-outlined-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-light.css | old: --gw-message-warning-outlined-border-color new: --gw-message-warn-outlined-border-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-light.css | old: --gw-message-warning-simple-color new: --gw-message-warn-simple-color |
Renamed | var(--gw-warning-base) | var(--gw-warning-base) |
| variables-light.css | old: --gw-shortcuts-secondary-button-background new: --gw-shortcuts-editor-button-background |
Renamed | var(--gw-background-page) | var(--gw-background-page) |
| variables-light.css | --gw-stepper-step-list-border-color | Removed | var(--gw-border-color-default) | |
| variables-light.css | --gw-button-primary-link-color | Removed | var(--gw-foreground-link-idle) | |
| variables-light.css | --gw-button-primary-link-hover-color | Removed | var(--gw-foreground-link-hover) | |
| variables-light.css | --gw-button-primary-link-active-color | Removed | var(--gw-foreground-link-visited) | |
| variables-light.css | --gw-button-secondary-icon-second-color | Removed | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | old: --gw-message-warning-close-button-color new: --gw-message-warn-close-button-color |
Renamed | var(--gw-close-button-color) | var(--gw-close-button-color) |
| variables-light.css | old: --gw-message-warning-close-button-focus-ring-color new: --gw-message-warn-close-button-focus-ring-color |
Renamed | var(--gw-focus-ring-color) | var(--gw-focus-ring-color) |
| variables-light.css | --gw-foreground-visual-categorical-10 | Added | #ada7f1 | |
| variables-light.css | --gw-foreground-visual-categorical-11 | Added | #e7ba92 | |
| variables-light.css | --gw-foreground-visual-categorical-12 | Added | #dbaeea | |
| variables-light.css | --gw-foreground-visual-categorical-13 | Added | #bfde9c | |
| variables-light.css | --gw-foreground-visual-categorical-14 | Added | #eaca7b | |
| variables-light.css | --gw-foreground-visual-categorical-15 | Added | #9baed4 | |
| variables-light.css | --gw-foreground-visual-categorical-16 | Added | #f1a7b1 | |
| variables-light.css | --gw-foreground-visual-categorical-17 | Added | #b9dfd2 | |
| variables-light.css | --gw-foreground-visual-categorical-18 | Added | #9dcce7 | |
| variables-light.css | --gw-foreground-visual-categorical-19 | Added | #e7e09d | |
| variables-light.css | --gw-foreground-visual-categorical-20 | Added | #dcdfe5 | |
| variables-light.css | --gw-foreground-visual-categorical-01 | Added | #8f9eff | |
| variables-light.css | --gw-foreground-visual-categorical-02 | Added | #f1a7c6 | |
| variables-light.css | --gw-foreground-visual-categorical-03 | Added | #a2d7d3 | |
| variables-light.css | --gw-foreground-visual-categorical-04 | Added | #ddccf5 | |
| variables-light.css | --gw-foreground-visual-categorical-05 | Added | #9bb6d4 | |
| variables-light.css | --gw-foreground-visual-categorical-06 | Added | #ebad98 | |
| variables-light.css | --gw-foreground-visual-categorical-07 | Added | #a8bedc | |
| variables-light.css | --gw-foreground-visual-categorical-08 | Added | #ecacdc | |
| variables-light.css | --gw-foreground-visual-categorical-09 | Added | #a0dae3 | |
| variables-light.css | --gw-button-lg-padding-x | Added | 0.75rem | |
| variables-light.css | --gw-button-sm-label-line-height | Added | var(--gw-xxs-line-height) | |
| variables-light.css | --gw-button-lg-padding-y | Added | var(--gw-space-0-5) | |
| variables-light.css | --gw-button-context-del-link-border-color | Added | var(--gw-neutral-shadow-0) | |
| variables-light.css | --gw-message-text-font-family | Added | var(--gw-font-family-body) | |
| variables-light.css | --gw-tag-min-width | Added | var(--gw-size-1-25) | |
| variables-light.css | --gw-border-color-strong | Added | var(--gw-neutral-400) | |
| variables-light.css | --gw-foreground-on-surface-contrast | Added | var(--gw-neutral-0) | |
| variables-light.css | --gw-foreground-visual-sequential-1-1 | Added | var(--gw-primary-500) | |
| variables-light.css | --gw-foreground-visual-sequential-1-2 | Added | var(--gw-primary-300) | |
| variables-light.css | --gw-foreground-visual-sequential-1-3 | Added | var(--gw-primary-200) | |
| variables-light.css | --gw-foreground-visual-sequential-1-4 | Added | var(--gw-primary-100) | |
| variables-light.css | --gw-foreground-visual-sequential-4-1 | Added | var(--gw-secondary-blue-500) | |
| variables-light.css | --gw-foreground-visual-sequential-4-2 | Added | var(--gw-secondary-blue-300) | |
| variables-light.css | --gw-foreground-visual-sequential-4-3 | Added | var(--gw-secondary-blue-200) | |
| variables-light.css | --gw-foreground-visual-sequential-4-4 | Added | var(--gw-secondary-blue-100) | |
| variables-light.css | --gw-foreground-visual-sequential-2-1 | Added | var(--gw-accent-500) | |
| variables-light.css | --gw-foreground-visual-sequential-2-2 | Added | var(--gw-accent-300) | |
| variables-light.css | --gw-foreground-visual-sequential-2-3 | Added | var(--gw-accent-200) | |
| variables-light.css | --gw-foreground-visual-sequential-2-4 | Added | var(--gw-accent-100) | |
| variables-light.css | --gw-foreground-visual-sequential-neutral-1 | Added | var(--gw-neutral-500) | |
| variables-light.css | --gw-foreground-visual-sequential-neutral-2 | Added | var(--gw-neutral-400) | |
| variables-light.css | --gw-foreground-visual-sequential-neutral-3 | Added | var(--gw-neutral-300) | |
| variables-light.css | --gw-foreground-visual-sequential-neutral-4 | Added | var(--gw-neutral-100) | |
| variables-light.css | --gw-del-default-border-color | Added | var(--gw-neutral-100) | |
| variables-light.css | --gw-button-contrast-hover-background | Added | var(--gw-neutral-700) | |
| variables-light.css | --gw-button-contrast-hover-border-color | Added | var(--gw-neutral-700) | |
| variables-light.css | --gw-button-contrast-active-background | Added | var(--gw-neutral-700) | |
| variables-light.css | --gw-button-context-del-active-background | Added | var(--gw-neutral-0) | |
| variables-light.css | --gw-button-context-del-disabled-background | Added | var(--gw-neutral-0) | |
| variables-light.css | --gw-button-context-del-link-disabled-background | Added | var(--gw-neutral-0) | |
| variables-light.css | --gw-button-context-del-link-disabled-border-color | Added | var(--gw-primary-200) | |
| variables-light.css | --gw-button-context-del-link-disabled-color | Added | var(--gw-primary-200) | |
| variables-light.css | --gw-primary-del-base | Added | var(--gw-primary-600) | |
| variables-light.css | --gw-primary-del-lightest | Added | var(--gw-primary-50) | |
| variables-light.css | --gw-primary-del-lighter | Added | var(--gw-primary-100) | |
| variables-light.css | --gw-primary-del-light | Added | var(--gw-primary-500) | |
| variables-light.css | --gw-primary-del-dark | Added | var(--gw-primary-700) | |
| variables-light.css | --gw-primary-del-darker | Added | var(--gw-primary-900) | |
| variables-light.css | --gw-dialog-header-padding | Added | var(--gw-overlay-modal-padding) | |
| variables-light.css | --gw-border-color-selected | Added | var(--gw-foreground-on-surface-brand) | |
| variables-light.css | --gw-foreground-on-surface-button-text | Added | var(--gw-primary-base) | |
| variables-light.css | --gw-foreground-on-surface-button-border | Added | var(--gw-primary-base) | |
| variables-light.css | --gw-foreground-visual-sequential-3-1 | Added | var(--gw-success-500) | |
| variables-light.css | --gw-foreground-visual-sequential-3-2 | Added | var(--gw-success-400) | |
| variables-light.css | --gw-foreground-visual-sequential-3-3 | Added | var(--gw-success-200) | |
| variables-light.css | --gw-foreground-visual-sequential-3-4 | Added | var(--gw-success-200) | |
| variables-light.css | --gw-form-field-helper-color | Added | var(--gw-foreground-on-surface-subtle) | |
| variables-light.css | --gw-default-contrast-del-background | Added | var(--gw-contrast-background) | |
| variables-light.css | --gw-button-primary-icon-right-color | Added | var(--gw-foreground-on-brand) | |
| variables-light.css | --gw-button-contrast-hover-color | Added | var(--gw-contrast-text) | |
| variables-light.css | --gw-button-contrast-active-border-color | Added | var(--gw-contrast-background) | |
| variables-light.css | --gw-button-contrast-active-color | Added | var(--gw-contrast-text) | |
| variables-light.css | --gw-button-contrast-border-color | Added | var(--gw-contrast-background) | |
| variables-light.css | --gw-button-contrast-icon-second-color | Added | var(--gw-contrast-text) | |
| variables-light.css | --gw-button-contrast-icon-color | Added | var(--gw-contrast-text) | |
| variables-light.css | --gw-button-context-del-background | Added | var(--gw-background-surface) | |
| variables-light.css | --gw-button-context-del-hover-background | Added | var(--gw-background-raised) | |
| variables-light.css | --gw-button-context-del-link-background | Added | var(--gw-secondary-light) | |
| variables-light.css | --gw-button-context-del-link-hover-background | Added | var(--gw-secondary-base) | |
| variables-light.css | --gw-button-context-del-link-hover-border-color | Added | var(--gw-secondary-base) | |
| variables-light.css | --gw-button-context-del-link-active-background | Added | var(--gw-secondary-light) | |
| variables-light.css | --gw-button-context-del-link-active-border-color | Added | var(--gw-secondary-light) | |
| variables-light.css | --gw-button-context-del-link-icon-second-color | Added | var(--gw-muted-color) | |
| variables-light.css | --gw-primary-del-text | Added | var(--gw-primary-del-base) | |
| variables-light.css | --gw-primary-del-contrast-color | Added | var(--gw-contrast-text) | |
| variables-light.css | --gw-primary-del-hover-color | Added | var(--gw-primary-del-dark) | |
| variables-light.css | --gw-primary-del-active-color | Added | var(--gw-primary-del-base) | |
| variables-light.css | --gw-stepper-step-list-border | Added | var(--gw-border-color-default) | |
| variables-light.css | --gw-reload-icon-color | Added | var(--gw-foreground-on-surface-secondary) | |
| variables-light.css | --gw-button-link-color | Added | var(--gw-foreground-link-idle) | |
| variables-light.css | --gw-button-link-hover-color | Added | var(--gw-foreground-link-hover) | |
| variables-light.css | --gw-button-link-active-color | Added | var(--gw-foreground-link-visited) | |
| variables-light.css | --gw-button-secondary-icon-right-color | Added | var(--gw-foreground-on-surface-button-text) | |
| variables-light.css | --gw-button-context-del-hover-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-hover-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-active-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-active-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-icon-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-icon-second-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-disabled-border-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-disabled-color | Added | var(--gw-foreground-on-surface-primary) | |
| variables-light.css | --gw-button-context-del-link-hover-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-light.css | --gw-button-context-del-link-active-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-light.css | --gw-button-context-del-link-icon-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-light.css | --gw-button-context-del-link-color | Added | var(--gw-primary-del-contrast-color) | |
| variables-light.css | --gw-inputtext-helper-color | Added | var(--gw-form-field-helper-color) | |
| variables-light.css | --gw-select-helper-color | Added | var(--gw-form-field-helper-color) | |
| variables-light.css | --gw-button-contrast-focus-ring-color | Added | var(--gw-focus-ring-color) | |
| variables-light.css | --gw-button-context-del-focus-ring-color | Added | var(--gw-focus-ring-color) | |
| variables-light.css | --gw-button-context-del-link-focus-ring-color | Added | var(--gw-focus-ring-color) |