# 간단한 테마를 만들 때의 모범 사례는? **URL:** https://meta.discourse.org/t/best-practice-to-create-a-simple-theme/397315 **Category:** Development **Created:** [2월 27, 2026, 10:37오후 UTC](https://meta.discourse.org/t/best-practice-to-create-a-simple-theme/397315 "2026-02-27T22:37:12Z") **Posts on this page:** 1 **Showing post:** 1
### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin) #### Post date: [2월 27, 2026, 10:37오후 UTC](https://meta.discourse.org/t/best-practice-to-create-a-simple-theme/397315/1 "2026-02-27T22:37:12Z")
안녕하세요! 저는 CSS에 대한 지식이 꽤 있지만 약간 오래된 편이며, 디자이너는 아닙니다. CSS 오버라이드만으로 간단한 테마를 만들려면 시작점은 어디가 좋을까요? 도구(예: discourse\_theme 등)에 대한 이야기가 아니라, 순수하게 디자인 관점에서 묻는 것입니다. 제가 하고 싶은 것의 좋은 예로, 네비게이션 메뉴(nav-pills)를 재설계하는 것을 들 수 있습니다. 매번 무언가를 달성할 때마다 다른 곳에서 무언가가 깨집니다. 수정된 요소가 놓여 있는 컨텍스트가 서로 다르기 때문입니다. 패딩을 통해 차원을 변경하면, 인접한 버튼(새 주제)이나 셀렉터(카테고리, 태그)와 높이가 같지 않아 불일치가 발생합니다. 내 필(pill)에 테두리를 추가하면, 네비게이션 바가 이미 테두리로 구분되어 있어 사용자 설정 페이지에서 보기 흉해집니다. select-kit에 일부 수정 사항을 추가하는 것도 시도해 보았지만, select-kit의 모든 변형에서 수정 사항이 올바르게 작동하게 만드는 것은 악몽과 같다는 것을 알게 되었습니다. 저는 요소를 재설계하려고 할 때마다 거의 항상 문제를 겪습니다. 따라서 주어진 페이지에서 재설계를 시작하는 것이 올바른 해결책이 아니라고 생각합니다. 아마도 그 목적일 것 같은 `/styleguide` 페이지에서 시작하는 것이 좋겠다고 생각했지만, 문제가 종종 거의 동일하다는 것을 쉽게 알 수 있습니다. 스타일 가이드에 표시되는 각 요소는 실제 페이지에서 사용되는 컨텍스트가 부족합니다. 요소와 요소 간, 그리고 페이지 간의 상호작용이 너무 많아 금방 압도되고, 수정 사항을 "수정"하기 위해 지수적으로 패치하기 시작하는데, 이는 제가 절대 해서는 안 되는 일입니다. 제 문제 설명이 너무 모호하지 않기를 바랍니다. 제가 작은 변경 사항을 만드는 데 도움이 될 조언이 있으시면 공유해 주시면 정말 감사하겠습니다! 🤗 제 질문은 다소 광범위하지만, 제가 하려는 수정의 종류를 보여주기 위해 여기 제 포럼의 기본 테마와 현재 작업 중인 모습을 올립니다. ![image](https://global.discourse-cdn.com/meta/original/4X/b/d/a/bda2530a2e333ea291c31afa1e9691763bc26438.png) ![image](https://global.discourse-cdn.com/meta/original/4X/3/5/7/35707e685e1d9bbbbc4ba1a8b882596397afa735.png) 시각적으로는 표시된 것보다 훨씬 더 많은 것이 되지는 않을 것이며 이 페이지는 잘 보이지만, 현재 제 현재 트윅(tweaks) 때문에 다른 페이지에서 글리치나 보기 흉한 영역이 너무 많습니다(물론 아직 발견하지 못한 것도 더 있을 것입니다). --- _[View the full topic](https://meta.discourse.org/t/best-practice-to-create-a-simple-theme/397315)._