[BootStrap] 테마 색상 커스트마이징

https://getbootstrap.com/

Bootstrap

 

 

 위의 예시를 보면 버튼에 danger, info 등에 색상이 커스터마이징 된 것을 볼 수 있다.

Customize에서 Color 로 들어오면 지정된 $theme-color을 확인할 수 있다.

이걸 복사해서 

커스터마이즈 할수 있는 곳에 붙여넣기 해준다 나는 scss파일에 넣어주었다.

 

 

 

그리고 아래 적혀있는 our Sass maps... url로 따라 들어가면 

아래와 같이 있는데

 

 

@import "../node_modules/bootstrap/scss/functions";

를 내 프로젝트 scss파일의 제일 위에 넣어준다.

 

이런식으로 바꿔주면 된다.