Alfredの検索ボックスを、磨りガラスのように背景がぼやけた見た目にする方法

AlfredのPowerpack(有料版)だと、自分でテーマを作成して、検索ボックスの見た目を好みにカスタマイズできます。
自分の場合はシンプルな方が好きなので、ライトモードの時のテーマは背景を真っ白にして、選択中の項目を黒にしています。
背景や文字色や余白だけでなく、角丸の強さやアイコンサイズなど細かいところまで調節ができるAlfredのテーマですが、見落としがちな設定項目に「Window Blur」があります。
この項目を設定すると、検索ボックスの背景が磨りガラスのように少しぼかし(ブラー)がかかって見えるようになります。
実用的ではないので、自分は使っていないのですが「こんなところまで好みに合わせてカスタマイズができる」という意味で紹介しておきます。
Window Blurの設定
Alfred環境設定の[Appearance]でテーマを選んでプレビュー画面を見ると、左上に丸いぼかしのかかったアイコンがあります。
これをクリックすると「Window Blur」の設定ができます。

背景が半透明でないと意味がない
そもそも前提として、テーマの背景が半透明になっていないと機能しません。
(後述する「Visual Effect ○○」を使用する場合は、完全に透明にしないと機能しない)
テーマプレビュー画面のどこでもいいので、背景部分をクリックして、半透明にしておきましょう。
設定項目
設定項目は下記の4つになります。
| 項目 | 内容 |
|---|---|
| No Blur | ブラーを使用しない |
| Visual Effect Light | macOS標準のライトエフェクトを使用(背景の透明度は0%にする必要あり) |
| Visual Effect Dark | macOS標準のダークエフェクトを使用(背景の透明度は0%にする必要あり) |
| Classic Blur | ブラーの強さを設定する(非推奨) |
「Classic Blur」を使うと自分の好きな背景色にブラーを付けられますが、macOS BigSur以降は対応していないようで、そのため「非推奨」となっています。
BigSurより前のmacOSを使用している人であれば、使っても問題はありません。
Visual Effect LightとVisual Effect Dark
Visual Effect LightとVisual Effect Darkを使えば、簡単にMacっぽい背景が作れます。
下の画像が「Visual Effect Light」を使用した場合の見た目です。

次に、「Visual Effect Dark」を使用した場合の見た目です。

OSレベルで標準になっている背景を使ってくれる代わりに、背景色の透明度は「0%」にしておかないと意味がありません。
また、[システム環境設定]→[アクセシビリティ]→[ディスプレイ]で「透明度を下げる」にチェックが入っていると、OSレベルで透明度が下がって磨りガラスのような効果がなくなってしまい、その影響も受けてしまうので注意が必要です。
![[システム環境設定]→[アクセシビリティ]→[ディスプレイ]の「透明度を下げる」](https://webrandum.net/mskz/wp-content/uploads/2021/03/image_4-2.png)
設定したのにうまく反映されない場合は、確認してみてください。
Classic Blur
BigSurより前のmacOSであれば普通に機能します。
Classic Blurの項目をクリックして、バーを左右に動かせばそれに合わせてブラーの強さも変えられます。
1番左にするとブラーの効果が消えて「No Blur」を選択するのと同じ結果になります。

逆に1番右にするとブラーの効果が強くなります。

ちなみに、Classic Blurを使う場合は[システム環境設定]→[アクセシビリティ]→[ディスプレイ]の「透明度を下げる」の影響は受けません。


Google Chromeのタブを1つにまとめる拡張機能「OneTab」
ショートカットキーを考える時に参考となる英単語一覧
AlfredのDefault Resultsを変更して、Google検索をラクにする方法
Macのスニペットアプリ「Dash」の環境設定
AlfredのWorkflowをコードを書いて作成する方法
QuickTime Playerとプレビュー.appで動画の一部を画像として書き出す方法
Visual Studio CodeでIllustratorのスクリプトを書く時に便利な拡張機能「ExtendScript Debugger」
Macのキレイなマインドマップアプリ「MindNode 6」
Path Finderがバージョン9.2にアップデート!ロックダウン期間中は無料トライアル期間が30日から60日に延長!
Alfredでシステム環境設定の各項目をすぐに開く方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Hazelで「ゴミ箱」の中身を空にする作業を自動化してしまう
SourceTreeを開くと「’git status’ failed with code 69:’」というポップアップが出てくる場合の解決方法
ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう
Figmaでサクッとワイヤーフレームが作れる素材検索プラグイン「Wireframe」
macOSで画面を拡大縮小するズーム機能の設定
Figmaのテキスト編集周りの基本操作|テキストの追加方法からグラデーション設定や縦書き、アウトライン化
Ulyssesで複数シートをまとめてグループ化したり、1つのシートに結合する
「ヴィパッサナー瞑想」で自分の感情や身体の感覚を客観視する
Macのクリックやスクロールをキーボードで操作する「Homerow」と「Mouseless」の比較
アプリやフォルダを一気に開ける「Workspaces」の環境設定