github 블로그_ 메뉴바 밑줄 색상 바꾸기

minimal mistakes theme의 contrast 에서 메뉴 바의 밑줄 색상을 변경하는 방법에 대한 기록입니다.

---

minimal mistakes의 contrast를 적용했을 때 기본적인 강조색은 빨~간 색이다.
메뉴바 호버 시 나타나는 밑줄 색이나,

.
.
toc의 색상, 인용구 표시 등이 그렇다.

포인트 강조 역할을 매우 충실히 수행하고 있는데, 나는 좀 더 눈이 편한 색상을 적용하고 싶어서 이를 변경하게 되었다.
방법은 아주 간단하다!!

(1) /skins/_contrast.scss 로 들어가서 primary-color를 찾는다.

(2) #ff0000 을 자신이 원하는 색상 코드로 변경해주면 된다.
색상 코드는 #ff0000 을 구글 검색창에 치면 아주 편하게 알 수 있다.

현재 아주아주 빨간색으로 지정이 되어있는 것을 확인할 수 있다.
마우스로 자신이 원하는 색상을 클릭하고, HEX에 나타난 색상코드를 복사하여 #ff0000을 대체해주면 된다.
나는 옅은 회색(#a3a3a3)으로 선택을 하여 아래와 같이 변경을 해주었다.

이렇게 수정을 하고 나면, 아래와 같이 변경된 것을 확인할 수 있다.

.
.