Xp
Notice

어두운 곳에서 눈이 편한 '다크 모드' 기능 소개

 
114
  46668
Updated at 2019-11-21 16:04:38

안녕하세요 홈지기 정원석입니다.

 

최근 대부분의 OS에서 다크 모드 또는 야간 모드의 도입이 활발히 이뤄지고 있습니다. 그에 따라 매니아에도 해당 기능의 도입을 기대하셨던 분들이 계셨을 것 같습니다. 매니아는 아시다시피 단일 색상 셋으로 만들어진 대부분의 사이트와는 달리 NBA매니아, 야구매니아에 모두 80 여개가 넘는 색상 테마가 있고 크고 작은 기능이 워낙 많아 작업량이 어마어마하게 많았기에 설계, 개발, 테스트에 많은 시간이 걸렸는데요, 그 난관을 뚫고 마침내 개발이 완료되었다는 기쁜 소식 알려드리며 기능에 대한 소개를 드리도록 하겠습니다.

 

참고로 다크 모드의 전환은 현재까지는 '모바일 버전'에서만 작동합니다. PC 모드에서는 글쓰기 에디터가 다크 모드의 대응이 쉽지 않아 많은 검토가 필요하기 때문에 현재로서는 도입 여부 및 시기가 미정인 상태입니다.


다크 모드는 아래 그림 처럼 빨간 네모의 달 모양 버튼을 눌러 자동->켜짐->꺼짐 순으로 필요에 따라 전환하며 이용하시면 됩니다.(아래 그림은 '켜짐'으로 설정이 된 상태)

 

각 설정의 특징은 다음과 같습니다.

  • 자동: 사용자가 위치한 시간대의 일출/일몰 시간에 맞춰 자동으로 다크 모드가 켜지고 꺼집니다.
  • 켜짐: 시간대에 상관없이 항상 다크 모드를 사용합니다.
  • 꺼짐: 시간대에 상관없이 항상 다크 모드를 사용하지 않습니다.

 

매니아의 다크 모드의 설계 주안점은 다음과 같습니다.

  • 모든 페이지, 모든 요소에서 다크 모드 대응
  • 모든 색상 테마에 대응하는 다크 모드 전용 테마 색상 셋 개발 및 연동
  • 전 세계 어느 곳에서나 사용자의 시간대에 맞춰 자동 모드 작동
  • 사이트 내 각종 아이콘과 팀로고, 팀태그의 다크 모드 연동
  • 사이트 내 모든 팝업 창에서 다크 모드 연동
  • URL 자동 변환시 다크 모드 연동(현재 트위터만 지원되며, 인스타그램 등 다른 사이트에서 지원시 적용예정입니다.)
  • 밝은 이미지의 경우 눈이 덜 부시도록 자동 디밍 기능

 

이번 다크 모드 개발에 굉장히 많은 파일들이 수정되었고 특히 브라우저에 저장되는 캐시 파일들이 대거 수정되었기 때문에 정상적으로 매니아가 작동되지 않으시는 분들께서는 브라우저 임시파일(캐시파일)을 삭제해 주시면 원활한 이용이 가능하시니 참고 부탁드립니다.


이번 다크 모드 도입으로 보다 더 쾌적한 매니아 이용이 되셨으면 하는 바람입니다.

이 자리를 빌어 80여개 팀 로고들을 다크 모드 전용으로 변환하는데 도움을 주신 아스카님께 감사의 말씀 전합니다.

 

혹시 다크 모드 전환이 매끄럽게 되지 않은 부분을 찾으셨거나, 버그/문의 사항 등이 있으시면 사이트 하단의 '제안/문의' 게시판을 통해 알려주시면 빠르게 조치할 수 있도록 하겠습니다.

 

감사합니다.

47
Comments
1
2019-10-26 16:18:34

감사합니다!!

1
2019-10-26 16:24:00

방금 뭔가 다른게있어서 눌라봤는데 매우 좋네요!!

1
2019-10-26 16:25:58

엑스퍼트 버그 있어서 제안/문의 게시판에 글 남겼습니다!

WR
1
2019-10-26 16:29:54

문제 수정했습니다. 리포팅 감사합니다.

1
2019-10-26 16:26:25

편리한 기능 감사합니다.
모바일 다크모드때 혹시 하단에 새로운글뜨면
올라오는? 창 글씨색도 바탕처럼 어두워서.. 혹시 남겨봅니다..

WR
1
2019-10-26 16:29:34

정상적이라면 밝은색 글씨가 나와야 하는데요, 임시파일을 삭제하시고도 똑같은 문제가 생기시는지요?

1
2019-10-26 16:31:59

감사합니다 알려주신방법으로 해결되엇씁니다!

1
2019-10-26 16:39:05
1
2019-10-26 17:10:48

다크모드라니!!!
밤새 매니아하란 압박인가요????

1
2019-10-26 18:00:17

감사합니다~ 눈이 편하네요.

1
2019-10-26 18:01:05
1
2019-10-26 18:01:08

감사합니다

1
2019-10-26 18:08:29
좋네요
1
Updated at 2019-10-26 18:37:19

