テーマ

Vivaldi自作テーマ「Dark-Blue & Gray」の覚え書き

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 公式ブログ・・・最初にテーマ機能が搭載されたスナップショットに関する記事(※英語)

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

Opera Next 19に追加された「オリジナルテーマ作成」機能が、良い感じ♪

Opera Next 19:オリジナル・テーマ作成画面
Opera Next 19:オリジナル・テーマ作成画面 posted by (C)kyu3

窓の杜』で知ったのですが、Opera Next 19に「オリジナル(自作)テーマの作成」機能が、追加されたそうです。早速この機能を試してみたのですが、これが結構良い感じ♪(*^^*)

使い方は、以下の通りです。
  1. テーマに使用したい画像を用意。
  2. 『ウィンドウ』メニューから、『テーマ』を選択
  3. [Create your theme >Select image]で「1」の画像を選択。
  4. 「テーマ名」・「画像の表示位置」・「スピードダイヤルの文字色」等を、必要であれば設定。
  5. 『新規作成』ボタンを押す。
これで、新しい「オリジナルテーマ」が作れます。(*^^*)

実際私が作った「オリジナルテーマ」は、こんな感じです。ちなみに元にした画像は、こちらの写真です。

Opera Next 19:自作テーマに変更!
Opera Next 19:自作テーマに変更! posted by (C)kyu3

ちなみに作成したテーマは、ダウンロードしたテーマなどと同じ、マイテーマ』に追加されます。

【参考】Opera、ブックマーク機能を復活させた「Opera Next 19」を公開:窓の杜


追記(2014/2/8):

Opera Next 20で新たなテーマ関連機能が追加されたので、追記します。Opera Next 20では、WEBページ上の画像を右クリックして、テーマを作成するできるようになってます!

Opera Next 20:画像右クリックで、テーマ作成可能に!
Opera Next 20:画像右クリックで、テーマ作成可能に! posted by (C)kyu3

ちなみにこの機能で作成したテーマも、「マイテーマ」に保存されます。(*^^*)
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン案名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 落合公園の桜開花・満開関連のツイート(2012年〜2017年)
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)