크롬 글씨 색깔 - keulom geulssi saegkkal

기타유틸리티

크롬 브라우저 배경 및 폰트 색상 변경 플러그인 소개

크론크롱 2022. 5. 29. 14:18

크롬 글씨 색깔 - keulom geulssi saegkkal

인터넷 브라우저에는 여러가지의 개발사들이 만들어낸 여러종류의 브라우저가 있지만 대표적으로 구글에서 만들어낸 크롬 브라우저에는 "확장 프로그램" 기능의 플러그인들을 다운로드하여 크롬브라우저에서 특정 기능이 실행될 수 있도록 기능구현이 되어있으며 브라우저 내에서 가장 눈에 띄는것은 브라우저의 백그라운드 색상과 텍스트일 것 입니다 또한 각 사이트는 HTML, CSS 등으로 화면을 표현하는데 표현된 색상이 마음에 들지않거나 가시성이 떨어져보이는 경우 간편하게 배경색상 또는 텍스트의 색상을 조정하는 방법에 대해 알아보도록 합니다

배경 색상 플러그인

위의 영상과 같이 크롬 브라우저에서 간편하게 배경색상이나 텍스트의 색상을 조정할 수 있으며 조정한 색상들의 값을 리스트로 지정하여 필요시에 필요 리스트를 선택하여 사용할 수 있습니다

플러그인 링크

https://chrome.google.com/webstore/detail/babu-background-rgb-color/dkabogmdcebincpnhjkblipnceehimch?hl=ko 

배경 색상

브라우저를 위한 원본 색깔, 배경 색깔. 눈을 보호

chrome.google.com

크롬 글씨 색깔 - keulom geulssi saegkkal
크롬 글씨 색깔 - keulom geulssi saegkkal

링크로 이동한다면 위와같이 플러그인 추가 화면이 확인되게 되며 "Chrome에 추가" 버튼을 눌러 손쉽게 플러그인을 추가할 수 있습니다

크롬 글씨 색깔 - keulom geulssi saegkkal

"확장 프로그램 추가" 버튼을 선택합니다

크롬 글씨 색깔 - keulom geulssi saegkkal

아주 간편하게 추가가 되며 크롬 브라우저의 우측 상단의 "확장 프로그램" 항목에서 활성화를 해주도록 합니다

크롬 글씨 색깔 - keulom geulssi saegkkal

확장 프로그램 아이콘 선택 -> 배경 색상 항목에 핀 아이콘을 선택 합니다

크롬 글씨 색깔 - keulom geulssi saegkkal

배경색상의 플러그인 이 확인되며 클릭하여 설정을 진행합니다

크롬 글씨 색깔 - keulom geulssi saegkkal

플러그인의 실행 시 바로 적용이 되며 텍스트 또는 배경색상에 대해 색상을 지정할 수 있습니다

크롬 글씨 색깔 - keulom geulssi saegkkal

색상의 적용을 희망하지 않는 경우에는 상단에 위치하는 "OFF" 버튼을 클릭하여 해제할 수 있으며 "ON" 버튼을 다시 클릭하여 준다면 손쉽게 적용이 가능합니다

크롬 글씨 색깔 - keulom geulssi saegkkal

플러스 버튼을 클릭하는 경우 리스트에 추가가 되며 리스트를 선택시 적용한 색상값이 적용됩니다

크롬 글씨 색깔 - keulom geulssi saegkkal

네이버 사이트를 예시로 확인하였으며 리스트를 선택하여 색상을 자유자재로 변경해봤습니다

크롬 글씨 색깔 - keulom geulssi saegkkal

일부 CSS의 적용이 올바르게 코딩되지 않은 사이트의 경우 올바르게 작동되지않을 수 있으니 참고하셔서 "ON", "OFF" 버튼을 활용하여 사용하시는것이 좋겠습니다

내가 좋아하는 정보들/컴퓨터, 소프트웨어

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

앩옭 2022. 1. 2. 15:57

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

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

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

크롬 글씨 색깔 - keulom geulssi saegkkal
노션 같은 다크모드를 만들고 싶다

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

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


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

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

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

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

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

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

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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


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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

General Dark Themes를 클릭합니다. 

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

크롬 글씨 색깔 - keulom geulssi saegkkal
크롬 글씨 색깔 - keulom geulssi saegkkal

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

크롬 글씨 색깔 - keulom geulssi saegkkal

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

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

끝!