2Do-like style for Toodledo

Added by interactionable@userstyles, Created: Apr 11, 2012, Updated: Jan 16, 2015
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


http://www.2doapp.com is an iOs- and Android-based application that syncs with Toodledo. It has used to have a lush, slick interface based on natural elements like wood, leather, and cloth. Unfortunately, there isn't such a thing as a 2do web client, and the company doesn't seem to be interested in making one. So I reskinned the existing Toodledo site to evoke how my 2Do app looks. It's not 100% accurate, but it's good enough for me, and maybe good enough for any other 2Do lovers out there. Learn more about this style on http://www.diegomaranan.com/?p=1991. If you see any major bugs, please leave a comment and I'll try to get a fix out. UPDATE (25-01-2015): 2Do looks completely different now and I made a http://freestyler.ws/style/108294/new-2do-styling-for-toodledo.

More info
v.1.1.6 (2015-01-17):
* Made the Habits tab not stick out, but sorry, can't really work on supporting Habits tab right this minute.

v.1.1.5 (2014-02-09):
* Added paper texture

v.1.1.4 (2014-02-09):
* Fixed spacing between tabs
* Improved look and feel in Outline and Lists section

v.1.1.3 (2014-02-08):
* Removed unnecessary border elements

v.1.1.2 (2014-02-08) :
* Added better support for Outlines and Lists

v.1.1 (2014-02-08) :
* Used subtler, less loud colors and textures
* Added subtle text outline to make text more readable
* Added support for Lists and Outline tabs
* Small tweaks

v.1.0 (2012)
To fully evoke the 2Do look and feel, you should...
  • Use the latest version of Firefox (version 11 and above) or Chrome, or another browser that supports CSS 3.
  • Purchase a pro version of Toodledo so that you can show subtasks. It was about 14 USD a year last time I checked.
  • Set Toodledo to display subtasks as Indented (Show > Subtasks : Indented)
I used a custom font from Google. If you don't like it, you can remove it by looking for the following text in the CSS file

font-family: 'Crete Round', 'Trebuchet MS', Verdana, sans-serif !important;

and changing it to something like

font-family: 'Trebuchet MS', Verdana, sans-serif !important;

You should to add comment and rate the style.


+ Create discussion

Applies to:

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.