Topic: How can i change the default colors of several forms (slider, switch, radio buttons etc.)?
Hi,
how can i change the default color of all the native bootstrap and mdb addons?
Sliders, Switch, radio btn, checkbox etc.
Default is blue.
i tried via scss and gulp, but there is no color variable for the several form layouts.
How can i achieve this? Recompile mdb.min.css via scss?
thx in advance
Eberhard
Add comment
Hi,
it's different for each of addons.
For slider:
in pro/range.scss change each $primary-color variable for your color value.
For switch:
in pro/switch.scss change each background-color for your color value.
For checkbox:
in pro/checkbox.scss change border-right, border-bottom color variable to your color value and $secondary-color variabke to your color value.
For input:
in free/forms.scss change border-bottom and box-shadow colors to your color value.
For radio btn:
in pro/radio.scss change border and background-color color variable to your color value.
After all these changes you have to recompile your css.
Best,
Marta
ebebendel pro commented 5 years ago
Hi Marta, great! works fine now, i changed all colors. thxFREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: independent
- Browser: independent
- OS: independent
- Provided sample code: No
- Provided link: No