Themeable Toggle Switches In Pure CSS: Examples

Default Styling

Checkbox Block (Default Checked)
Checkbox Inline (Default Unchecked)
Checkbox Disabled (Default Checked)
Checkbox Disabled (Default Unchecked)

Light Styling

Checkbox Block
Checkbox Inline
Checkbox Disabled

Success

Default Checked
Default Unchecked
Default Disabled

Primary

Default Checked
Default Unchecked
Default Disabled

Info

Default Checked
Default Unchecked
Default Disabled

Warning

Default Checked
Default Unchecked
Default Disabled

Danger

Default Checked
Default Unchecked
Default Disabled

Dark

Default Checked
Default Unchecked
Default Disabled