덕분에 더 밤에 못자겠네요.. 자려고 누워서 항상 매니아 1시간은 하는듯..

항상 감사합니다 운영진분들..!

1
2019-10-26 18:41:15

우왕 순간 뭔가 했네요!

2
2019-10-26 18:41:56

윈도우, 아이폰 모두 다크모드로 쓰는데 매니아까지
너무 감사합니다!

2019-10-27 17:28:30

저도 다크모드로 쓰고 있습니다. 아재의 안구건강을 위하여

2
2019-10-26 18:51:34
2
2019-10-26 18:52:26

다크모드 너무 이뻐요

2
2019-10-26 19:13:13

바뀌길 원했는데 마침 바뀌었네요! 정말 감사합니다

3
2019-10-26 19:30:28

크큭... 흐..흑화한다..크큭...

2
2019-10-26 19:44:02

너무 좋네요 감사합니다!!

2
2019-10-26 19:55:31

크으 이로서 매니아 중독이 더 심각해지겠군요

2
2019-10-26 20:04:18

언제나 나은 커뮤를 위해 고생하시는 운영진뷴들

1
2019-10-26 20:05:28

너무좋습니다!!!!!

1
2019-10-26 21:35:39

정말 너무 고생하셨고 감사합니다

1
2019-10-26 21:43:29

감동 그 자체네요.

1
2019-10-26 21:54:03

매니아로 밤새겠네요.

1
2019-10-27 00:00:05

으아 감동할 수 없는 형용입니다

1
2019-10-27 00:04:18

정말 감사드립니다.

2019-10-27 00:15:48

감사합니다! 야간모드! 다크모드! 흥해라아아앙

1
2019-10-27 12:09:13

감사합니다

2019-10-27 18:51:08

화면하단에 번개모양으로 새글알려주는부분 글씨색도 배경과비슷한 회색이라 가독성이떨어집니다~!

WR
2019-10-27 19:12:17

셋팅은 밝게 돼 있는데 이전에 쓰던 캐시파일이 [PHI]E•S•F님 브라우저 내에 남아있어서 그럴 것 같습니다. 위에 Karl-Anthony Towns님께서도 같은 증상을 브라우저 캐시 삭제로 해결하셨다고 합니다. 한 번 시도해 보시고 안되면 알려주십시오.

2019-10-27 21:53:14

매니아 퀄리티 후덜덜하네요
수고많으십니다

2019-10-27 23:18:18

눈도 편하고 너무 좋습니다!! 감사해요!

2019-10-28 09:45:08

지금 들어와보고 너무 놀랐습니다! 감사합니다!

2019-10-29 14:52:52

다크모드 사용시 양파군들의 배경이 흰색이여서 이질감이 없어보였던 것들이 눈에 띄긴 했습니다만 고치기 번거로운 작업같아서 말씀드리기 좀 조심스럽네요...

WR
Updated at 2019-10-29 16:55:21

양파군의 색상을 모두 반전시키고 배경을 따야 하는데 사실상 어렵습니다. 기존에도 다크 모드에서 양파군의 경우 약간 어둡게 처리했던 부분을 조금 더 어둡게 처리했습니다.

2019-10-29 19:25:13

넵 충분히 알고 있으며 이해하고 있습니다.
핸드폰부터 유튜브, 인스타, 카톡 등등 모든 어플을 다크모드로 쓰고 있는 사람으로서 너무 감사드릴수밖에 없는 업데이트인것 같습니다!!

2019-11-01 19:23:02

진짜 그냥 농구 커뮤임에도
매니아 보다 뛰어난 커뮤니티 시스템은 잘 ....

2019-11-03 00:53:44

몇일 써보니까 눈의 피로도가 확실히 줄었다고 느껴집니다. 사이트 운영하시는 디테일이 너무 훌륭합니다.

2019-11-04 08:56:32

다크 모드 정말 좋은데요.

근데 모바일 말고 PC에서, 왼쪽에 붙는 팀 태그가 구분이 잘 안되는 건 저만 그런가요?

팀 태그 그림이 가독성이 매우 떨어져서 식별이 잘 안되요.

WR
2019-11-04 21:56:41

크롬, 파이어폭스, 사파리, 엣지 등 요즘 브라우저들은 이미지 리사이즈 로직이 좋아져서 잘 보일텐데 가독성이 떨어진다고 말씀하신 걸로 봐서는 익스플로어가 아닐까 싶어 익스플로어로 확인해 보니 엄청나게 이미지 퀄리티가 떨어진 상태로 보이고 있었네요. 아스카님께 말씀드려서 익스플로어 전용 아이콘셋을 새로 만들어 추가했습니다. 만약 익스플로어를 사용하신 것이 아니라면 다시 답변 남겨주시면 해당 브라우저로 확인해 보도록 하겠습니다. 리포팅 감사드립니다. 

2019-11-04 22:44:56

맞습니다 익스플로어요!

2019-11-11 13:56:06

눈 편하고 너무 좋습니다

2019-11-16 19:11:33

넘나도 고급스러운것

  이전 페이지로
  공지사항 리스트
SERVER HEALTH CHECK: OK