DEV Community

Discussion on: How to Customize Bootstrap Theme using Sass.

Collapse
 
yansusanto profile image
Yan Susanto • Edited

Hi Origho

Thanks for the article. I have one question that has been bothering me.

Say I have

$theme-colors: (
  "blue": #375abb,
);

Why is it that when checking the developer tool it shows that I have a new CSS variable that replaces the default? Please refer to the attached image below

Collapse
 
orighoprecious profile image
Origho Precious

Goodmorning, It will certainly replace the default that’s how it will made to be that’s why on bootstrap code file they are written and flagged as !default because they are to be overwritten . I hope this answers your question

Collapse
 
yansusanto profile image
Yan Susanto

Thank you for your reply. That's what I thought so. But I've seen others able to change the variables without overriding !default values (which can be seen with developer's tool).

Now I need to find out why and how. Been looking for the answer since.