yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

음성 재생과 운영 배포 정리

Browse source
This commit is contained in:
Yun Chan 2026-06-28 12:18:20 +09:00
parent 8ed185ce6c
commit ac7db95542
1020 changed files with 46863 additions and 2175 deletions
Download patch file Download diff file Expand all files Collapse all files

47
apps/web/src/styles/tokens.css
View file

@ -101,6 +101,8 @@
/* ── 그리드·형태 §3.8 ── */
--maxw: 1200px; /* 대시보드 콘텐츠 최대폭 */
--maxw-read: 680px; /* 읽기 영역 */
--border: var(--border-subtle);
--font-mono: var(--font-num);
--nav-w: 240px; /* 좌측 네비 펼침 */
--nav-w-collapsed: 72px; /* 좌측 네비 아이콘 only */
--topbar-h: 56px;
@ -177,9 +179,8 @@
}
/* ── 역할별 accent 오버라이드 §6.2 ──
같은 골격, accent 한 토큰만 교체. 모두 저채도.
API role(learner/teacher/admin) → data-role 매핑:
teacher 화면은 data-role="instructor"(인디고-블루), admin은 슬레이트. */
역할별 페이지를 다른 제품처럼 보이게 하지 않는다.
API role(learner/teacher/admin) → data-role 매핑은 유지하되, 기본 accent는 공통 세이지로 통일한다. */
[data-role="learner"] {
--accent: #3e7a6e;
--accent-deep: #316257;
@ -188,18 +189,18 @@
--focus-ring: rgba(62, 122, 110, 0.45);
}
[data-role="instructor"] {
--accent: #3a5ba0; /* 인디고-블루: 감독 */
--accent-deep: #2f4a85;
--accent-bright: #5478c4;
--accent-tint: #eaeff7;
--focus-ring: rgba(58, 91, 160, 0.4);
--accent: #3e7a6e;
--accent-deep: #316257;
--accent-bright: #5f968b;
--accent-tint: #eef4f2;
--focus-ring: rgba(62, 122, 110, 0.45);
}
[data-role="admin"] {
--accent: #5b5f6b; /* 슬레이트: 운영 */
--accent-deep: #494d57;
--accent-bright: #7d818e;
--accent-tint: #eeeff1;
--focus-ring: rgba(91, 95, 107, 0.4);
--accent: #3e7a6e;
--accent-deep: #316257;
--accent-bright: #5f968b;
--accent-tint: #eef4f2;
--focus-ring: rgba(62, 122, 110, 0.45);
}
/* 다크 + 역할 동시 적용 시 accent 명도 보정 (가독) */
@ -212,17 +213,17 @@
}
[data-theme="dark"] body[data-role="instructor"],
[data-theme="dark"][data-role="instructor"] {
--accent: #7d9fde;
--accent-deep: #94b1e6;
--accent-bright: #7d9fde;
--accent-tint: #19222f;
--focus-ring: rgba(125, 159, 222, 0.4);
--accent: #6fb3a4;
--accent-deep: #84c2b4;
--accent-bright: #6fb3a4;
--accent-tint: #1e2e2a;
--focus-ring: rgba(111, 179, 164, 0.45);
}
[data-theme="dark"] body[data-role="admin"],
[data-theme="dark"][data-role="admin"] {
--accent: #9aa0ad;
--accent-deep: #b0b5c0;
--accent-bright: #9aa0ad;
--accent-tint: #1d2026;
--focus-ring: rgba(154, 160, 173, 0.4);
--accent: #6fb3a4;
--accent-deep: #84c2b4;
--accent-bright: #6fb3a4;
--accent-tint: #1e2e2a;
--focus-ring: rgba(111, 179, 164, 0.45);
}