어두운 곳에서 눈이 편한 '다크 모드' 기능 소개
안녕하세요 홈지기 정원석입니다.
최근 대부분의 OS에서 다크 모드 또는 야간 모드의 도입이 활발히 이뤄지고 있습니다. 그에 따라 매니아에도 해당 기능의 도입을 기대하셨던 분들이 계셨을 것 같습니다. 매니아는 아시다시피 단일 색상 셋으로 만들어진 대부분의 사이트와는 달리 NBA매니아, 야구매니아에 모두 80 여개가 넘는 색상 테마가 있고 크고 작은 기능이 워낙 많아 작업량이 어마어마하게 많았기에 설계, 개발, 테스트에 많은 시간이 걸렸는데요, 그 난관을 뚫고 마침내 개발이 완료되었다는 기쁜 소식 알려드리며 기능에 대한 소개를 드리도록 하겠습니다.
참고로 다크 모드의 전환은 현재까지는 '모바일 버전'에서만 작동합니다. PC 모드에서는 글쓰기 에디터가 다크 모드의 대응이 쉽지 않아 많은 검토가 필요하기 때문에 현재로서는 도입 여부 및 시기가 미정인 상태입니다.
다크 모드는 아래 그림 처럼 빨간 네모의 달 모양 버튼을 눌러 자동->켜짐->꺼짐 순으로 필요에 따라 전환하며 이용하시면 됩니다.(아래 그림은 '켜짐'으로 설정이 된 상태)
각 설정의 특징은 다음과 같습니다.
- 자동: 사용자가 위치한 시간대의 일출/일몰 시간에 맞춰 자동으로 다크 모드가 켜지고 꺼집니다.
- 켜짐: 시간대에 상관없이 항상 다크 모드를 사용합니다.
- 꺼짐: 시간대에 상관없이 항상 다크 모드를 사용하지 않습니다.
매니아의 다크 모드의 설계 주안점은 다음과 같습니다.
- 모든 페이지, 모든 요소에서 다크 모드 대응
- 모든 색상 테마에 대응하는 다크 모드 전용 테마 색상 셋 개발 및 연동
- 전 세계 어느 곳에서나 사용자의 시간대에 맞춰 자동 모드 작동
- 사이트 내 각종 아이콘과 팀로고, 팀태그의 다크 모드 연동
- 사이트 내 모든 팝업 창에서 다크 모드 연동
- URL 자동 변환시 다크 모드 연동(현재 트위터만 지원되며, 인스타그램 등 다른 사이트에서 지원시 적용예정입니다.)
- 밝은 이미지의 경우 눈이 덜 부시도록 자동 디밍 기능
이번 다크 모드 개발에 굉장히 많은 파일들이 수정되었고 특히 브라우저에 저장되는 캐시 파일들이 대거 수정되었기 때문에 정상적으로 매니아가 작동되지 않으시는 분들께서는 브라우저 임시파일(캐시파일)을 삭제해 주시면 원활한 이용이 가능하시니 참고 부탁드립니다.
이번 다크 모드 도입으로 보다 더 쾌적한 매니아 이용이 되셨으면 하는 바람입니다.
이 자리를 빌어 80여개 팀 로고들을 다크 모드 전용으로 변환하는데 도움을 주신 아스카님께 감사의 말씀 전합니다.
혹시 다크 모드 전환이 매끄럽게 되지 않은 부분을 찾으셨거나, 버그/문의 사항 등이 있으시면 사이트 하단의 '제안/문의' 게시판을 통해 알려주시면 빠르게 조치할 수 있도록 하겠습니다.
감사합니다.
감사합니다!!