Day 70: Dark Mode (Custom CSS)

Circle doesn’t offer dark mode yet, but if you have the Professional plan and you’re willing to copy paste a line of code, you’ll be able to have it. The one caveat is that it doesn’t give you a toggle within the app. Instead it listens to your operating system’s preferences. So whether you’re on Windows or Mac, you should be able to go into your system settings and toggle light and dark mode.

We’ll start by copy/pasting a pre-built stylesheet to show you how fast it can be done. Then we’ll start from scratch and build custom styles for our dark mode. Which is kind of a tricky process when you can’t link to a local stylesheet, so we’ll need to publish it to a public repository.