## 개요 — 무엇을 하나 InfraGuard 콘솔은 **다크(기본)** 와 **라이트** 두 가지 테마를 제공합니다. 테마는 문서 루트(``) 요소의 **`data-theme`** 속성 하나로 전환되며, 이 속성에 따라 SCSS 가 정의한 **`--infr-*` CSS 변수 토큰**의 값 세트가 통째로 바뀝니다. 모든 컴포넌트는 하드코딩된 hex 색 대신 `var(--infr-*)` 토큰만 사용하므로, 속성 한 글자(`dark`↔`light`)만 바꾸면 화면 전체가 즉시 재도색됩니다. 기본값은 **다크**다 — NOC(상황실) 콘솔로서 어두운 배경에서 상태 색(위험/경고/정상)이 또렷하게 읽히도록 딥 blue-black 바탕 + teal 시그널을 채택했습니다. ```text ← 기본, NOC 다크 ← 라이트(밝은 사무실 환경) ``` > [!NOTE] > 테마는 **순수 프론트엔드 프레퍼런스**입니다. 서버에 저장되지 않고, 사용자 계정·DB 와 무관하게 브라우저별 `localStorage` 에만 남습니다. 로그아웃해도 유지되고, 다른 사람이 같은 계정으로 다른 기기에서 접속하면 그 기기의 설정을 따릅니다. --- ## 언제 쓰나 - 야간 관제·상황실 대형 모니터 — **다크**(눈부심↓, 상태 색 대비↑). - 밝은 사무실·프로젝터·문서 캡처 — **라이트**. - 색약·대비 취향에 맞춰 개인별로 전환. 한 번 고르면 그 브라우저에서 계속 유지되므로, 보통 최초 1회만 설정하면 됩니다. --- ## 화면 구성 ### 헤더 토글 버튼 콘솔 셸(`layouts/app.blade.php`)과 로그인 화면(`layouts/simple.blade.php`) 상단바 우측에 **테마 토글 버튼**이 있습니다. | 항목 | 값 | |------|-----| | 마크업 훅 | `

{{ active_sector.title }}