스타일 수정 절차
- 스코프 확인: 수정하려는 스타일이 core.css, dark.css, 플러그인 css 중 어디에 정의되어 있는지 확인합니다.
- 우선순위 고려: CSS의 우선순위와 상속 규칙을 이해하고, 필요한 경우 선택자의 구체성을 높입니다.
- 테마 지원: 다크 모드와 같은 테마를 지원하는 경우, 두 스타일 모두에 대해 수정 사항을 적용해야 합니다.
권장 작업 방식
가능한 한 원본 파일을 수정하지 말고, 스킨 또는 추가 CSS 파일에서 스타일을 오버라이드하세요. 이를 통해 향후 버전 업그레이드 시 충돌을 최소화할 수 있습니다.
스타일 수정의 기본 원칙
스타일 문제는 대개 “원본 CSS를 바로 수정할지”와 “오버라이드 레이어를 둘지” 선택에서 갈립니다. 장기 운영 관점에서는 원본 파일 직접 수정보다 스킨 또는 별도 패치 CSS를 두는 편이 훨씬 안전합니다. 업데이트 때 덮어쓰기 충돌을 줄일 수 있기 때문입니다.
꼭 함께 확인할 화면
스타일을 바꾸면 작성 화면, 보기 화면, 모바일 화면, 다크 모드 화면을 반드시 함께 봐야 합니다. T2Editor는 미디어 블록과 코드 블록처럼 보기 화면에서 더 크게 드러나는 요소가 많아서, 작성 화면만 보고 끝내면 문제를 놓치기 쉽습니다.
색상과 간격 수정 시 주의
에디터는 텍스트보다 블록형 UI가 많기 때문에 색상만 바꿔도 대비와 여백의 균형이 함께 무너질 수 있습니다. 따라서 스타일 수정은 색상·테두리·여백을 묶어서 보는 것이 좋습니다.