color

color

_layouts/home.html

@@ -45,7 +45,7 @@
 
 <h2 class="category-title study">Studies and Projects</h2>
 <div id="post-list" class="flex-grow-1 px-xl-1">
-  {% assign study_posts = posts | where_exp: "post", "post.categories contains 'study' or post.categories contains 'algorithm'" %}
+  {% assign study_posts = posts | where_exp: "post", "post.categories contains 'study'" %}
   {% for post in study_posts limit:4 %}    
       <article class="card-wrapper card">
         <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse">
@@ -102,13 +102,13 @@ <h1 class="card-title my-2 mt-md-0">{{ post.title }}</h1>
 
   {% endfor %}
   {% if study_posts.size > 4 %}
-    <a href="{{ '/categories/hobbies' | relative_url }}" class="btn btn-outline-custom">더 보기</a>
+    <a href="{{ '/categories/study' | relative_url }}" class="btn btn-outline-custom">더 보기</a>
   {% endif %}
 </div>
 
 <h2 class = "category-title hobbies">Daily life and Interests</h2>
 <div id="post-list" class="flex-grow-1 px-xl-1">
-  {% assign hobby_posts = posts | where_exp: "post", "post.categories contains 'hobbies' or post.tags contains 'hobbies'" %}
+  {% assign hobby_posts = posts | where_exp: "post", "post.categories contains 'daily' or post.categories contains 'interests'" %}
   {% for post in hobby_posts limit:4 %}
       <article class="card-wrapper card">
         <a href="{{ post.url | relative_url }}" class="post-preview row g-0 flex-md-row-reverse">

_posts/2024-08-04-twillio.md

@@ -2,7 +2,7 @@
 title: Twillio를 활용해 전화 서비스 만들기
 author: BambooStreet
 date: 2024-08-04 00:00:00 +0800
-categories: [hobbies]
+categories: [daily]
 tags: [algorithm, 알고리즘, 완전탐색]
 image: assets/img/posts/20240804/testcat.jpg
 ---

_sass/addon/commons.scss

@@ -708,7 +708,7 @@ $btn-mb: 0.5rem;
   background: var(--sidebar-bg);
 
   /* 사이드바 배경 이미지 추가(아래 3줄) */
-  background: url('/assets/img/sidebar/인상-해돋이.jpg');
+  background: url('/assets/img/sidebar/별이빛나는밤에.jpg');
   background-size: auto;
   background-position: center;
 

_sass/colors/typography-dark.scss

@@ -11,18 +11,18 @@
   /* Common color */
   // --text-color: rgb(175, 176, 177);
   // --text-muted-color: #868686;
-  --text-color: #b8c5d2;
-  --text-muted-color: #b8c5d2; // 포스트카드 내용 색상 변경
-  
+  --text-color: #A0B0C0;
+  --text-muted-color: #a0b0c0b0; // 포스트카드 내용 색상 변경
+
   // --text-muted-hightlight-color: #aeaeae;
-  --text-muted-hightlight-color: #b8c5d2;
+  --text-muted-hightlight-color: #D0D0D0;
 
   // --heading-color: #cccccc;
-  --heading-color: #b8c5d2; // 포스트카드 제목 색상 변경
+  --heading-color: #B8C8D8; // 포스트카드 제목 색상 변경
   --label-color: #a7a7a7; 
   --blockquote-border-color: rgb(66, 66, 66);
   --blockquote-text-color: #868686;
-  --link-color: rgb(138, 180, 248);
+  --link-color: #87CEEB;
   --link-underline-color: rgb(82, 108, 150);
   --button-bg: #1e1e1e;
   --btn-border-color: #2e2f31;
@@ -41,11 +41,11 @@
   );
 
   /* Sidebar */
-  --site-title-color: #96b9db;
-  --site-subtitle-color: #b8c5d2;
+  --site-title-color: #B8C8D8;
+  --site-subtitle-color: #B8C8D8;
   --sidebar-bg: #1e1e1e;
   --sidebar-border-color: #292929;
-  --sidebar-muted-color: #b8c5d2; // 사이드바 컬러
+  --sidebar-muted-color: #B8C8D8; // 사이드바 컬러
   --sidebar-active-color: rgb(255, 255, 255, 0.95);
   --sidebar-hover-bg: #262626;
   --sidebar-btn-bg: #232328;

_sass/layout/home.scss

@@ -160,7 +160,7 @@ h2 {
   .section-divider {
     margin: 2rem 0;
     border: 0;
-    border-top: 1px solid rgba(149, 151, 160, 0.819);
+    border-top: 1px solid var(--heading-color);
   }
 
   h2 {
@@ -180,13 +180,13 @@ h2 {
   }
 
   .category-title.study {
-    color: #b8c5d2;
-    border-color: #b8c5d2;
+    color: var(--heading-color);
+    border-color: var(--heading-color);
   }
 
   .category-title.hobbies {
-    color: #b8c5d2;
-    border-color: #b8c5d2;
+    color: var(--heading-color);
+    border-color: var(--heading-color);
   }
 
   #post-list {