Topic: Customize spinner color
apichai52 pro asked 6 years ago
Hi,
I use mdb-pro for Angular. I would like to know how I can change the spinner color to 'white'.
Regards.
Add comment
Damian Gemza staff answered 6 years ago
Dear apichai52,
For now we're providing only 5 colors of spinners: Green, blue, yellow, red and primary color of your skin.
But if you really want to use the white spinner, you have to overwrite one of our already existing spinners color class, for example, the blue one. That's ugly way, but for now, I can't provide you a better way.
Add this code to your global styles.scss stylesheet:
.spinner-blue-only { border-color: #ffffff !important; } .spinner-blue-only.mat-progress-spinner svg path { stroke: #ffffff !important; }And then use code:
<mdb-spinner spinnerType="big" spinnerColor="blue"></mdb-spinner>
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags