How to customise Notion's CSS

This page summarizes the projects mentioned and recommended in the original post on /r/Notion

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • nativefier

    Discontinued Make any web page a desktop application

  • Go to https://github.com/nativefier/nativefier and follow the instructions there to install it. Note: if using nativefier 'notion.so' or just typing nativefier in cmd doesn't work

  • notion-enhancer

    An enhancer/customiser for the all-in-one productivity workspace Notion

  • I would not recommend trying to make your own css theme from scratch if you do not know how to code css. There are a lot of elements that need to be edited, and it's easier to simply edit an existing theme. Full credit for the code goes to dragonwocky and the other contributors of Notion Enhancer, I simply copied the required parts and edited/added stuff to customise it to my need (I don't use Notion Enhancer cause I can't get it to work and I don't really need all its features).

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • notion-auto-pull

    Bash script to automatically download a notion workspace

  • Go to notion.so on whatever browser you use If your browser supports it, you can install the site as an app (I use Edge) so that it takes up a separate slot in the taskbar. This is not required, but I prefer this. Note: installing the site as an app takes the icon and title of whatever page you have open. If notion.so renavigates to your home page, it will take the icon and title of that. To avoid this, go to notion.so and quickly install the site as an app before your homepage loads (easier with my terrible internet).

  • tweaks

    Discontinued a collection of user-submitted css/js tweaks for notion (by notion-enhancer)

  • Also go to https://github.com/notion-enhancer/tweaks and https://www.notion.so/b45fb337c1ea4348a31903bb0769c3ef?v=14c05bc589944da497927be673f2c660 and other Notion Enhancer repositories for little customisations

  • gloation

    A badass notion theme. Name inspired by the words glass and notion

  • There also exists gloation, a css and js script to have a custom image background. Requires nativefier.

  • notion-repackaged

    notion executables with the notion-enhancer embedded & a vanilla port of the official app to linux

  • The command-line installer is pretty buggy at the moment, but there is a working version pre-applied to Notion you can download as a .exe or .dmg from here, if you'd like to give it a go: https://github.com/notion-enhancer/notion-repackaged/releases

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts