Google Chrome은 세계에서 가장 인기 있는 웹 브라우저이지만, 인기가 곧 최고라는 의미는 아닙니다. 실제로 Opera나 Vivaldi 같은 브라우저는 구글보다 훨씬 다양한 사용자 지정 설정을 제공합니다. 다행히 크롬에도 브라우저를 마음껏 꾸밀 수 있는 확장 프로그램이 여럿 존재합니다.
그중에서 주목할 만한 것이 바로 Custom Scrollbars입니다. 이 확장 프로그램을 사용하면 크롬의 스크롤바 색상, 둥근 정도, 두께까지 자유롭게 변경할 수 있습니다. 지금부터 Custom Scrollbars로 크롬 스크롤바를 개성 있게 꾸미는 방법을 알아보겠습니다.
크롬용 Custom Scrollbars 확장 프로그램 설치하기
먼저 Google Chrome에서 Chrome 웹 스토어의 Custom Scrollbars 페이지를 열어주세요. 페이지에서 + Chrome에 추가 버튼을 클릭하고, 팝업 창이 나타나면 확장 프로그램 추가를 선택해 설치를 진행합니다.
설치 후 URL 주소창 옆에 Custom Scrollbars 아이콘이 보이지 않는다면, 도구 모음의 확장 프로그램(퍼즐 모양) 버튼을 누르고 목록에서 Custom Scrollbars 옆의 고정 핀 아이콘을 클릭하세요. 이렇게 고정해두면 언제든 아이콘을 클릭해 설정 화면을 불러올 수 있습니다.
스크롤바를 꾸밀 때는 확장 프로그램의 전용 설정 탭을 이용하는 것이 좋습니다. 아이콘 메뉴에서 옵션(Options) 버튼을 누르면 새 탭이 열리며, 여기서 Custom Scrollbars가 제공하는 모든 설정 항목을 확인할 수 있습니다.
Custom Scrollbars로 스크롤바 색상 변경하기
Custom Scrollbars의 가장 큰 매력은 바로 색상 커스터마이징 기능입니다. 썸(thumb)과 트랙(track) 각각의 팔레트를 통해 스크롤바 막대와 배경의 색을 따로 지정할 수 있습니다.
색상 변경 절차는 다음과 같습니다.
- Use custom colors(사용자 지정 색상 사용) 옵션의 Yes 라디오 버튼을 선택합니다.
- Scrollbar thumb color(스크롤바 썸 색상) 팔레트 안의 작은 원을 드래그해 원하는 색을 선택합니다.
- HSV 슬라이더를 위아래로 조절하면 선택한 색의 명도·채도 음영도 자유롭게 바꿀 수 있습니다.
- Scrollbar track color(트랙 색상) 팔레트에서 원을 드래그해 배경 막대의 색을 정합니다.
- Save(저장) 버튼을 클릭하면 새로운 색상이 스크롤바에 즉시 적용됩니다.
- 변경 결과를 확인하려면 구글 검색창에 아무 키워드나 입력해 보세요. 검색 결과 페이지에서 알록달록한 새 스크롤바를 위아래로 스크롤하며 감상할 수 있습니다.
스크롤바 두께, 둥근 정도, 버튼 조절하기
더 굵은 스크롤바를 원하시거나, 반대로 더 얇은 스크롤바를 선호하시나요? 확장 프로그램에는 Scrollbar width(스크롤바 너비) 설정이 포함되어 있어 Wide(굵게) 또는 Thin(얇게) 라디오 버튼으로 손쉽게 조절할 수 있습니다.
Other(직접 입력) 라디오 버튼을 선택하면 텍스트 상자에 원하는 값을 직접 입력해 픽셀 단위 등으로 세밀하게 지정할 수도 있습니다. 기본 단위는 픽셀이지만, 드롭다운 메뉴에서 다른 단위로 변경 가능합니다.
각진 직사각형 스크롤바에 질리셨다면 Scrollbar roundness(둥근 정도) 슬라이더를 조절해 보세요. 슬라이더를 오른쪽으로 끝당길수록 스크롤바의 모서리가 부드럽게 둥글어집니다.
또한 Scrollbar buttons(스크롤바 버튼) 옵션도 유용합니다. None을 선택하면 막대 상단과 하단의 화살표 버튼이 사라져 깔끔해지고, Light 또는 Dark를 선택하면 흰색 또는 검은색 화살표 버튼이 표시됩니다.
모든 설정을 마쳤다면 반드시 Save(저장) 버튼을 눌러야 합니다. 저장하지 않으면 변경 사항이 열려 있는 탭들에 적용되지 않으니 잊지 마세요.
웹사이트별 맞춤 규칙 설정하기
Custom Scrollbars의 또 다른 강점은 서로 다른 스크롤바 디자인을 여러 개 만들어 저장할 수 있다는 점입니다. 그리고 Website Rules(웹사이트 규칙) 기능을 통해 특정 사이트마다 다른 스크롤바를 적용할 수 있습니다.
설정 방법은 다음과 같습니다.
- 새로운 스크롤바를 만들려면 + New 버튼을 클릭합니다.
- + Rename 버튼을 눌러 새 스크롤바에 이름을 붙여줍니다.
- 앞서 소개한 설정들을 활용해 스크롤바를 꾸민 뒤 Save 버튼을 누릅니다.
- 확장 프로그램 탭에서 Website Rules 메뉴를 클릭합니다.
- + Add 버튼을 눌러 입력란을 엽니다.
- Domain 텍스트 상자에 해당 스크롤바를 적용할 웹사이트 URL을 입력합니다.
- Scrollbar 드롭다운 메뉴에서 적용할 스크롤바를 선택합니다.
- Save를 클릭해 저장합니다.
- 추가한 웹사이트 도메인 앞의 체크박스에 체크하여 활성화합니다.
- 마지막으로 Save 버튼을 누르면 규칙이 적용됩니다.
맺음말: Custom Scrollbars, 강력 추천 확장 프로그램
스크롤바 사용자 지정 기능은 구글이 크롬에 처음부터 넣었어야 할 기능입니다. 사실 대부분의 브라우저도 스크롤바 관련 옵션이 부족한 편이죠. 이런 기능이 기본 제공되지 않는다면 Custom Scrollbars 확장 프로그램이 좋은 대안이 됩니다.
더 이상 밋밋한 기본 스크롤바에 만족하지 마세요. Custom Scrollbars만 있다면 색상, 두께, 모양까지 자유롭게 바꿔 크롬의 페이지 스크롤 경험을 한층 개성 있게 만들 수 있습니다.