Vivaldi にバージョン 1.3 から搭載された「テーマ」機能で自作したテーマ(「Dark-Blue & Gray」と名付けました)に関する覚え書き。設定が消えちゃった時のために数値などを記録しておこうと、記事にしました。( ˘ω˘ )

自作テーマの色の設定項目↓
  • 背景:#2e3a50
  • 前景:#939191
  • ハイライト:#adadad
  • アクセント:#c9c9c9

黒に近い"青色"を基調(背景)とし、その他は灰色の落ち着いたデザインにしました。実際どう言うテーマかと言うと、こんな感じです。

テーマ設定画面↓
Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 1:テーマ設定画面
Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 1:テーマ設定画面 posted by (C)kyu3

WEBページを表示(パネルあり)↓
Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 4:パネルあり
Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 4:パネルあり posted by (C)kyu3

…あと Vivaldi のタブがカッチリとした四角なのが少し野暮ったいと感じてたので、『角の丸み』の設定を"6px"とし、少し丸みを持たせました。

Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 2:角の丸み「6px」で UI に丸み!
Vivaldi 1.3 自作テーマ「Dark-Blue & Gray」- 2:角の丸み「6px」で UI に丸み! posted by (C)kyu3

ちなみに『角の丸み』の設定で丸みを加えると、タブの角だけでなく、アドレスバーや検索ボックス、タブ追加ボタン(『+』ボタン)の形も変わります。


最後に余談ですが、Vivaldi 公式 Twitter アカウントで行われたアンケートによると 、Vivaldi ユーザーの"27%"がテーマを変更せず、デフォルト・テーマのまま使用しているそうです。また"38%"のユーザーは、予め設定に用意されてる中からテーマを選択し、使用しているそうです。そして"35%"のユーザーが、自ら作ったテーマを使用しているそうです。(*^^*)


【関連リンク】
Vivaldiのテーマに関するツイート(主に自作テーマのスクショ付きツイート)まとめ #VivaldiJP:Togetterまとめ

The most customizable browser is now the most colorful: Vivaldi version 1.3 debuts with custom themes, enhanced privacy and much more:Vivaldi 公式ブログ・・・1.3 正式版リリース時の公式ブログの記事(※英語)
One week with custom Vivaldi themes:Vivaldi 公式ブログ・・・Vivaldi 1.3 の自作テーマに関する記事(※英語)
Contest results for #vivaldifootball: And the winners are…:Vivaldi 公式ブログ・・・サッカーの UEFA 欧州選手権を記念して行われた、1.3 自作テーマに関する記事(※英語)
Snapshot 1.3.501.6 - Customizable UI themes:Vivaldi 公式ブログ・・・最初にテーマ機能が搭載されたスナップショットに関する記事(※英語)

【関連動画】
テーマ機能のチュートリアル動画↓
(※音声は英語ですが、機能自体簡単なので、特に問題ないかと。)