Vivaldi 브라우저 기본 색 구성표 변경

우리는 Vivaldi 브라우저 사용자 정의를 다루기 시작했습니다. HTML 기반 브라우저 UI 덕분에 이전과는 다른 방식으로 조정할 수 있습니다. 브라우저의 기본 색 구성표부터 시작하겠습니다. Vivaldi 브라우저 색상을 변경하는 방법에 관심이 있으시면 계속 읽으십시오.

먼저 모든 조정을 저장할 특수 파일을 만들어야 합니다.

Vivaldi 브라우저에 자체 CSS 파일 첨부

약간의 조정을 통해 자체 CSS 파일을 만들고 다음 파일에 첨부할 수 있습니다.
Vivaldi\Application\[버전, 예: 1.0.94.2]\resources\vivaldi\browser.html

일반적으로 위치

• Windows XP - C:\Documents and Settings\\Local Settings\Application Data\Vivaldi\Application
• Windows Vista 이상 - C:\Users\\Appdata\Local\Vivaldi\Application

다음 텍스트로 새 줄을 추가합니다.

다음 줄 뒤에 추가합니다.

따라서 다음을 얻을 수 있습니다.

이제 메모장으로 새 텍스트 파일을 만들고 이름을 다음과 같이 지정합니다. 커스텀.css. 편의를 위해 바탕 화면에 임시로 저장할 수 있습니다.

Vivaldi 브라우저 색 구성표 변경

Vivaldi 브라우저 색 구성표를 변경하려면 해당 파일에 다음 콘텐츠를 추가합니다(아래 예를 복사하여 붙여넣을 수 있음).

#header{background-color:#1F262A} .toolbar.toolbar-addressbar{background-color:#1F262A} #tabs .tab.active{background-image:#1F262A} #tabs.tab-stacking-tooltip .tab.active .tab-group-indicator .tab-indicator.active{background-color:#1F262A} .favicon-current-background-color{background-color:#1F262A} .favicon-current-color{color:#1F262A} .favicon-current-border-color{border-color:#1F262A} #browser.popup{background-color:#1E1E1E} #tabs-container.left,#tabs-container.right{background-color:#1F262A} #tabs .tab: not(.active):hover{background-color:#1E1E1E!important} #tabs .tab: not(.active){background-color:#1F262A!important; color:#FFFFFF!중요}

이렇게 하면 탭, 도구 모음 및 창 프레임의 인터페이스 색상이 재정의됩니다. 이 html 색상을 사용하여 더 멋지게 만들 수 있습니다. 적절한 색상을 선택한 후 Vivaldi를 닫고 커스텀.css 같은 폴더에 브라우저.html 파일이 있습니다.

전에:

후에:

당신은 끝났습니다!