Dark Mode

Creator

Creator

Seonglae Cho

Created

Created

2021 Jun 30 7:5

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Jul 5 16:26

Refs

Refs

가독성이 좋은 건 아님

Browser Check

How do I detect dark mode using JavaScript?

Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, see our tips on writing great answers.

How do I detect dark mode using JavaScript?

https://stackoverflow.com/questions/56393880/how-do-i-detect-dark-mode-using-javascript

How do I detect dark mode using JavaScript?

Apple Dark Mode philosophy

Dark Mode - Visual Design - iOS - Human Interface Guidelines - Apple Developer

In iOS 13.0 and later, people can choose to adopt a dark system-wide appearance called Dark Mode. In Dark Mode, the system uses a darker color palette for all screens, views, menus, and controls, and it uses more vibrancy to make foreground content stand out against the darker backgrounds.

Dark Mode - Visual Design - iOS - Human Interface Guidelines - Apple Developer

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/dark-mode/

Dark Mode - Visual Design - iOS - Human Interface Guidelines - Apple Developer

Tips for Dark mode

다크모드 구성, 어떻게 하면 좋을까?

창업부터 지금까지, 저는 쭉- 스타트업 환경에서 업무를 진행했어요. 기획 업무를 바탕으로 프로젝트와 프로덕트 관리를 병행하면서요. 저의 첫 번째 스타트업은 솜클라우드와 폰테마샵 등을 운영하는 '위자드웍스'였습니다. 창업을 하면서 간단한 와이어프레임이나 기능 정의들을 해본 적 있었지만, 본격적으로 프로덕트를 담당하면서 배워야 할 것들이 참 많았어요.

다크모드 구성, 어떻게 하면 좋을까?

http://icunow.co.kr/guide-darkmode/

다크모드 구성, 어떻게 하면 좋을까?

프론트엔드가 알고 있으면 좋을 디자인 이야기 - 다크모드 | 수줍은 동그래 블로그

블로그를 만들고 나서, 이런 저런 기능들을 추가하다가 이젠 대세가 되어버린 Darkmode를 구현해야 겠다는 생각이 들었다. 단순히 글씨는 하얗게(#fff) & 배경은 어둡게(#000) 하는 것이 아닌 눈에 피로감이 덜하고 안정감 있는 다크모드를 구현하고 싶었고 디자인으로서 다크모드를 어떻게 접근해야하는지, 어떻게 풀어내는 것이 좋은지 찾아보았다. 디자이너 없이 개발자 스스로 디자인을 해야할 때 참고하면 좋을 것 같다.

프론트엔드가 알고 있으면 좋을 디자인 이야기 - 다크모드 | 수줍은 동그래 블로그

https://shylog.com/good-design-common-sence-if-frontend-konws-darkmode/

프론트엔드가 알고 있으면 좋을 디자인 이야기 - 다크모드 | 수줍은 동그래 블로그

Implementation

Notes on implementing dark mode

<em>Not</em> a dark mode tutorial, but a few notes on some specific refinements of a good dark mode implementation like tri-state instead of bi-state toggle, avoiding page flicker, and responding to theme changes from other tabs or the OS.

Notes on implementing dark mode

https://brandur.org/fragments/dark-mode-notes

Recommendations

////