今回はNotionページのデザイン変更(CSS適用)に関して書いていきます。 なお、NotionページにCSS適用するためにChrome拡張機能「Stylus」を使用します。 CSS適用するのは「見出し1~3」「引用ブロック」等です。 以前もNotion見出しデザイン案の記事を書いたのですが、これはNotionの機能の範囲内で背景色を変更したり文字色を変更したりする方法でした。 関連記事【6案】Notionの見出しデザイン案(区切り線/背景色/文字色/コード/絵文字) 上記の記事ではCSS適用しているわけではないため、見出しの数だけ毎回デザイン適用の設定をしなければならず、けっこう手間でした。 今回の対応ではCSSさえ書ければ、それ以降は手間がないので今回の対応の方が便利に感じる人も多いかなと思います。 それでは本題へ。 変更前後(画像) 変更前 変更後 参考リンク 適用したCSS Chr