← 목록
기타 2026-06-21 2KB 읽기 2분

요청: tiomta-디자인-참고-개선

  • 날짜: 2026-06-21 20:56:28
  • 작업 경로: /Users/ef/crowny-play/public

요청 본문

tiomta.com 디자인 보고 디자인 개선

관련 산출

(클로드가 작업 결과를 이어 기록)

결과 — 티옴타 디자인 표준 적용 + 라이트/다크 스위칭 (완료)

tiomta = 「티옴타 디자인 표준 v1.0」(초콜릿·크림·브래스·잉크, crowny.org 골드보다 리치). 표준 적용법 #2(=:root 토큰 값만 리맵)로 crowny-play 전 10 SPA 통일.

  • public/css/crowny-theme.css — 라이트(:root 크림/잉크/브래스 #B58A4A) + 다크([data-theme="dark"] 초콜릿 #211711). app/ticket/kbingo(--bg/--fg)·walk/matching(--text)·랜딩(--bg-card/--accent-2/--gradient) 변수명 전부 커버. serif 헤딩(Noto Serif KR @import), 웜 섀도우, chrome(상단바/탭바) --chrome-bg 토큰화(라이트에서 검게 안 남게).
  • public/js/crowny-theme.js — 시간 자동(06~18 라이트/그외 다크) + 플로팅 ☀/☾ 토글 + localStorage 영속. 각 HTML head FOUC-init 인라인 동기 적용(깜빡임 방지).
  • 스크림(rgba(0,0,0,.x) 모달)·브래스카드 위 흰텍스트는 양모드 공통 유지(정석).

검증

  • theme.css/js HTTP 200, 티옴타 토큰·Noto Serif·chrome-bg 반영, 10/10 init+theme.js, chrome 잔존 0, /app·/·ticket·kbingo 200.
  • ⚠️ 라이브 DOM 육안(라이트↔다크 전환·serif 렌더)은 강력새로고침 확인 권장.

잔여

  • 일부 페이지의 이미지 위 그라데이션(rgba(10,10,15,.6) 사진 스크림)은 양모드 공통 유지 — 필요시 추가 토큰화.