jh-checkbox-input-color-background-unselected-enabled |
The background color of the unselected checkbox. |
color |
jh-color-container-primary-enabled |
rgb(255, 255, 255) |
jh-checkbox-input-color-background-unselected-focus |
The background color of the unselected checkbox when focused. |
color |
jh-color-container-primary-enabled |
rgb(255, 255, 255) |
jh-checkbox-input-color-background-unselected-hover |
The background color of the unselected checkbox when hovered. |
color |
jh-color-container-primary-enabled |
rgb(255, 255, 255) |
jh-checkbox-input-color-background-unselected-active |
The background color of the unselected checkbox when active. |
color |
jh-color-container-primary-enabled |
rgb(255, 255, 255) |
jh-checkbox-input-color-background-unselected-disabled |
The background color of the unselected checkbox when disabled. |
color |
jh-color-container-primary-enabled |
rgb(255, 255, 255) |
jh-checkbox-input-color-background-selected-enabled |
The background color of the selected checkbox. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-background-selected-focus |
The background color of the selected checkbox when focused. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-background-selected-hover |
The background color of the selected checkbox when hovered. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-background-selected-active |
The background color of the selected checkbox when active. |
color |
jh-color-content-brand-active |
rgb(51, 67, 196) |
jh-checkbox-input-color-background-selected-disabled |
The background color of the selected checkbox when disabled. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-background-indeterminate-enabled |
The background color of the indeterminate checkbox. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-background-indeterminate-focus |
The background color of the indeterminate checkbox when focused. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-background-indeterminate-hover |
The background color of the indeterminate checkbox when hovered. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-background-indeterminate-active |
The background color of the indeterminate checkbox when active. |
color |
jh-color-content-brand-active |
rgb(51, 67, 196) |
jh-checkbox-input-color-background-indeterminate-disabled |
The background color of the indeterminate checkbox when disabled. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-border-unselected-enabled |
The border color of the unselected checkbox. |
color |
jh-color-divider-primary |
rgb(112, 117, 122) |
jh-checkbox-input-color-border-unselected-focus |
The border color of the unselected checkbox when focused. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-unselected-hover |
The border color of the unselected checkbox when hovered. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-unselected-active |
The border color of the unselected checkbox when active. |
color |
jh-color-content-brand-active |
rgb(51, 67, 196) |
jh-checkbox-input-color-border-unselected-disabled |
The border color of the unselected checkbox when disabled. |
color |
jh-color-divider-primary |
rgb(112, 117, 122) |
jh-checkbox-input-color-border-selected-enabled |
The border color of the selected checkbox. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-border-selected-focus |
The border color of the selected checkbox when focused. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-selected-hover |
The border color of the selected checkbox when hovered. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-selected-active |
The border color of the selected checkbox when active. |
color |
jh-color-content-brand-active |
rgb(51, 67, 196) |
jh-checkbox-input-color-border-selected-disabled |
The border color of the selected checkbox when disabled. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-border-indeterminate-enabled |
The border color of the indeterminate checkbox. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-input-color-border-indeterminate-focus |
The border color of the indeterminate checkbox when focused. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-indeterminate-hover |
The border color of the indeterminate checkbox when hovered. |
color |
jh-color-content-brand-hover |
rgb(38, 79, 213) |
jh-checkbox-input-color-border-indeterminate-active |
The border color of the indeterminate checkbox when active. |
color |
jh-color-content-brand-active |
rgb(51, 67, 196) |
jh-checkbox-input-color-border-indeterminate-disabled |
The border color of the indeterminate checkbox when disabled. |
color |
jh-color-content-brand-enabled |
rgb(8, 92, 229) |
jh-checkbox-status-color-border-selected-enabled |
The color of the selected status mark. |
color |
jh-color-content-on-brand-enabled |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-selected-focus |
The color of the selected status mark when focused. |
color |
jh-color-content-on-brand-hover |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-selected-hover |
The color of the selected status mark when hovered. |
color |
jh-color-content-on-brand-hover |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-selected-active |
The color of the selected status mark when active. |
color |
jh-color-content-on-brand-active |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-selected-disabled |
The color of the selected status mark when disabled. |
color |
jh-color-content-on-brand-enabled |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-indeterminate-enabled |
The color of the indeterminate status mark. |
color |
jh-color-content-on-brand-enabled |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-indeterminate-focus |
The color of the indeterminate status mark when focused. |
color |
jh-color-content-on-brand-hover |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-indeterminate-hover |
The color of the indeterminate status mark when hovered. |
color |
jh-color-content-on-brand-hover |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-indeterminate-active |
The color of the indeterminate status mark when active. |
color |
jh-color-content-on-brand-active |
rgb(255, 255, 255) |
jh-checkbox-status-color-border-indeterminate-disabled |
The color of the indeterminate status mark when disabled. |
color |
jh-color-content-on-brand-enabled |
rgb(255, 255, 255) |
jh-checkbox-label-color-text |
The label text color. |
color |
jh-color-content-primary-enabled |
rgb(42, 44, 46) |
jh-checkbox-helper-color-text |
The helper text color. |
color |
jh-color-content-secondary-enabled |
rgb(95, 100, 104) |
jh-checkbox-opacity-disabled |
The checkbox opacity when disabled. |
opacity |
jh-opacity-disabled |
0.3 |
jh-checkbox-input-border-radius |
The checkbox border radius. |
border |
jh-border-radius-50 |
2px |
jh-checkbox-input-shadow-focus |
The checkbox box shadow when focused. |
shadow |
jh-shadow-focus |
0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(8, 92, 229) |