블록 테마에서 버튼의 색과 모양이 예상대로 바뀌지 않을 때 살펴볼 항목입니다. theme.json의 기본 색이 자동으로 특정 팔레트 클래스를 붙이고 항상 우선한다는 예전 설명은 수정합니다.
어느 규칙이 적용되는지 먼저 보기
버튼에는 테마 기본값, 편집기에 저장한 사용자 스타일, 블록 스타일 변형, 개별 버튼의 색·인라인 스타일, 별도 CSS가 함께 작용할 수 있습니다. 브라우저 개발자 도구에서 해당 요소의 실제 클래스와 적용된 규칙을 확인해야 합니다.
개별 버튼과 기본값을 구분하기
편집기에서 지정한 색은 프리셋 클래스나 직접 값으로 저장될 수 있습니다. 기존 버튼의 사용자 지정 색을 기본값으로 되돌린 뒤 변형 스타일을 확인해보세요. 인라인 스타일이 모든 CSS보다 항상 우선한다는 설명도 정확하지 않습니다. 중요도와 우선순위, 로드 순서를 함께 봐야 합니다.
해결 범위를 좁히기
원인을 확인하지 않고 elements.button을 모두 비우면 다른 버튼까지 바뀔 수 있습니다. 필요한 변형에만 선택자를 지정하고, 기본 버튼과 링크·hover·focus 상태를 함께 확인하는 편이 좋겠습니다. !important를 무조건 추가하기보다 충돌하는 규칙부터 정리하세요.
border-radius도 같은 방식으로 실제 계산된 스타일을 확인합니다. 특정 테마의 한 문제를 모든 블록 테마의 공통 원인으로 볼 수는 없습니다.