기타유틸리티 Show 크롬 브라우저 배경 및 폰트 색상 변경 플러그인 소개크론크롱 2022. 5. 29. 14:18
인터넷 브라우저에는 여러가지의 개발사들이 만들어낸 여러종류의 브라우저가 있지만 대표적으로 구글에서 만들어낸 크롬 브라우저에는 "확장 프로그램" 기능의 플러그인들을 다운로드하여 크롬브라우저에서 특정 기능이 실행될 수 있도록 기능구현이 되어있으며 브라우저 내에서 가장 눈에 띄는것은 브라우저의 백그라운드 색상과 텍스트일 것 입니다 또한 각 사이트는 HTML, CSS 등으로 화면을 표현하는데 표현된 색상이 마음에 들지않거나 가시성이 떨어져보이는 경우 간편하게 배경색상 또는 텍스트의 색상을 조정하는 방법에 대해 알아보도록 합니다 배경 색상 플러그인위의 영상과 같이 크롬 브라우저에서 간편하게 배경색상이나 텍스트의 색상을 조정할 수 있으며 조정한 색상들의 값을 리스트로 지정하여 필요시에 필요 리스트를 선택하여 사용할 수 있습니다 플러그인 링크 https://chrome.google.com/webstore/detail/babu-background-rgb-color/dkabogmdcebincpnhjkblipnceehimch?hl=ko 배경 색상 브라우저를 위한 원본 색깔, 배경 색깔. 눈을 보호 chrome.google.com 링크로 이동한다면 위와같이 플러그인 추가 화면이 확인되게 되며 "Chrome에 추가" 버튼을 눌러 손쉽게 플러그인을 추가할 수 있습니다 "확장 프로그램 추가" 버튼을 선택합니다 아주 간편하게 추가가 되며 크롬 브라우저의 우측 상단의 "확장 프로그램" 항목에서 활성화를 해주도록 합니다 확장 프로그램 아이콘 선택 -> 배경 색상 항목에 핀 아이콘을 선택 합니다 배경색상의 플러그인 이 확인되며 클릭하여 설정을 진행합니다 플러그인의 실행 시 바로 적용이 되며 텍스트 또는 배경색상에 대해 색상을 지정할 수 있습니다 색상의 적용을 희망하지 않는 경우에는 상단에 위치하는 "OFF" 버튼을 클릭하여 해제할 수 있으며 "ON" 버튼을 다시 클릭하여 준다면 손쉽게 적용이 가능합니다 플러스 버튼을 클릭하는 경우 리스트에 추가가 되며 리스트를 선택시 적용한 색상값이 적용됩니다 네이버 사이트를 예시로 확인하였으며 리스트를 선택하여 색상을 자유자재로 변경해봤습니다 일부 CSS의 적용이 올바르게 코딩되지 않은 사이트의 경우 올바르게 작동되지않을 수 있으니 참고하셔서 "ON", "OFF" 버튼을 활용하여 사용하시는것이 좋겠습니다 내가 좋아하는 정보들/컴퓨터, 소프트웨어 크롬에서 원하는 색상으로 커스텀 다크모드 설정하기, 그레이 모드!앩옭 2022. 1. 2. 15:57 크롬에는 컨텐츠 배경까지 검정색으로 설정해주는 플러그인들이 있습니다. 플러그인 말고도 실험적으로 제공하는 chrome://flags를 통한 다크모드도 좋은데, 계속 보다보면 배경이 되는 검정색이 너무 진해서 가끔은 일반 모드보다 눈에 자극적이라고 느껴질 때가 있습니다. 노션 같은 다크모드를 만들고 싶다노션에 자체 내장된 다크모드는 배경이 너무 부담스럽지 않은 회색이라 좋아서, 이렇게 만들 방법이 없나 찾아본 결과, 배경색과 글씨색 등 다크모드 테마를 직접 지정할 수 있는 플러그인을 찾았습니다. 크롬 플러그인으로 커스텀 다크모드 설치하기먼저, 크롬창 상단 오른쪽 프로필 사진 옆 점 세 개 아이콘을 클릭합니다. 이후 도구 더보기 > 개발자 도구로 진입합니다. 플러그인 검색창에 'Super dark mode' 검색하고 설치해줍니다. 크롬 플러그인으로 커스텀 다크모드 사용하기그러고 나면 플러그인에서 세팅한 기본 다크모드가 적용되고, 크롬 창 오른쪽 상단에 아래 사진에서 표시한 것과 같은 아이콘이 생성됩니다. 만약 특정 사이트에 일시적으로 다크모드 적용하지 않으려면 위 아이콘을 눌러 해제할 수 있습니다 만약 특정 사이트에 지속적으로 다크모드를 적용하지 않으려면 해당 사이트 내에서 Control(Command) + Shift + E 를 눌러 적용 해제하거나, 다크모드 아이콘 오른쪽 클릭 > 옵션 진입하여 직접 예외가 되는 도메인들을 작성해 주면 됩니다! 크롬 플러그인으로 커스텀 다크모드 설정하기다시 크롬창 우상단의 다크모드 아이콘 오른쪽 클릭 > 옵션 진입하여 General Dark Themes를 클릭합니다. 디폴트인 Classic을 Modern으로 변경하고, 원하는 색을 RGB로 직접 지정하면 됩니다.
Background color, Input borders color등이 의미하는 바는 위 사진과 같습니다. 제가 설정한 컬러를 다음 뉴스란에 적용시킨 결과입니다. 잘 되네요. 조금씩 변경해가면서 최적의 컬러를 찾으며 편-안한 인터넷 생활 되시길 바랍니다. 끝! |