안녕하세요!
저는 CSS에 대한 지식이 꽤 있지만 약간 오래된 편이며, 디자이너는 아닙니다.
CSS 오버라이드만으로 간단한 테마를 만들려면 시작점은 어디가 좋을까요? 도구(예: discourse_theme 등)에 대한 이야기가 아니라, 순수하게 디자인 관점에서 묻는 것입니다.
제가 하고 싶은 것의 좋은 예로, 네비게이션 메뉴(nav-pills)를 재설계하는 것을 들 수 있습니다.
매번 무언가를 달성할 때마다 다른 곳에서 무언가가 깨집니다. 수정된 요소가 놓여 있는 컨텍스트가 서로 다르기 때문입니다.
패딩을 통해 차원을 변경하면, 인접한 버튼(새 주제)이나 셀렉터(카테고리, 태그)와 높이가 같지 않아 불일치가 발생합니다.
내 필(pill)에 테두리를 추가하면, 네비게이션 바가 이미 테두리로 구분되어 있어 사용자 설정 페이지에서 보기 흉해집니다.
select-kit에 일부 수정 사항을 추가하는 것도 시도해 보았지만, select-kit의 모든 변형에서 수정 사항이 올바르게 작동하게 만드는 것은 악몽과 같다는 것을 알게 되었습니다.
저는 요소를 재설계하려고 할 때마다 거의 항상 문제를 겪습니다.
따라서 주어진 페이지에서 재설계를 시작하는 것이 올바른 해결책이 아니라고 생각합니다. 아마도 그 목적일 것 같은 /styleguide 페이지에서 시작하는 것이 좋겠다고 생각했지만, 문제가 종종 거의 동일하다는 것을 쉽게 알 수 있습니다. 스타일 가이드에 표시되는 각 요소는 실제 페이지에서 사용되는 컨텍스트가 부족합니다.
요소와 요소 간, 그리고 페이지 간의 상호작용이 너무 많아 금방 압도되고, 수정 사항을 "수정"하기 위해 지수적으로 패치하기 시작하는데, 이는 제가 절대 해서는 안 되는 일입니다.
제 문제 설명이 너무 모호하지 않기를 바랍니다.
제가 작은 변경 사항을 만드는 데 도움이 될 조언이 있으시면 공유해 주시면 정말 감사하겠습니다! 
제 질문은 다소 광범위하지만, 제가 하려는 수정의 종류를 보여주기 위해 여기 제 포럼의 기본 테마와 현재 작업 중인 모습을 올립니다.
시각적으로는 표시된 것보다 훨씬 더 많은 것이 되지는 않을 것이며 이 페이지는 잘 보이지만, 현재 제 현재 트윅(tweaks) 때문에 다른 페이지에서 글리치나 보기 흉한 영역이 너무 많습니다(물론 아직 발견하지 못한 것도 더 있을 것입니다).
