Customizing Workflowy’s Theme

I’m a huge fan of Workflowy and continue using it heavily in my day to day life, but one thing I’ve always wanted to do is to fully customize its theme.

I’m on their pro plan which gives me a few options for customizing the theme and font, but if you want a customize it beyond what they offer, you’re mostly out of luck.

I’ve been using their Wood theme with Sans-Serif font for quite a while, but finally tired of it and decided to look into ways to customize it.

wooden

Enter Stylebot.

Stylebot is a Chrome extension that lets you specify custom CSS for any webpage and will automatically apply that CSS whenever you load the page in the future.

To customize Workflowy’s background, I first used the Chrome Inspector to figure out which element was responsible for the background image, then used Stylebot to overwrite it. I also had to remove the brownish border shadow to get it to look right. Here’s the complete CSS I entered in Stylebot:


#backgroundImage {
 background-image: url(http://mattshared.s3.amazonaws.com/scenery/21.jpg);
}

.page {
 box-shadow: none;
 border: 1px solid #555;
}

And voilà, a new background:

mountain

You could use this technique to customize Workflowy even more if you’d like, or just use it to customize the background like I did. Enjoy!

Emergent Mind Project #6

Today I released Emergent Mind Project #6, The Evolution of Color. This is my first original project (!) and it uses genetic algorithms to evolve a population of colors towards a fittest color (which you choose) and lets you observe how the fitness of the population evolves over time. If that’s confusing, don’t worry, it will hopefully make a little bit more sense when you see it.

Screen Shot 2014-06-14 at 12.25.32 PM

You can check it out here: Emergent Mind: The Evolution of Color.