diff --git a/docs/raw/요구_1025/요구서_375_전역테마.md b/docs/raw/요구_1025/요구서_375_전역테마.md index e8aa4b70e..65db34ffb 100644 --- a/docs/raw/요구_1025/요구서_375_전역테마.md +++ b/docs/raw/요구_1025/요구서_375_전역테마.md @@ -1,6 +1,6 @@ -# 요구서 375 — 대시보드 테마를 프로젝트 안 화면까지 전역으로 +# 요구서 375 · 376 — 전체 영역 테마 통일 · 템플릿 부품 상자 -원문 = `사용자요구_1025.md` 요구 375 · 근거 = `_분석_375-A_토큰_공용부품.md`(토큰 · 공용 부품 · 단계) · `_분석_375-B_페이지별_위험.md`(페이지별 차이 · 그림 색 · 시험 · 대비) · 본보기 = 새 대시보드(PLAN 546~549) · 계획 = `PLAN.md` 551~554. +원문 = `사용자요구_1025.md` 요구 375 · 376(대상 = 전체 영역 · 템플릿 요소를 먼저 만들고 재활용) · 근거 = `_분석_375-A_토큰_공용부품.md`(토큰 · 공용 부품 · 단계) · `_분석_375-B_페이지별_위험.md`(페이지별 차이 · 그림 색 · 시험 · 대비) · 본보기 = 새 대시보드(PLAN 546~549) · 계획 = `PLAN.md` 551~554. ## 1. 지금 @@ -12,12 +12,15 @@ ## 2. 만들 것 +- **템플릿 부품 상자(요구 376)** — 개발 중 화면마다 다른 꼴로 만든 단추 · 탭 · 표 · 배지 · 도구줄 등을 부품 한 벌로 먼저 만들고 모든 화면이 그것을 재활용 · 「부품 모음 화면」(`#/ui-kit`)에 모든 부품을 밝음 / 어두움 · 상태별로 늘어놓아 기준으로 삼음 · 대시보드 PageKit 을 바탕으로 올림 · 변종이 많은 곳 = B05(자체 29 · 날 단추 22) · B06(26 · 12) · M02(37) · 스프레드시트(34) · CAD 앱 · B04(7 · 13) · B08(9). + - **공통 값 한 벌** — 대시보드 값(초록 강조 #1f7a4d · 바탕 #f6f7f9 · 카드 흰색 · 선 #e6e8ec · 글 #1f2328 · 보조 #6b7280 · 둥글기 10 · 밝음 / 어두움)을 `theme.css` 한 곳에 둠 · 대시보드는 그 값을 받아 씀 · 옛 보라 이름은 새 값의 별칭으로 돌려 260 곳이 저절로 따라옴. - **그림 색은 따로 고정** — 설계선 · 원지반선 · 이정표 · 지도 계획선 · CAD 바탕 · 3D 바탕은 그림 전용 값으로 지금 색 그대로 묶음(화면 테마와 떨어짐). - **공용 부품 모양** — 단추 · 입력 · 카드 · 표 · 탭 · 모달 · 알림 · 오른쪽 메뉴 · 좌측 패널 · 아래 단추 줄을 대시보드 꼴로(클래스 이름 그대로 · 값만) · 공용 탭 모양 하나 새로. - **아이콘** — 그림 이모지(⚠ ⚙ 💾 🔒 📍 등)를 Tabler 아이콘으로 · 글자 기호(→ ▾ ▲▼ ✓)는 그대로(시험이 글자로 잡음). - **글꼴** — 한 토큰(`--font-ui`)으로 묶음 · Pretendard 는 라이센스 답 뒤 한 줄로. - **배치 · 동작은 그대로** — 왼쪽 패널 · 지도 · 아래 단추 줄 자리 · ☰ 서랍 유지. +- **범위 = 전체 영역(요구 376)** — 공개 화면(A) · 로그인 · 임도설계 · 예정노선 · 안정성평가 · 마스터(M01 · M02) · CAD 겉 · 스프레드시트 · 모달 · 알림. ## 3. 정함(브레인 · 사용자가 바꿀 수 있음) @@ -34,13 +37,11 @@ ## 4. 사용자 확정 -1. 공개 화면(로그인 전 · A 그룹)도 같이 초록 · 회색으로 바뀌어도 되는지(기본 = 같이). -2. M02 · M01 마스터 화면을 이번에 같이 할지(기본 = 이번에 같이). -3. 프로젝트 화면 위에 대시보드 같은 머리 줄을 씌울지(기본 = 이번엔 안 함 · 뒤 단계). -4. 글꼴 Pretendard(SIL OFL) 허용 여부. +- 요구 376 = 범위 전체 영역(공개 화면 · M01 · M02 포함) · 부품 상자 먼저. +- 남은 물음: ① 프로젝트 화면 위에 대시보드 같은 머리 줄을 씌울지(기본 = 이번엔 안 함 · 뒤 단계) ② 글꼴 Pretendard(SIL OFL) 허용 여부. ## 5. 지킬 것 -- 클래스 이름 · data- · 기호 글자 · 화면 구조는 바꾸지 않음(시험 · 촬영 장면 보호). +- 공용 클래스 이름 · data- · 기호 글자는 부품이 그대로 냄 · 페이지 자체 변종을 부품으로 바꿀 때 바뀌는 선택자는 같은 커밋에 시험 · 촬영 장면을 고침. - 단계마다 전후 촬영 대조 · 그림 색 전후 같음 · B09 · E05 PDF 전후 같음. - 새 라이브러리 0.