ランチャーアプリAlfred:破「テーマカスタマイズ」

2013年4月24日Webサービス・アプリAlfred

先日書いた、手に馴染む高機能ランチャーアプリAlfred:序の続きでーす。キャプチャはAlfred V2のものでーす。バージョン1ではフォントの種類などいくつか無いものがありまーす。ちなみに「序」だの「破」だの、順番は特に関係ないので気にしないでくださーい。

有料のPowerpackオプションを購入してできることの一つに、テーマカスタマイズがあります。人が作ったテーマをインストールすることもできるし、自分で好きな配色にしたり。まあこういうのってやりだすと、結局デフォルトテーマが一番見やすいや…ってなっちゃったり(したら意味ない

Alfred Theme

テーマはcommandキー・optionキー・shiftキーとクリックの組み合わせで各箇所を変更していきます。色コードや単位の数字を決め打ちするのではなく、プレビューを見ながらなので多い日も安心。

Alfred Theme テーマを複製(クリックで拡大)

テーマを新規に作りたいときは右下の「+」から。他のテーマをベースに編集したいときは、右クリックでDuplicate(複製)。編集してみて、やっぱり元に戻そうーってことはできないので注意です。

Light, Light Large, Dark, OS X Lionなど、デフォルトで揃っているテーマはそのまま編集できません。

それではやってみますかあー

色の変更

テキストや背景の上をクリックするとカラーパレットが開くので、あなた色に染めてください。二枚目のキャプチャのように、透明度(Opacity)を変更したりもできます。

まあマウスポイントなりクリックなりしてみて、ああここは変えられるんだなと。特に難しいことはないです。右上の歯車アイコン(Image Style)とプレビュー背景だけはクリックして色を変更するのみです。

形状関連の変更

commandキー・optionキーなどを組み合わせると、余白やウィンドウ幅、テキストのフォントの種類などが変更できます。

Alfred Theme 余白変更(クリックで拡大)

入力窓の背景部分を、commandを押しながらクリックすると余白の大きさが変わります。クリックするごとに余白が一段階多くなります(全部で5パターン)。一つ前に戻したいときはcommandshiftで。

Alfred Theme 角、幅変更(クリックで拡大)

枠の角をcommand+クリックで角丸のRが変わります。カクカクからまるまるまで4パターン。

角以外の枠の上でcommand+クリックをするとウィンドウ幅が変わります。せませまからひろびろまで5パターン。余白同様、一つ前に戻したいときはcommandshiftで。

Alfred Theme フォント変更(クリックで拡大)

上二つと同じように、テキストの上でcommand+クリックすると文字の大きさが変えられます。5パターン。

また、option+クリックだとフォントの種類が変えられます(現状システムフォントのみ※)。戻したいときはoptionshift+クリック。現状のフォントは、テキスト上にポインタを置いてoptionを押すと表示されます。

※この件については要望が多いようで、いつか好きなフォントに変えられるようにできればーと作者さんがForumで回答しています。Typeface options – Alfred v2 Feature Suggestions – Alfred App Community Forum

まとめると

変更できるのは以下の箇所です。

  • 検索ボックステキスト Search Text
  • 検索ボックス背景 Search Background
  • 選択された検索結果テキスト Result Selected
  • 選択された検索結果サブテキスト(パス名など)Result Selected Subtext
  • 選択された検索結果背景 Result Selected Background
  • 選択された部分のショートカット(右の矢印や数字)Selected Shortcut
  • ショートカット Shortcut
  • 検索結果行テキスト Result
  • 検索結果行サブテキスト(パス名など)Result Subtext
  • 検索結果行の区切り線 Separator
  • スクロールバー Scrollbar ※色のみ
  • Alfredウィンドウ背景 Background
  • Alfredウィンドウ枠 Border
  1. 1 テキストの上、検索ボックスや検索結果の背景の上、枠の上、をそのままクリックすると色変更
  2. 2 テキストの上、検索ボックスや検索結果の背景の上、枠の上、などをcommand+クリックすると形状関係の変更(テキスト→大きさ、枠→ウィンドウ幅や角丸のR、検索ボックスや検索結果の背景→余白)
  3. 3 テキストの上をoption+クリックでフォントタイプの変更
  4. 4 command/option+クリックで変更中、一つ前の選択に戻りたければshiftを同時に押す
  5. 5 プレビュー用の背景と歯車マークだけは、クリックすると色や濃さが変わる

いろいろな箇所をマウスでポイントすると、下に指し示している場所の名称が出ます。そしてそのままcommandなりoptionなりを押してみると場所に応じた説明が出るので、いろいろいじってみると良いです。

そのほか

Theme以外のタブを少々。

Alfred Large Type(クリックで拡大)

検索窓に入力中、command+Lでデスクトップを覆うように入力内容がデカデカ表示されるんですけどもね。Fill the Screenだとデスクトップ全体が暗くなって文字が表示され、Fit Large Typeだと文字の背景だけが暗くなる…的な…いるんかなこれ。

Alfred Options(クリックで拡大)

Alfredウィンドウに帽子いらん、メニューバーにアイコンいらんなど各種設定ができます。説明も特にいらんですね。私もいらん子ですかそうですか…

テーマのエクスポート

そんな感じでね。イカしたテーマをみんなに使ってもらいまそ。

Alfred Theme テーマをエクスポート(クリックで拡大)

作ったテーマを右クリックして、Exportを選択するとアピアランスファイル(.appearanceの拡張子)がダウンロードできます。Copy Theme URLはURLスキーム。

テーマのインポート

v2 Themes – Alfred App Community Forum などで気に入ったスタイルをどうぞー。見やすいものからどぎついものまでいろいろあって楽しいですよ。

Alfred Theme テーマのインポート(クリックで拡大)

アピアランスファイルをダブルクリックするか、URLスキームが仕込まれたリンクをクリックするとAlfredが開くので、「Import」。これでインストールできます。

というわけで、よろしければハードディスクの肥やしにどうぞ。Alfred Forumという、AlfredのCommunity Forumのようなテーマ…をベースにカスタマイズして、私がいま使っているテーマです。やだーさるさんとおそろー

Alfred2 Theme by salchu

ではでは。