OpendoorThemeVariables
Design tokens that control the visual appearance of SDK components. All values are CSS-compatible strings (e.g., ‘#003366’, ‘8px’, ‘“Inter”, sans-serif’).
Properties
borderRadius
borderRadius:
string
Border radius for pill-shaped elements (input wrapper, buttons)
borderRadiusInner
borderRadiusInner:
string
Border radius for rectangular elements (suggestions dropdown, manual form inputs)
borderWidth
borderWidth:
string
Border width
buttonHeight
buttonHeight:
string
Height of the submit button
buttonPaddingX
buttonPaddingX:
string
Horizontal padding of the submit button
colorBackground
colorBackground:
string
Component background
colorBorder
colorBorder:
string
Input border color
colorBorderFocus
colorBorderFocus:
string
Input border color on focus
colorDivider
colorDivider:
string
Divider between suggestion items
colorError
colorError:
string
Error text, error borders
colorErrorFocusRing
colorErrorFocusRing:
string
Error focus ring shadow color
colorFocusRing
colorFocusRing:
string
Focus ring shadow color (rgba recommended)
colorPrimary
colorPrimary:
string
Button background, focus ring, active states
colorPrimaryHover
colorPrimaryHover:
string
Button background on hover
colorPrimaryText
colorPrimaryText:
string
Text on primary color background
colorSuggestionHover
colorSuggestionHover:
string
Suggestion dropdown item hover background
colorText
colorText:
string
Primary text color
colorTextSecondary
colorTextSecondary:
string
Placeholder text, hints, secondary labels
fontFamily
fontFamily:
string
Font family for all text
fontSize
fontSize:
string
Base font size (inputs, suggestions)
fontSizeSmall
fontSizeSmall:
string
Small font size (labels, hints, errors)
fontWeightMedium
fontWeightMedium:
string
Font weight for labels and buttons
inputMinHeight
inputMinHeight:
string
Minimum height of the input wrapper
shadowDropdown
shadowDropdown:
string
Dropdown box-shadow
shadowFocus
shadowFocus:
string
Focus ring box-shadow
spacing
spacing:
string
Standard padding (input padding, suggestion padding)
spacingTight
spacingTight:
string
Tight spacing (gap between icon and text)
spacingWide
spacingWide:
string
Wide spacing (section margins, form field margins)