--spark-default-body-color
#555555
--spark-primary-color
#000000
--spark-primary-color-light
#F5F5F5
--spark-primary-color-dark
#999999
--spark-secondary-color
#125EF8
--spark-tertiary-color
#00AF76
--spark-lightest-color
#FFFFFF
--spark-success-color
#00AF76
--spark-error-color
#EF0000
--spark-warn-color
#EDC35C
--spark-link-color
#125EF8
--spark-input-color
#CCCCCC
--spark-font-default
'Roboto', sans-serif
--spark-font-highlight
'Poppins', sans-serif
--spark-font-weight-default
400
--spark-font-weight-light
300
--spark-font-weight-medium
500
--spark-font-weight-heavy
600
--spark-header-font
'Poppins', sans-serif
--spark-header-font-weight
--spark-h1-fontsize
24px
--spark-h2-fontsize
22px
--spark-h3-fontsize
20px
--spark-h4-fontsize
16px
--spark-h5-fontsize
15px
--spark-h6-fontsize
14px
--spark-pricing-fontsize
16px
--spark-pricing-font-weight
500
--spark-pricing-fontsize-small
14px
--spark-packsize-font-weight
16px
--spark-packsize-fontsize
400
--spark-button-font-family
'Poppins', sans-serif
--spark-button-border
0
--spark-button-font-size
15px
--spark-button-font-weight
400
--spark-button-padding
0.875em 1.75em
--spark-button-radius
4px
--spark-button-text-transform
none
--spark-button-text-letter-spacing
0
--spark-button-raised-background
#25EF8
--spark-button-raised-background-hover
#508AFF
--spark-button-raised-color
#FFFFFF
--spark-button-disabled-background
#DFDFDF
--spark-button-disabled-color
#9F9F9F
--spark-button-large-font-size
18px
--spark-button-large-padding
0.875em 1.75em
--spark-button-large-background
#25EF8
--spark-button-large-background
#508AFF
--spark-toast-color
#FFFFFF
--spark-toast-text-color
#000000
--spark-toast-action-color
#125EF8
--spark-toast-border-color
#DDDDDD
--spark-toast-border-radius
4px
--spark-message-padding
0.7em 1.25em
--spark-message-success-background
#E5FFF5
--spark-message-success-border
1px solid #1c9665
--spark-message-warn-background
#FDF7E3
--spark-message-warn-border
1px solid #EDC35C
--spark-message-error-background
#E74148
--spark-message-error-border
1px solid #E74148
--spark-border-radius-default
4px
--spark-border-radius-large
8px
--spark-drawer-max-width
700px
--spark-drawer-max-width-wide
1000px
--spark-loading-background-color
#DEDEDE
--spark-loading-background-overlay-product
255,255,255
--spark-container-content-top
3em
--spark-container-content-bottom
3em
--spark-container-content-side
4.5em
--spark-container-content-reduced
1.5em
--spark-spinner-default-color
#125EF8
--spark-form-field-text-transform
none
--spark-placeholder-text-color
#999999
--spark-input-border-color
#CCCCCC
--spark-input-border
1px solid #CCCCCC
--spark-input-radius
4px
--spark-input-background
#FFFFFF
--spark-input-error-color
#EF0000
--spark-input-success-color
#00AF76
--spark-input-focus-color
#125EF8
--spark-input-font-size
14px
--spark-input-margin
0
--spark-input-padding
0.75em
--spark-label-font-size
0.8em
--spark-input-disabled-color
#777777
--spark-input-disabled-solid-color
#949494
--spark-radio-fill-color
#125EF8
--spark-radio-empty-color
#5A5A5A
--spark-radio-border
2px solid #125EF8
--spark-select-border
1px solid #CCCCCC
--spark-select-background
#FFFFFF
--spark-select-focus
#125EF8
--spark-select-font-size
14px
--spark-select-padding
0.75em
--spark-select-radius
4px
--spark-select-disabled-color
#999999
--spark-table-border-color
#CCCCCC
--spark-table-striped-color
#F5F5F5
--spark-table-header-background-color
#FFFFFF
--spark-table-header-text-color
#555555
--spark-table-header-font-weight
--spark-product-card-button-radius
4px
--spark-product-card-button-padding
0.75em 1em
--spark-product-card-pricing-font-size
15px
--spark-product-card-pricing-font-size-small
14px
--spark-product-card-select-min-height
50px
--spark-product-card-tiered-pricing-display
flex
--spark-product-card-stockstatus-fontsize:
--spark-product-card-stockstatus-fontsize-small
--spark-product-card-stockstatus-align
center
--spark-product-card-tiered-pricing-display
flex
(use none
to hide)--spark-product-card-tiered-pricing-font-size
12px
display: {darkTheme:true},
--spark-dark-mode-lightest-color,
#ffffff
--spark-dark-mode-status-in-stock
#5ecfad
--spark-dark-mode-status-back-order
#96b1ef
--spark-dark-mode-status-out-of-stock
#ff9a9a
--spark-dark-mode-table-border-color
#555
--spark-dark-mode-table-header-background
#000
--spark-dark-mode-table-row-background
#333
--spark-dark-mode-table-row-alt-background
#222
--spark-dark-mode-qty-background
#000
--spark-dark-mode-qty-background-hover
#222
--spark-dark-mode-qty-border-color
#555