프로젝트 소개

GitHub Dark는 StylishThemes가 개발한 포괄적인 사용자 스타일 프로젝트로, GitHub의 인터페이스를 다크 테마로 변환하여 오랜 시간 코딩하는 개발자들에게 더 편안한 시청 경험을 제공합니다. 이 프로젝트는 Firefox, Chrome, Opera용 Stylus와 Safari용 Cascadea를 포함한 인기 브라우저 확장 프로그램과 함께 작동하도록 설계되었습니다. 핵심 기능은 단일 CSS 파일(github-dark.user.css)을 통해 제공되며, 사용자는 선호하는 브라우저 확장 프로그램을 통해 설치할 수 있습니다. 또한 최적의 결과를 위해 GitHub의 기본 다크 모드 설정을 활성화해야 합니다. 이 프로젝트의 주요 특징 중 하나는 구문 강조 테마에 대한 광범위한 지원입니다. GitHub의 기본 구문 강조, CodeMirror, Jupyter 노트북의 세 가지 플랫폼에서 여러 테마 옵션과의 호환성을 제공합니다. 지원되는 테마에는 Dracula, Monokai, Solarized Dark, One Dark, Tomorrow Night 변형 등 인기 있는 옵션이 포함됩니다. 각 테마는 다양한 플랫폼에서 호환성이 테스트되며, 문서에 상세한 호환성 매트릭스가 제공됩니다. 이 프로젝트는 메인 다크 테마와 결합하여 GitHub 경험을 더욱 사용자 정의할 수 있는 다양한 추가 사용자 스타일을 제공합니다. 여기에는 사용자 정의 글꼴, 코드 줄 바꿈, 커밋 제한, 간결한 피드, 피드 아이콘, 고정 헤더, 고정 사이드바, 탭 크기 조정, 사용자 정의 테두리 반경 등이 포함됩니다. 이러한 추가 스타일 중 일부는 StylishThemes 조직 내의 별도 저장소에서 유지 관리됩니다. GitHub Dark는 또한 다양한 GitHub 브라우저 확장 프로그램과의 호환성을 유지하여 Gitako, GitHub Notifications Dropdown, GitHub Polls, Lovely Forks, Notifications Preview for GitHub, OctoLinker, Octotree, Refined GitHub, Sourcegraph Browser Extension, ZenHub와 같은 인기 도구와 다크 테마가 원활하게 작동하도록 합니다. 이 프로젝트는 Node.js(버전 14 이상)와 make 기반의 빌드 시스템을 갖춘 구조화된 개발 워크플로우를 따릅니다. 소스 파일은 src 디렉토리에 구성되며, 자동 생성된 CSS 파일은 src/gen 디렉토리의 템플릿에서 생성됩니다. 특정 스타일링 요구를 처리하기 위해 수동 재정의를 추가할 수 있습니다. 빌드 프로세스에는 종속성 설치, CSS 빌드, 스타일 설치, 린터 실행, 소스 파일 포맷팅을 위한 대상이 포함됩니다. 이 프로젝트는 풀 리퀘스트를 통한 커뮤니티 기여를 장려하며, 새로운 기능 추가, 문제 수정, 누락된 테마 지원 완료에 대한 명확한 지침을 제공합니다. 저장소에는 사용자와 기여자 모두를 돕기 위한 상세한 목차, 미리보기 이미지, 포괄적인 문서가 포함되어 있습니다. 사용자 정의 도메인을 사용하는 GitHub Enterprise 사용자의 경우, Firefox의 @-moz-document 규칙이나 Chrome의 Applies to 섹션을 통해 사용자 정의 도메인에서 사용자 스타일을 작동하도록 구성하는 방법에 대한 지침을 제공합니다. 이 프로젝트는 JS Party 팟캐스트에서 언급되는 등 개발자 커뮤니티에서 인정을 받았으며, git 기록에서 생성된 AUTHORS 파일에서 알 수 있듯이 활발한 기여자 기반을 유지하고 있습니다.