며칠 동안 다듬어 온 테마를 마침내 공개했습니다. 이제 MIT 라이선스 하에서 오픈 소스로 제공됩니다. 이 테마는 반투명하고 안개 낀 유리(frosted-glass) 표면(헤더, 사이드바, 메뉴, 다이얼로그, 검색)을 중심으로 한 깔끔하고 현대적인 디자인을 갖추고 있으며, 하드코딩된 색상이 아닌 Discourse의 CSS 커스텀 프로퍼티에 모두 연결된 전용 라이트 및 다크 컬러 스킴을 사용합니다. 덕분에 라이트/다크 모드 자동 전환이 바로 작동합니다.
안개 낀 유리 표면 — 헤더, 사이드바/햄버거 메뉴, 헤더 검색 필드/드롭다운이 배경 흐림 효과와 함께 반투명하게 표시됩니다. 불투명도와 흐림 강도 모두 설정 가능합니다.
유리 소재 메뉴 및 다이얼로그 — 드롭다운 메뉴(예: 알림)와 다이얼로그가 동일한 안개 낀 유리 느낌을 공유하며, 얇은 헤어라인 가장자리와 상단의 은은한 하이라이트가 적용됩니다. 다이얼로그 뒤쪽의 페이지는 어두워지는 대신 흐려집니다. 메뉴와 다이얼로그의 불투명도와 흐림은 각각 별도로 조정할 수 있습니다.
선택적 헤더 틴트 — 활성 컬러 스킴의 액센트 색상이나 원하는 커스텀 색상으로 헤더에 은은한 색상을 부여할 수 있으며, 강도도 조절 가능합니다. Safari에서는 브라우저 툴바 영역도 이에 맞춰 틴트가 적용됩니다. 기본적으로 꺼져 있습니다.
별도의 전용 라이트 및 다크 컬러 스킴 (단일 스킴의 단순 반전이 아님) — 텍스트와 UI 요소에 대해 WCAG AA 대비를 검증했습니다.
X/Twitter 스타일의 원박스(Onebox) 링크 미리보기 — 헤어라인 테두리와 둥근 모서리를 적용했습니다.
에티켓(Etiquette) 스타일의 깃발/화살표 모양 태그
모든 기기에서 고정된 16:9 비디오 임베드
은은한 호버 상태를 갖춘 줄무늬(제브라 스트라이프) 토픽 목록
버튼, 카드, 모달, 입력 필드에 걸친 설정 가능한 모서리 둥글기
스킴 자체의 텍스트 색상을 사용하여 라이트 모드와 다크 모드 모두에서 잘 보이도록 설계된 접근성 있는 포커스 아웃라인
위의 모든 항목은 테마 설정입니다 — 원하지 않는 항목은 끄거나 조정할 수 있습니다.
설치 방법
Customize → Themes → Install → From a git repository:
https://github.com/terraboss/discourse-terraglass
이렇게 설치하면 향후에도 "Check for updates"를 클릭 한 번으로 업데이트를 확인할 수 있습니다.
피드백을 환영하며, 기능 요청이나 버그 리포트도 기꺼이 받아보겠습니다.
PS: 스크린샷은 Meta에서브라우저 개발자 콘솔을 통해 테마를 로컬에 적용한 상태로 촬영했습니다
브라우저 개발자 콘솔을 통해 테마를 로컬에 적용한 상태로 촬영했습니다 
