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 ファイルがあります。
前：
後：
スナップスコアはどうやって上げるの？
完了です！
