🎨 CSS Variables Diff Report

Generated: 10/15/2026, 11:04:22 AM

Comparison between: graphwise-styleguide@1.3.1 (local) and graphwise-styleguide@1.3.0 (npm)

Total: 198

Theme CSS Variable Status Old Value New Value
variables-dark.css --gw-spectrum-strong-16 Changed #b53042 #c53448
variables-dark.css --gw-spectrum-strong-01 Changed #021de3 #1c36fd
variables-dark.css --gw-spectrum-strong-08 Changed #9f3c86 #b54599
variables-dark.css --gw-form-field-focus-ring-offset Changed 0 var(--gw-focus-ring-offset)
variables-dark.css --gw-focus-ring-offset Changed space 1px
variables-dark.css --gw-chip-border-radius Changed 16px var(--gw-border-radius-sm)
variables-dark.css --gw-chip-padding-x Changed 0.75rem var(--gw-space-0-5)
variables-dark.css --gw-stepper-step-number-size Changed 2rem var(--gw-size-1-5)
variables-dark.css --gw-stepper-step-number-font-size Changed 1.143rem var(--gw-base-font-size)
variables-dark.css --gw-tieredmenu-item-gap Changed var(--gw-sidenav-menuitem-gap) var(--gw-space-0-25)
variables-dark.css --gw-warning-light Changed var(--gw-warning-600) var(--gw-warning-200)
variables-dark.css --gw-info-light Changed var(--gw-info-500) var(--gw-info-200)
variables-dark.css --gw-error-lighter Changed var(--gw-danger-200) var(--gw-danger-100)
variables-dark.css --gw-error-light Changed var(--gw-danger-500) var(--gw-danger-200)
variables-dark.css --gw-listbox-option-striped-background Changed var(--gw-neutral-100) var(--gw-neutral-50)
variables-dark.css --gw-datatable-row-striped-background Changed var(--gw-neutral-100) var(--gw-neutral-50)
variables-dark.css --gw-success-lighter Changed var(--gw-success-200) var(--gw-success-100)
variables-dark.css --gw-success-light Changed var(--gw-success-500) var(--gw-success-200)
variables-dark.css --gw-radiobutton-border-color Changed var(--gw-foreground-on-surface-subtle) var(--gw-border-color-default)
variables-dark.css --gw-tag-info-background Changed var(--gw-info-lighter) var(--gw-info-light)
variables-dark.css --gw-tag-warning-background Changed var(--gw-warning-lighter) var(--gw-warning-light)
variables-dark.css --gw-tag-danger-background Changed var(--gw-error-lighter) var(--gw-error-light)
variables-dark.css --gw-tag-default-color Changed var(--gw-foreground-on-surface-default) var(--gw-foreground-on-surface-muted)
variables-dark.css --gw-cluster-link-outofsync-border-color Changed var(--gw-foreground-on-surface-contrast) var(--gw-border-color-strong)
variables-dark.css --gw-sidenav-submenuitem-selected-color Changed var(--gw-foreground-on-surface-primary) var(--gw-foreground-on-surface-button-text)
variables-dark.css --gw-tag-success-background Changed var(--gw-success-lighter) var(--gw-success-light)
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-blur
new: --gw-button-warning-focus-ring-shadow-blur
Renamed 0 0
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-spread
new: --gw-button-warning-focus-ring-shadow-spread
Renamed 0 0
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-color
new: --gw-button-warning-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-type
new: --gw-button-warning-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-offset-x
new: --gw-button-warning-focus-ring-shadow-offset-x
Renamed 0 0
variables-dark.css
old: --gw-button-warn-focus-ring-shadow-offset-y
new: --gw-button-warning-focus-ring-shadow-offset-y
Renamed 0 0
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-blur
new: --gw-message-warning-close-button-focus-ring-shadow-blur
Renamed 0 0
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-spread
new: --gw-message-warning-close-button-focus-ring-shadow-spread
Renamed 0 0
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-color
new: --gw-message-warning-close-button-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-type
new: --gw-message-warning-close-button-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-offset-x
new: --gw-message-warning-close-button-focus-ring-shadow-offset-x
Renamed 0 0
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-shadow-offset-y
new: --gw-message-warning-close-button-focus-ring-shadow-offset-y
Renamed 0 0
variables-dark.css
old: --gw-message-warn-shadow-blur
new: --gw-message-warning-shadow-blur
Renamed 8px 8px
variables-dark.css
old: --gw-message-warn-shadow-spread
new: --gw-message-warning-shadow-spread
Renamed 0 0
variables-dark.css
old: --gw-message-warn-shadow-color
new: --gw-message-warning-shadow-color
Renamed rgba(9, 7, 0, 0.04) rgba(9, 7, 0, 0.04)
variables-dark.css
old: --gw-message-warn-shadow-type
new: --gw-message-warning-shadow-type
Renamed dropShadow dropShadow
variables-dark.css
old: --gw-message-warn-shadow-offset-x
new: --gw-message-warning-shadow-offset-x
Renamed 0 0
variables-dark.css
old: --gw-message-warn-shadow-offset-y
new: --gw-message-warning-shadow-offset-y
Renamed 4px 4px
variables-dark.css
old: --gw-toast-warn-shadow-blur
new: --gw-toast-warning-shadow-blur
Renamed 8px 8px
variables-dark.css
old: --gw-toast-warn-shadow-spread
new: --gw-toast-warning-shadow-spread
Renamed 0 0
variables-dark.css
old: --gw-toast-warn-shadow-color
new: --gw-toast-warning-shadow-color
Renamed rgba(9, 7, 0, 0.04) rgba(9, 7, 0, 0.04)
variables-dark.css
old: --gw-toast-warn-shadow-type
new: --gw-toast-warning-shadow-type
Renamed dropShadow dropShadow
variables-dark.css
old: --gw-toast-warn-shadow-offset-x
new: --gw-toast-warning-shadow-offset-x
Renamed 0 0
variables-dark.css
old: --gw-toast-warn-shadow-offset-y
new: --gw-toast-warning-shadow-offset-y
Renamed 4px 4px
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-blur
new: --gw-toast-warning-close-button-focus-ring-shadow-blur
Renamed 0 0
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-spread
new: --gw-toast-warning-close-button-focus-ring-shadow-spread
Renamed 0 0
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-color
new: --gw-toast-warning-close-button-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-type
new: --gw-toast-warning-close-button-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-offset-x
new: --gw-toast-warning-close-button-focus-ring-shadow-offset-x
Renamed 0 0
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-shadow-offset-y
new: --gw-toast-warning-close-button-focus-ring-shadow-offset-y
Renamed 0 0
variables-dark.css
old: --gw-message-warn-border-color
new: --gw-message-warning-border-color
Renamed var(--gw-warning-300) var(--gw-warning-300)
variables-dark.css
old: --gw-button-warn-background
new: --gw-button-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-button-warn-hover-background
new: --gw-button-warning-hover-background
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-dark.css
old: --gw-button-warn-hover-border-color
new: --gw-button-warning-hover-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-button-warn-hover-color
new: --gw-button-warning-hover-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-button-warn-active-background
new: --gw-button-warning-active-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-button-warn-active-border-color
new: --gw-button-warning-active-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-button-warn-active-color
new: --gw-button-warning-active-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-button-warn-border-color
new: --gw-button-warning-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-button-warn-color
new: --gw-button-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-badge-warn-background
new: --gw-badge-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-badge-warn-color
new: --gw-badge-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-message-warn-background
new: --gw-message-warning-background
Renamed var(--gw-warning-lighter) var(--gw-warning-lighter)
variables-dark.css
old: --gw-message-warn-close-button-hover-background
new: --gw-message-warning-close-button-hover-background
Renamed var(--gw-background-raised) var(--gw-background-raised)
variables-dark.css
old: --gw-message-warn-color
new: --gw-message-warning-color
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-dark.css
old: --gw-message-warn-outlined-color
new: --gw-message-warning-outlined-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-message-warn-outlined-border-color
new: --gw-message-warning-outlined-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-message-warn-simple-color
new: --gw-message-warning-simple-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-toast-warn-background
new: --gw-toast-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-toast-warn-border-color
new: --gw-toast-warning-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-dark.css
old: --gw-toast-warn-color
new: --gw-toast-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-toast-warn-detail-color
new: --gw-toast-warning-detail-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-dark.css
old: --gw-toast-warn-close-button-hover-background
new: --gw-toast-warning-close-button-hover-background
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-dark.css
old: --gw-message-warn-close-button-color
new: --gw-message-warning-close-button-color
Renamed var(--gw-close-button-color) var(--gw-close-button-color)
variables-dark.css
old: --gw-button-warn-focus-ring-color
new: --gw-button-warning-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-dark.css
old: --gw-message-warn-close-button-focus-ring-color
new: --gw-message-warning-close-button-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-dark.css
old: --gw-toast-warn-close-button-focus-ring-color
new: --gw-toast-warning-close-button-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-dark.css --gw-font-family-code Added "JetBrains Mono", serif
variables-dark.css --gw-foreground-visual-diagram-categorical-contrast Added var(--gw-foreground-on-surface-default)
variables-dark.css --gw-tag-contrast-background Added var(--gw-contrast-background)
variables-dark.css --gw-tag-contrast-color Added var(--gw-contrast-text)
variables-dark.css --gw-statusmenu-icon-inactive-color Added var(--gw-foreground-on-surface-disabled)
variables-dark.css --gw-cluster-node-outofsync-border-color Added var(--gw-border-color-strong)
variables-dark.css --gw-statusmenu-icon-active-color Added var(--gw-success-base)
variables-dark.css --gw-filter-chip-danger-background Added var(--gw-tag-danger-background)
variables-dark.css --gw-filter-chip-danger-color Added var(--gw-error-text)
variables-dark.css --gw-filter-chip-warning-background Added var(--gw-tag-warning-background)
variables-dark.css --gw-filter-chip-contrast-background Added var(--gw-badge-contrast-background)
variables-dark.css --gw-filter-chip-contrast-color Added var(--gw-badge-contrast-color)
variables-dark.css --gw-filter-chip-success-background Added var(--gw-tag-success-background)
variables-dark.css --gw-filter-chip-success-color Added var(--gw-success-text)
variables-dark.css --gw-filter-chip-warning-color Added var(--gw-warning-text)
variables-light.css --gw-spectrum-strong-16 Changed #b53042 #c53448
variables-light.css --gw-spectrum-strong-01 Changed #021de3 #1c36fd
variables-light.css --gw-spectrum-strong-08 Changed #9f3c86 #b54599
variables-light.css --gw-form-field-focus-ring-offset Changed 0 var(--gw-focus-ring-offset)
variables-light.css --gw-focus-ring-offset Changed space 1px
variables-light.css --gw-chip-border-radius Changed 16px var(--gw-border-radius-sm)
variables-light.css --gw-chip-padding-x Changed 0.75rem var(--gw-space-0-5)
variables-light.css --gw-stepper-step-number-size Changed 2rem var(--gw-size-1-5)
variables-light.css --gw-stepper-step-number-font-size Changed 1.143rem var(--gw-base-font-size)
variables-light.css --gw-tieredmenu-item-gap Changed var(--gw-sidenav-menuitem-gap) var(--gw-space-0-25)
variables-light.css --gw-warning-light Changed var(--gw-warning-600) var(--gw-warning-200)
variables-light.css --gw-info-light Changed var(--gw-info-500) var(--gw-info-200)
variables-light.css --gw-foreground-visual-sequential-1-1 Changed var(--gw-primary-500) var(--gw-primary-400)
variables-light.css --gw-error-lighter Changed var(--gw-danger-200) var(--gw-danger-100)
variables-light.css --gw-error-light Changed var(--gw-danger-500) var(--gw-danger-200)
variables-light.css --gw-listbox-option-striped-background Changed var(--gw-neutral-100) var(--gw-neutral-50)
variables-light.css --gw-datatable-row-striped-background Changed var(--gw-neutral-100) var(--gw-neutral-50)
variables-light.css --gw-success-lighter Changed var(--gw-success-200) var(--gw-success-100)
variables-light.css --gw-success-light Changed var(--gw-success-500) var(--gw-success-200)
variables-light.css --gw-radiobutton-border-color Changed var(--gw-foreground-on-surface-subtle) var(--gw-border-color-default)
variables-light.css --gw-tag-info-background Changed var(--gw-info-lighter) var(--gw-info-light)
variables-light.css --gw-tag-warning-background Changed var(--gw-warning-lighter) var(--gw-warning-light)
variables-light.css --gw-tag-danger-background Changed var(--gw-error-lighter) var(--gw-error-light)
variables-light.css --gw-tag-default-color Changed var(--gw-foreground-on-surface-default) var(--gw-foreground-on-surface-muted)
variables-light.css --gw-cluster-link-outofsync-border-color Changed var(--gw-foreground-on-surface-contrast) var(--gw-border-color-strong)
variables-light.css --gw-sidenav-submenuitem-selected-color Changed var(--gw-foreground-on-surface-primary) var(--gw-foreground-on-surface-button-text)
variables-light.css --gw-tag-success-background Changed var(--gw-success-lighter) var(--gw-success-light)
variables-light.css
old: --gw-button-warn-focus-ring-shadow-blur
new: --gw-button-warning-focus-ring-shadow-blur
Renamed 0 0
variables-light.css
old: --gw-button-warn-focus-ring-shadow-spread
new: --gw-button-warning-focus-ring-shadow-spread
Renamed 0 0
variables-light.css
old: --gw-button-warn-focus-ring-shadow-color
new: --gw-button-warning-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-light.css
old: --gw-button-warn-focus-ring-shadow-type
new: --gw-button-warning-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-light.css
old: --gw-button-warn-focus-ring-shadow-offset-x
new: --gw-button-warning-focus-ring-shadow-offset-x
Renamed 0 0
variables-light.css
old: --gw-button-warn-focus-ring-shadow-offset-y
new: --gw-button-warning-focus-ring-shadow-offset-y
Renamed 0 0
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-blur
new: --gw-message-warning-close-button-focus-ring-shadow-blur
Renamed 0 0
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-spread
new: --gw-message-warning-close-button-focus-ring-shadow-spread
Renamed 0 0
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-color
new: --gw-message-warning-close-button-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-type
new: --gw-message-warning-close-button-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-offset-x
new: --gw-message-warning-close-button-focus-ring-shadow-offset-x
Renamed 0 0
variables-light.css
old: --gw-message-warn-close-button-focus-ring-shadow-offset-y
new: --gw-message-warning-close-button-focus-ring-shadow-offset-y
Renamed 0 0
variables-light.css
old: --gw-message-warn-shadow-blur
new: --gw-message-warning-shadow-blur
Renamed 8px 8px
variables-light.css
old: --gw-message-warn-shadow-spread
new: --gw-message-warning-shadow-spread
Renamed 0 0
variables-light.css
old: --gw-message-warn-shadow-color
new: --gw-message-warning-shadow-color
Renamed rgba(9, 7, 0, 0.04) rgba(9, 7, 0, 0.04)
variables-light.css
old: --gw-message-warn-shadow-type
new: --gw-message-warning-shadow-type
Renamed dropShadow dropShadow
variables-light.css
old: --gw-message-warn-shadow-offset-x
new: --gw-message-warning-shadow-offset-x
Renamed 0 0
variables-light.css
old: --gw-message-warn-shadow-offset-y
new: --gw-message-warning-shadow-offset-y
Renamed 4px 4px
variables-light.css
old: --gw-toast-warn-shadow-blur
new: --gw-toast-warning-shadow-blur
Renamed 8px 8px
variables-light.css
old: --gw-toast-warn-shadow-spread
new: --gw-toast-warning-shadow-spread
Renamed 0 0
variables-light.css
old: --gw-toast-warn-shadow-color
new: --gw-toast-warning-shadow-color
Renamed rgba(9, 7, 0, 0.04) rgba(9, 7, 0, 0.04)
variables-light.css
old: --gw-toast-warn-shadow-type
new: --gw-toast-warning-shadow-type
Renamed dropShadow dropShadow
variables-light.css
old: --gw-toast-warn-shadow-offset-x
new: --gw-toast-warning-shadow-offset-x
Renamed 0 0
variables-light.css
old: --gw-toast-warn-shadow-offset-y
new: --gw-toast-warning-shadow-offset-y
Renamed 4px 4px
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-blur
new: --gw-toast-warning-close-button-focus-ring-shadow-blur
Renamed 0 0
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-spread
new: --gw-toast-warning-close-button-focus-ring-shadow-spread
Renamed 0 0
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-color
new: --gw-toast-warning-close-button-focus-ring-shadow-color
Renamed rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-type
new: --gw-toast-warning-close-button-focus-ring-shadow-type
Renamed dropShadow dropShadow
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-offset-x
new: --gw-toast-warning-close-button-focus-ring-shadow-offset-x
Renamed 0 0
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-shadow-offset-y
new: --gw-toast-warning-close-button-focus-ring-shadow-offset-y
Renamed 0 0
variables-light.css
old: --gw-message-warn-border-color
new: --gw-message-warning-border-color
Renamed var(--gw-warning-300) var(--gw-warning-300)
variables-light.css
old: --gw-button-warn-background
new: --gw-button-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-button-warn-hover-background
new: --gw-button-warning-hover-background
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-light.css
old: --gw-button-warn-hover-border-color
new: --gw-button-warning-hover-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-button-warn-hover-color
new: --gw-button-warning-hover-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-button-warn-active-background
new: --gw-button-warning-active-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-button-warn-active-border-color
new: --gw-button-warning-active-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-button-warn-active-color
new: --gw-button-warning-active-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-button-warn-border-color
new: --gw-button-warning-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-button-warn-color
new: --gw-button-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-badge-warn-background
new: --gw-badge-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-badge-warn-color
new: --gw-badge-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-message-warn-background
new: --gw-message-warning-background
Renamed var(--gw-warning-lighter) var(--gw-warning-lighter)
variables-light.css
old: --gw-message-warn-close-button-hover-background
new: --gw-message-warning-close-button-hover-background
Renamed var(--gw-background-raised) var(--gw-background-raised)
variables-light.css
old: --gw-message-warn-color
new: --gw-message-warning-color
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-light.css
old: --gw-message-warn-outlined-color
new: --gw-message-warning-outlined-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-message-warn-outlined-border-color
new: --gw-message-warning-outlined-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-message-warn-simple-color
new: --gw-message-warning-simple-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-toast-warn-background
new: --gw-toast-warning-background
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-toast-warn-border-color
new: --gw-toast-warning-border-color
Renamed var(--gw-warning-base) var(--gw-warning-base)
variables-light.css
old: --gw-toast-warn-color
new: --gw-toast-warning-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-toast-warn-detail-color
new: --gw-toast-warning-detail-color
Renamed var(--gw-contrast-text) var(--gw-contrast-text)
variables-light.css
old: --gw-toast-warn-close-button-hover-background
new: --gw-toast-warning-close-button-hover-background
Renamed var(--gw-warning-dark) var(--gw-warning-dark)
variables-light.css
old: --gw-message-warn-close-button-color
new: --gw-message-warning-close-button-color
Renamed var(--gw-close-button-color) var(--gw-close-button-color)
variables-light.css
old: --gw-button-warn-focus-ring-color
new: --gw-button-warning-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-light.css
old: --gw-message-warn-close-button-focus-ring-color
new: --gw-message-warning-close-button-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-light.css
old: --gw-toast-warn-close-button-focus-ring-color
new: --gw-toast-warning-close-button-focus-ring-color
Renamed var(--gw-focus-ring-color) var(--gw-focus-ring-color)
variables-light.css --gw-font-family-code Added "JetBrains Mono", serif
variables-light.css --gw-foreground-visual-diagram-categorical-contrast Added var(--gw-contrast-text)
variables-light.css --gw-tag-contrast-background Added var(--gw-contrast-background)
variables-light.css --gw-tag-contrast-color Added var(--gw-contrast-text)
variables-light.css --gw-statusmenu-icon-inactive-color Added var(--gw-foreground-on-surface-disabled)
variables-light.css --gw-cluster-node-outofsync-border-color Added var(--gw-border-color-strong)
variables-light.css --gw-foreground-visual-graph-categorical-contrast Added var(--gw-text-color)
variables-light.css --gw-statusmenu-icon-active-color Added var(--gw-success-base)
variables-light.css --gw-filter-chip-danger-background Added var(--gw-tag-danger-background)
variables-light.css --gw-filter-chip-danger-color Added var(--gw-error-text)
variables-light.css --gw-filter-chip-warning-background Added var(--gw-tag-warning-background)
variables-light.css --gw-filter-chip-contrast-background Added var(--gw-badge-contrast-background)
variables-light.css --gw-filter-chip-contrast-color Added var(--gw-badge-contrast-color)
variables-light.css --gw-filter-chip-success-background Added var(--gw-tag-success-background)
variables-light.css --gw-filter-chip-success-color Added var(--gw-success-text)
variables-light.css --gw-filter-chip-warning-color Added var(--gw-warning-text)