[깃허브 스킨] 💜Purple 스킨 - 깃허브 블로그 Minimal mistakes 테마

 

제가 이 티스토리 블로그 이전에 운영했었던 깃허브 블로그가 있습니다.

지금은 그 깃허브 블로그의 크고 작은 문제들 때문에 이렇게 티스토리에 정착하게 되었어요.

 

마크다운으로 열심히 작성해 두었던 포스팅들도 하나 하나 티스토리에 옮겨 놓았고

검색등록, 애널리틱스, 서치콘솔 등록도 간단하게 다 마쳤습니다. 😣

 

 

테마는 jekyll 테마 "Minimal mistakes" 를 사용했고요,

스킨은 기존 여러 스킨 대신에 제가 직접 커스텀 한 스킨을 사용했습니다.

 

기존 스킨 중에 썩 맘에 드는 스킨이 없더라고요. 😀

그래서 제가 색깔들을 조합해서 만든 스킨들을 하나씩 배포해 보려 합니다.

🔥 색상 정보

이번 Purple 스킨은 말 그대로 "보라색"을 모티브로 제작되었습니다.

포인트 색상은 (#7f22fd) 이고, 링크 색상은 민트색(#96f2d7) 입니다.

 

 

🔥 스킨 코드 (SCSS)

 

https://github.com/Eggjini/Minimal-mistakes-skin/blob/main/skins/_purple.scss

GitHub - Eggjini/Minimal-mistakes-skin: 깃허브 블로그 테마 Minimal mistakes 스킨 배포🔥

위 링크 클릭하시면 깃허브 레포지토리로 연결됩니다!

깃허브 사용법을 모르신다면

 

https://eggjini.tistory.com/3

[깃허브] 프로필부터 여러 기능 활용까지 한방에 끝내기

 

이 포스팅을 참고하세요~ 😊

 

/* ==========================================================================
   Purple skin
   ========================================================================== */

/* Colors */
$background-color: #373c3f !default;
$text-color: #eaeaea !default;
$primary-color: #7f22fd !default;
$border-color: mix(#fff, $background-color, 20%) !default;
$code-background-color: #4D5357 !default;
$code-background-color-dark: #3F4447 !default;
$form-background-color: mix(#000, $background-color, 15%) !default;
$footer-background-color: mix(#000, $background-color, 30%) !default;
$link-color: #96f2d7 !default;
$link-color-hover: #7f22fd !default;
$link-color-visited: mix(#000, #96f2d7, 25%) !default;
$masthead-link-color: $text-color !default;
$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
$navicon-link-color-hover: mix(#000,  #7f22fd, 35%) !default;

.author__urls.social-icons i,
.author__urls.social-icons .svg-inline--fa,
.page__footer-follow .social-icons i,
.page__footer-follow .social-icons .svg-inline--fa  {
  color: inherit;
}

.ais-search-box .ais-search-box--input {
  background-color: $form-background-color;
}

 

✏️ 글꼴 정보

 

본문: 이롭게 바탕체 [링크]

무료 한글 폰트 '이롭게 바탕체'

제목 (Htag): 횡성한우체 [링크]

눈누

 

네비게이션바: 카페24 고운밤 [링크]

눈누

 

폰트 미리보기

 

폰트는 위에 올려둔 링크에 따로 포함되지 않아요 😥

폰트 적용을 위해서는 따로 파일을 수정해 줘야 한답니다!

폰트 수정은 다음에 포스팅으로 올려 둘게요 😁