Switching it up: How Tailwind CSS helped me create a dark mode logo in Rails

Ackshaey
2 min readMar 22

As someone that still swears by Bootstrap, I recently had the opportunity to try Tailwind CSS. I’m currently working on a new Rails 7 app for my wife, and I wanted to design a new logo for it. I used Illustrator to create the logo, and exported it as a PNG with a transparent background and white foreground. But I wanted to take it to the next level by adding an auto toggle between light and dark mode depending on the system settings.

Ackshaey

Staff SWE / Manager @Opendoor, Ex @Twitter Ads Engineering, part time entrepreneur — built Firecode.io, options and algorithmic trading enthusiast