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

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}

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