minimal-mistakes 블로그 스킨 커스텀하기

minimal-mistakes에서 공식으로 제공하는 스킨 중에 마음에 드는 스킨이 없어서 커스텀해서 만들어 주었다
기본적으로 스킨 이름은 scss 파일명을 따라가는 구조인듯 해 ("air" 스킨의 파일명은 _air.scss) 원하는 스킨 이름으로 scss 파일을 새로 만든 뒤 _config.yml에서 해당 이름으로 스킨을 설정해 주었다

/* Colors */
$background-color: #FFFDE4!default; //배경색
$text-color: #002263 !default; //글자색
$primary-color: #005AA7 !default; //포인트 색
$border-color: mix($primary-color, $background-color, 0%) !default; //테두리 색
$code-background-color: #4D5357 !default;
$code-background-color-dark: #3F4447 !default;
$form-background-color: mix(#000, #FFFDE4, 15%) !default;
$footer-background-color: $primary-color !default; // footer 배경색
$link-color: #002263 !default; // 게시물 글자색
$link-color-hover: #005AA7 !default; // 포인터 올렸을 때 글자색
$link-color-visited: mix(#000, $link-color, 25%) !default;
$masthead-link-color: #002263 !default; // 상단링크 글자색
$masthead-link-color-hover: mix(#000, #005AA7, 20%) !default; // 포인터 올렸을 때 글자색
$navicon-link-color-hover: mix(#000, #005AA7, 60%) !default;

참고하시고 싶은 분은 참고하셔도 될듯…?

나는 괜찮은 색 조합을 찾다가 https://uigradients.com/#EveningNight 사이트의 색 조합이 예뻐보여 해당 색들을 기반으로 스킨 커스텀을 진행했다