2Do is an iOs- and Android-based application that syncs with Toodledo. It has 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 www.diegomaranan.com/?p=1991. If you see any major bugs, please leave a comment and I'll try to get a fix out.
Version 3 of the new iPhone and iPad app included colored corners, which is a good idea. However, the Toodledo website's colors don't match. This style matches the tasks to match the priority-corners in the app, and also applies a couple other changes. For example, it changes the task-area font to Tahoma because I like it, and also bolds all the tasks. By all means, edit the user style after installing it and get rid of those line of CSS if you like. The parts you'd want to delete are "font-family: Tahoma !important;" and "font-weight: bold !important;". Alternatively, you can change the latter to "font-weight: normal !important;" to override Toodledo's default bolding of Top and High-Priority tasks. Unfortunately, there is no CSS hook to color negative and low-priority tasks differently, so they both are the same color. My newer theme, "Simple Toodledo Theme to Better Match iOS App v.3", has three additional tweaks that you might find of interest.
• Changes font family for tasks only to "Tahoma". This is fairly legible with what follows. • Changes color of task-info, but not tasks themselves, to a gray better matching iOS 3 app. • Changes priority colors to match the priority corners on the iOS 3 app, with the exception of "Low" priority. There is no CSS hook in Toodledo distinguishing Low and Negative priority, so this is unavoidable. • Bolds all tasks. This is desirable because the prioritized colors of the tasks can be a little on the light side. Also, in the app itself, the same font weight (in that case, not bolded, but dark text) is used for the different priorities. See More Info.
This is the most installed Toodledo Userstyle that works with the new site, with over 4,800 installs and counting! This is a style based on colors and designs found in Mac OS X and featuring other general UI enhancements. The old version of this userstyle was very popular, but when Toodledo redesigned their interface, it broke the functionality. I have completely rewritten it from scratch to function with the new Toodledo design. Toodledo is very powerful and everyone uses it in their own way, but I try to accommodate as many different views as possible. I will continue to evolve this theme including styling the other pages of Toodledo.com (forums, help, login, etc). If you have any suggestions/recommendations/bug reports, please use the comments area of this page, the thread in the Toodledo Tips and Tricks forum, or email me at email@example.com. Enjoy!
One more for the list... kinda whitespacey - clutter fighter - googly - thingy. - Style Update 3-26-12 - Browser scroll bars fine-tuning. Goals were: - Optimizing horizontal space - Clarity improvement (padding, visual grouping, removing unnecessary noise...) - A quieter color scheme - Improving the logo. (March 13 edit) - Thanks to feedback from Ostern, who liked the style, and verified stability on Chrome (which I planned for but couldn't test on my older mac).
Their new style is great, but a bit mono-chromatic, so I made a few small tweaks. - highlighted groups red/yellow/blue based on importance. - fancy yellow note field (credit "Toodledo - MacOSX") - gray, italicize, strike-through for completed items Works with ToodleDo's site update after 7/26/11.
Screenshot here: http://ukcmp.com/td/navytrim.jpg Compare with default here: http://ukcmp.com/td/default.jpg also, here is a screenshot http://ukcmp.com/td/midnight.jpg of my other toodledo UserStyle (Toodledo - Midnight (Works with new layout)). It is a comprehensive color scheme that can be used for making other color schemes for the new layout. This Style, "Navy trim" merely replaces all the light gray on the Tasks page with white and navy. After the new layout was published, the site themes weren't back up for a time, and I read on the forum a couple people that did not like all the light gray, so I made this in a half hour or so after making my other style. If you use this and like it, tell me! If you like this, but it's broken something on the site, let me know and I will fix it. If you have suggestions for a slightly different version, I might have the time but no promises.
Screenshot here: http://ukcmp.com/td/midnight.jpg Compare with default here: http://ukcmp.com/td/default.jpg also, here is a screenshot of http://ukcmp.com/td/navytrim.jpg my other toodledo style (Toodledo - Navy Trim (Works with New Layout)). Navy trim, unlike midnight, is only a slight modification of the tasks page. Midnight is an example of a full color scheme for the new toodledo website. It is a good foundation for future theme creators can use to make their own themes (it is public domain, I don't copyrighting a color scheme is possible, anyway). If you use this and like it, tell me! If you like this, but there's something missing or broken, let me know and I will fix it. If you have suggestions for a slightly different version, I might have the time but cannot promise anything.
Puts more focus on your tasks by hiding the sea of "None", "No Date", etc. values in your tasks, reducing the top menu bar and left-side menu bar, and converting the left "View by" and tabs section into a pop-out menu. This was specifically written for the July 2011 update to the ToodleDo layout and look. It doesn't currently affect any pages other than the main Tasks page. Ideas (but no actual CSS) borrowed from Toodledo - MacOSX v2 by earnjam in particular.