마이크로소프트 오피스 다크모드 설정방법 2021. 10. 20. 컴퓨터로 일을 많이 하는 사람이라면 다크모드의 중요성은 굳이 설명하지 않아도 잘 알 것이다. 밤이나 새벽에 일을 할 때 다크모드를 해야만 눈의 피로를 줄이고 오래 일을 할 수 있다. 오래 일을 한다는 것은 매우 중요한 일이다. 이는 꾸준히 집중력을 유지하고 오랫동안 일을 할 수 있다는 것을 의미하기 때문이다. 마이크로소프트에서는 그러한 것의 중요성을 잘 알고 있으며, 기본적으로 자사의 프로그램에 다크모드 기능을 추가하고 있다. 다소 부족하게 느껴지지만, 마이크로소프트 오피스의 워드나 파워포인트, 엑셀과 같은 문서작업 프로그램에서도 다크모드로 실행할 수 있다. 기본적으로 마이크로소프트는 다크모드를 지원하기 때문이다. 위와 같이 윈도우의 시스템 설정에서도 야간 모드를 지원하고 있으며, 작업표시줄이나 문서 바..

다크 모드 라이트 모드 토글스위치 기능(Javascript/JQuery) 2021. 7. 17. 다크 모드 라이트 모드 토글스위치 CSS와 JavaScript를 활용한 다크 모드 라이트 모드 토글스위치 기능을 내 사이트에 추가하는 방법입니다. 해외 사이트들을 참고하여, 현재 적용되어 있는 그대로의 코드값입니다. 버튼의 형태나 디자인 등은 사용자의 취향에 맞게 수정할 수 있으며, 위치 등도 조절해서 사용하시길 바랍니다. 버튼이 아닌 라벨 태그로도 구성할 수 있습니다. 이 경우에는 버튼 태그로 HTML 블록을 만들어주고 클릭 시 발생하는 자바스크립트인 onclick()를 활용한 방법입니다. 이미지(해)와 이미지(달) 간의 스위칭(토글 전환)은 removeClass와 addClass 자바스크립트로 구성하며, 버튼은 클릭했을 때 toggleClass로 'dark'로 전환되는 과정입니다. HTML과 Java..

구글 크롬 다크모드 전체 적용방법 - 강제 다크모드(Force Dark Mode for Web Contents) 2021. 5. 18. 구글 크롬 다크모드 전체 적용방법 네이버 웨일의 경우에는 쉽게 다크모드를 설정할 수 있습니다. 단순 UI 부분 외에도 모든 콘텐츠가 적용되어 야간작업을 할 때, 시력을 보호하고 눈 피로를 줄일 수 있습니다. 그렇다면, 구글 크롬에서는 어떻게 다크모드를 사용할 수 있을까요? 일반적으로 잘 알려진 방법은 구글 크롬의 테마를 변경하는 방법이 있습니다. 그러나, 이 방법은 UI 부분만 적용될 뿐 웹 페이지의 콘텐츠에는 적용되지 않습니다. 강제 다크모드(Force Dark Mode for Web Contents) 구글 크롬에는 실험실 기능이 있습니다. 보통은 개발자 모드라고도 하는데, 여러 가지 기능들을 제어할 수 있습니다. 모바일도 마찬가지로 이러한 실험실 기능을 활용할 수 있습니다. 이를 통해서 콘텐츠에도 적..

네이버 웨일브라우저 다크모드 설정방법 2020. 2. 14. 아무래도 컴퓨터로 거의 대부분의 것들을 해결하는 나는 컴퓨터를 오래할 수 밖에 없는데, 컴퓨터를 오래하다보니 눈이 너무나 쉽게 피로를 느껴서 뭔가 방법을 찾으려고 했다. 나는 웹브라우저 기능 중에 다크모드를 사용하고 있었는데, 브라우저 창의 웹컨텐츠 배경컬러는 바뀌지 않는 설정으로 하고 있었는데, 거의 대부분 웹사이트가 하얀색 배경을 기본으로 하고 있으므로 새벽에 컴퓨터를 하면 눈에 굉장히 부담이 되는 것이었다. 그래서 웨일브라우저의 다크모드 설정을 변경했다. 웨일브라우저 다크모드 기존 웨일브라우저의 다크모드는 인터페이스와 인터페이스 및 웹 콘텐츠에 적용하는 두 가지 설정방법이 있다. 인터페이스는 웨일브라우저 창만 컬러를 변경하는 것인데, 인터페이스와 웹 콘텐츠에 적용하는 부분을 설정하면 사이트의 배경컬..