hELLO 스킨
TMAX 블로그는 정상우 님이 계발하여 배포해 주시는 hELLO 스킨을 사용합니다. 기존 프라치노 공간과 프라치노 공책 스킨을 사용하였는데 새롭게 변화하고 있는 티스토리 구조에 대하여 업데이트가 이루어지지 않고 있으며, 구매자 취향에 맞게 스킨을 수정하는 것이 어렵고 복잡하여 정상우 님의 hELLO스킨을 사용하기로 하였습니다.
기본 배경 색상 변경
기존 색상은 다크모드에 충실한 기본적인 색상입니다. 기존 색상도 나쁘지 않지만 저는 약간은 밝은 느낌의 다크모드였으면 하여 색상변경을 하였습니다. 아래는 기본 다크모드 색상 코드입니다.
.dark .dark\:bg-h-800 {
--tw-bg-opacity: 1;
background-color: rgb(30 31 33 / var(--tw-bg-opacity));
}
.dark .dark\:bg-h-700 {
--tw-bg-opacity: 1;
background-color: rgb(41 42 45 / var(--tw-bg-opacity));
}위 기본 색상을 개인적인 취향에 맞춰 아래와 같이 변경하였습니다.
.dark .dark\:bg-h-800 {
--tw-bg-opacity: 1;
background-color: rgb(49 52 60 / var(--tw-bg-opacity));
color: rgb(185, 185, 185);
}
.dark .dark\:bg-h-700 {
--tw-bg-opacity: 1;
background-color: rgb(44 44 52 / var(--tw-bg-opacity));
}지금 티맥스 블로그에 라이트 및 다크 모드 색상 변경이 적용된 모습니다. 기존 hELLO 스킨 색상과 크게 차이가 없이지만 약간은 밝은 색상으로 변경하여 감성적인 느낌을 주었습니다.
배경 색상 변경 마무리
배경 색상을 변경하면 여러 다른 요소들의 색상도 함께 조정해야 합니다. 기본 폰트 색상, 버튼 색상, 호버 색상 등 변경해야 할 항목이 많아지지만, 한 번 설정해 두면 오랫동안 쾌적하게 사용할 수 있는 환경이 만들어집니다. 이러한 점을 고려하면, 초기의 수고가 결코 헛되지 않을 것입니다.
