Input Theme Settings

The examples in this setting are the default theme's values.

borderColor

CSS variable: --lia-bs-input-border-color

"borderColor" : "var(--lia-bs-gray-600)",

disabledColor

CSS variable: --lia-bs-input-disabled-color

"disabledColor" : "var(--lia-bs-gray-600)",

focusBorderColor

CSS variable: --lia-bs-input-focus-border-color

"focusBorderColor" : "var(--lia-bs-primary)",

labelMarginBottom

CSS variable: --lia-bs-label-margin-bottom

"labelMarginBottom" : "10px",

btnFontSize

CSS variable: --lia-bs-input-btn-font-size

"btnFontSize" : "var(--lia-bs-font-size-sm)",

focusBoxShadow

CSS variable: --lia-bs-input-focus-box-shadow

"focusBoxShadow" : "0 0 0 3px hsla(var(--lia-bs-primary-h), var(--lia-bs-primary-s), var(--lia-bs-primary-l), 0.2)",

checkLabelMarginBottom

CSS variable: --lia-check-label-margin-bottom

"checkLabelMarginBottom" : "2px",

checkboxBorderRadius

CSS variable: --lia-checkbox-border-radius

"checkboxBorderRadius" : "3px",

borderRadiusSm

CSS variable: --lia-bs-input-border-radius-sm

"borderRadiusSm" : "var(--lia-bs-border-radius-sm)",

borderRadius

CSS variable: --lia-bs-input-border-radius

"borderRadius" : "var(--lia-bs-border-radius)",

borderRadiusLg

CSS variable: --lia-bs-input-border-radius-lg

"borderRadiusLg" : "var(--lia-bs-border-radius-lg)",

formTextMarginTop

CSS variable: --lia-bs-form-text-margin-top

"formTextMarginTop" : "4px",

textAreaBorderRadius

CSS variable: --lia-textarea-border-radius

"textAreaBorderRadius" : "var(--lia-bs-border-radius-lg)",

activeFillColor

CSS variable: --lia-input-active-fill-color

"activeFillColor" : "var(--lia-bs-primary)"