Skip to content

CSS Variables Reference

Colors

VariableDefaultDescription
--sr-primary#000000Primary action color (buttons, links)
--sr-star#FFB800Star fill color
--sr-star-empty#E0E0E0Empty star color
--sr-bg#ffffffWidget background
--sr-border#e5e5e5Border color
--sr-text#333333Primary text color
--sr-text-secondary#666666Secondary text color
--sr-success#22c55eSuccess state color
--sr-error#ef4444Error state color
--sr-bar-bg#f0f0f0Rating bar background
--sr-bar-fillvar(--sr-star)Rating bar fill

Typography

VariableDefaultDescription
--sr-fontinheritFont family
--sr-font-size14pxBase font size
--sr-line-height1.5Base line height

Spacing & Layout

VariableDefaultDescription
--sr-radius8pxBorder radius
--sr-gap16pxSpacing between elements
--sr-card-padding20pxReview card padding