Lumina

Lumina는 Komari를 위한 테마로, 홈 화면에서는 부드러움과 카드화된 정보 밀도를 강조하며, 상세 페이지에서는 공식 테마, Mochi 및 PurCarte의 일부 인터랙션과 표시 아이디어를 흡수했습니다.

스크린샷

주간 모드 홈 화면 스크린샷:

야간 모드 홈 화면 스크린샷:

관리 화면 스크린샷:

특징

• 홈 화면은 노드 카드와 Ping 작업 뷰에 대한 데이터 구조 및 렌더링 최적화를 한 번 수행하여, 많은 노드에서도 원활함을 우선 보장합니다.
• WebSocket 새로고침 전략은 공식 테마를 참조하여 실시간성과 안정성을 모두 고려합니다.
• 상세 페이지는 Mochi와 PurCarte의 일부 장점을 통합하여 정보 밀도가 높은 상태 표시를 지향합니다.
• 테마 구성은 /admin/theme_managed의 관리 구성 방식이 아닌, ?view=theme-manage를 통해 프론트엔드 구성 페이지를 제공합니다.

테마 관리 패널

Lumina는 자체 프론트엔드 테마 관리 패널을 제공하며, 진입 경로는 백엔드 메뉴가 아닌 홈 화면 우측 상단의 작은 버튼입니다.

• 진입 위치: 로그인 후, 홈 화면 우측 상단 외관 전환 버튼 옆의 슬라이더 아이콘 버튼
• 직접 접근: /?view=theme-manage
• 주요 용도: Lumina의 기본 외관, 홈 화면 Ping 표시 바인딩 및 관련 테마 표시 선호를 집중 조정

현재 패널에서 주요 기능:

• 테마 기본 외관 설정: 밝은색, 어두운색 또는 시스템 따르기
• 홈 화면 지연 감지 구성: 홈 화면 노드 카드에 해당 Ping 작업 바인딩
• 현재 바인딩된 홈 화면 Ping 노드 수 통합 확인, 작업별 필터링 및 검색 가능
• 저장 전 현재 구성 상태 미리보기, 필요 시 한 번 클릭으로 이번 수정 초기화

홈 화면에서 이 버튼을 볼 수 없는 경우, 일반적으로 아직 로그인하지 않은 상태입니다.

설치

1. Releases에서 최신 버전 Lumina-vX.Y.Z.zip 다운로드
2. Komari 백엔드에 로그인 후, 테마 관리에서 ZIP 파일 업로드 및 활성화

테마 패키지에는 Komari 테마에 필요한 다음 파일이 포함되어 있습니다:

• dist/
• komari-theme.json
• preview.png

개발

요구 사항:

• Node.js 22+
• npm

의존성 설치:

로컬 개발:

빌드:

Komari 테마 ZIP 패키지 제작:

참고

• Komari 테마 개발 문서
• Komari API 문서
• Komari RPC 문서
• 공식 테마 komari-web
• Mochi 테마
• PurCarte 테마

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.