Alfredのテーマを変えて満足したい

Alfredに課金すると使えるようになるテーマ設定の話。
テーマ変えなくてもいいと思うんですが、せっかく課金したので、もったいない精神で設定しました。

--- 

Alfredに課金したら、色々機能が開放されてワークフロー作ってみたり、クリップボードの履歴見れたりで捗りそうです。
どうせなら有料の機能全部使ってやろうと思い、色々みていると、
設定画面(Preferences)にAppearanceっていうのがあって、テーマを変更できることを知りました。デフォルトのテーマに不満はないんですが、設定したらちょっと満足したのでまとめます。


## 最終的にこうなりました
![スクリーンショット 2023-09-19 21.23.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3069552/8762329b-95dd-5303-eb9e-ca99893bcdfe.png)
~~そんな変わらな...~~
いい感じですね!

最終的なテーマの設定ファイルはgithubにおいてます。
右上のDLアイコンからDLできます。（テーマの設定は課金が必要
https://github.com/seidaiegoshi/alfred-nord-e/blob/main/Nord-e.alfredappearance

## Alfredの帽子アイコンを消す

Appearanceのテーマ一覧の下にある、optionをクリックして、
Hide hat on Alfred window をクリックして。帽子マークを消しちゃいます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3069552/ba9460e4-0a48-9079-dffb-695b1852ddcc.png)


![スクリーンショット 2023-09-19 21.04.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3069552/b46c03b7-de7a-0602-4f6e-9ae257347b23.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3069552/3561857a-dd4a-5c96-9ad7-dc076a531170.png)



## テーマを持ってくる
課金版では、自分でテーマをイチからカスタマイズできますが、自分で設定してかっこよくなる気はしないので、以下のテーマを土台として使いました。
DLしてダブルクリックでAlfredのテーマ設定が開くのでimportボタンで取り込みます。
https://www.alfredapp.com/extras/theme/5Y8E7URIWQ/




## スタイルをちょっとカスタマイズする
余白や角丸など一通りのことをマウスのドラッグで設定できるので、いい感じに余白を作ったり色を変えたりします。モダンテーマにちょっとだけ近づけました。
![スクリーンショット 2023-09-19 21.36.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3069552/cf588002-0068-e0e0-3c92-a396590bcdfa.png)

作ったテーマは出力できるのでここに置いています。
https://github.com/seidaiegoshi/alfred-nord-e/blob/main/Nord-e.alfredappearance



ちなみにテーマファイルの中身はjson形式になっているみたい。
``` json
{
  "alfredtheme" : {
    "result" : {
      "textSpacing" : 8,
      "subtext" : {
        "size" : 10,
        "colorSelected" : "#D8DEE9FF",
        "font" : "System Light",
        "color" : "#D8DEE999"
      },
      "shortcut" : {
        "size" : 12,
        "colorSelected" : "#D8DEE9FF",
        "font" : "System Light",
        "color" : "#D8DEE9FF"
      },
      "backgroundSelected" : "#4C566AFF",
      "text" : {
        "size" : 16,
        "colorSelected" : "#88C0D0FF",
        "font" : "System Light",
        "color" : "#D8DEE9DD"
      },
      "iconPaddingHorizontal" : 12,
      "roundness" : 5,
      "paddingVertical" : 4,
      "iconSize" : 24
    },
    "search" : {
      "backgroundSelected" : "#2E3440FF",
      "paddingHorizontal" : 8,
      "spacing" : 6,
      "text" : {
        "size" : 24,
        "colorSelected" : "#B46EADFF",
        "font" : "System Light",
        "color" : "#E1E1E2FF"
      },
      "background" : "#1F242DFF",
      "roundness" : 5,
      "paddingVertical" : 7
    },
    "window" : {
      "color" : "#2E3440FF",
      "paddingHorizontal" : 0,
      "width" : 600,
      "borderPadding" : 8,
      "borderColor" : "#2E3440FF",
      "blur" : 0,
      "roundness" : -1,
      "paddingVertical" : 2
    },
    "credit" : "egoshi seidai",
    "separator" : {
      "color" : "#2E3440FF",
      "thickness" : 1
    },
    "scrollbar" : {
      "color" : "#81AFC1FF",
      "thickness" : 2
    },
    "name" : "Nord-e"
  }
}
```


Alfredのテーマを設定してちょっとだけ満足する話でした。




## 宣伝
自己紹介のDX。メールなどに添付して初対面の5分を変える、ByNameというプロダクトの開発をしています。
無料で使えるツールなので良ければ登録してみてください！

https://byn.jp/

↓こんな感じで覚えてもらいやすい自己紹介できます！

https://byn.jp/flyer/5d9919c1-83fb-47a9-8951-26369bd5aac9