크롬에서 원하는 색상으로 커스텀 다크모드 설정하기, 그레이 모드!

 

목차

 

 

크롬에는 컨텐츠 배경까지 검정색으로 설정해주는 플러그인들이 있습니다.

플러그인 말고도 실험적으로 제공하는 chrome://flags를 통한 다크모드도 좋은데, 

계속 보다보면 배경이 되는 검정색이 너무 진해서 가끔은 일반 모드보다 눈에 자극적이라고 느껴질 때가 있습니다.

 

노션 같은 다크모드를 만들고 싶다

노션에 자체 내장된 다크모드는 배경이 너무 부담스럽지 않은 회색이라 좋아서,

이렇게 만들 방법이 없나 찾아본 결과, 배경색과 글씨색 등 다크모드 테마를 직접 지정할 수 있는 플러그인을 찾았습니다.

 

---

크롬 플러그인으로 커스텀 다크모드 설치하기

먼저, 크롬창 상단 오른쪽 프로필 사진 옆 점 세 개 아이콘을 클릭합니다.

이후 도구 더보기 > 개발자 도구로 진입합니다.  

 

플러그인 검색창에 'Super dark mode' 검색하고 설치해줍니다.

---

크롬 플러그인으로 커스텀 다크모드 사용하기

 

그러고 나면 플러그인에서 세팅한 기본 다크모드가 적용되고,

크롬 창 오른쪽 상단에 아래 사진에서 표시한 것과 같은 아이콘이 생성됩니다. 

만약 특정 사이트에 일시적으로 다크모드 적용하지 않으려면 위 아이콘을 눌러 해제할 수 있습니다

만약 특정 사이트에 지속적으로 다크모드를 적용하지 않으려면

해당 사이트 내에서 Control(Command) + Shift + E 를 눌러 적용 해제하거나, 

 

다크모드 아이콘 오른쪽 클릭 > 옵션 진입하여

직접 예외가 되는 도메인들을 작성해 주면 됩니다!
자체 다크모드가 잘 되어있는 사이트를 예외처리해주면 됩니다.

---

 

크롬 플러그인으로 커스텀 다크모드 설정하기

다시 크롬창 우상단의 다크모드 아이콘 오른쪽 클릭 > 옵션 진입하여

General Dark Themes를 클릭합니다. 

디폴트인 Classic을 Modern으로 변경하고, 원하는 색을 RGB로 직접 지정하면 됩니다.

Background color, Input borders color등이 의미하는 바는 위 사진과 같습니다.

제가 설정한 컬러를 다음 뉴스란에 적용시킨 결과입니다. 잘 되네요.

조금씩 변경해가면서 최적의 컬러를 찾으며 편-안한 인터넷 생활 되시길 바랍니다.

 

끝!