チームごとにNotionのヘッダーカラーを変えて入力ミスを防ぐ

こちらの Chrome 拡張を利用します。Firefox などでも同じ物がありますが、今回は Chrome 版で解説をします。

こちらをインストールすると Chrome の右上で同じアイコンが表示されますので、クリックし、表示されるポップアップから「管理」を押して設定画面に移行します。

そして「新スタイルを追加」をクリックします。

ここで挿入する CSS を記述します。

1. サイドバー(notion-sidebar)とヘッダー(notion-topbar)のクラスを指定してそれぞれカラーを当てます。

チームごとのわかりやすい色に設定しましょう、またサイドバーのカラーが不要な場合には 1 行目を削除してください。

.notion-sidebar,
.notion-topbar {
  background-color: #fff9d2;
}

2. 「次で始まる URL」を選択します。
3. ここで、Notion の編集画面の URL からページ ID を抜いたものを記述します。

https://www.notion.so/peraichi/59ac9ac53c0d46aea33cf3a08dd5f4e0
の場合には
https://www.notion.so/peraichi/
だけを書きます。

4. 上部の名前を入力して「保存」して、Notion 画面に戻ってページをリロードしてカラーが反映されたら完了です。
5. Stylus の編集画面で「管理画面に戻る」を押して、これをチームごとに設定します。

それぞれのチームカラーで設定できましたでしょうか。

これで無事にチーム違いのミスは防ぎやすくなりましたね 🥳 みなさんハッピーな Notion Life をお過ごしください。

宣伝

ということで普段から Notion をお使いのみなさま、ぜひ Notion をそのまま Web サイトにできる Wraptas をお試しいただけるとうれしいです。