Vivaldiブラウザのデフォルトの配色を変更する

Vivaldiブラウザのカスタマイズについて説明し始めています。 HTMLベースのブラウザUIのおかげで、これまでにない方法で調整することができます。 まず、ブラウザのデフォルトの配色から始めます。 Vivaldiブラウザの色を変更する方法を知りたい場合は、このまま読み進めてください。

まず、すべての調整を保存するための特別なファイルを作成する必要があります。

独自のCSSファイルをVivaldiブラウザーに添付します

微調整を加えた独自のCSSファイルを作成し、それを次のファイルに添付することができます。
Vivaldi \ Application \ [version、例： 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

次のテキストで新しい行を追加します。

次の行の後に追加します。

だからあなたは得るでしょう：

次に、メモ帳を使用して新しいテキストファイルを作成し、次のように名前を付けます。 custom.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！important}

これにより、タブ、ツールバー、およびそのウィンドウフレームのインターフェイスの色が再定義されます。 これらのhtmlの色で遊んで、あなたを探しやすくすることができます。 適切な色を選んだら、Vivaldiを閉じて、 custom.css 同じフォルダに browser.html ファイルがあります。

前：

後：

完了です！