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 earnjam@gmail.com. Enjoy!
Replaces the purple and green default style of Toodledo.com with a custom style loosely based round Mac OS X and also Google Docs. Please feel free to change this in any way, and please let me know if you improve it. The style has been tested with my own Toodledo setup, so I would love to hear how well it works with different setups. This style is not perfect, and I may tweak it further. There is a limit to what can be done with CSS only. For questions and bugs, you can contact me at http://www.nonimage.com
I started off making some small changes to Toodledo Me - by VINTOM.com by Vin Thomas, but kept making more and more changes until, lo and behold, I had essentially done a complete re-write (though it still uses a few of Vin Thomas's images). I love Toodledo and find it extremely powerful and customizable; however, the user interface leaves a lot to be desired. The two main problems that I have with it are (1) the color palette is ugly and many of the controls are inelegant, and (2) almost all of the various controls for the to-do lists are *above* the list itself, meaning that you have to get through 5-10 lines of configurations options before you get down to the actual tasks. My central design principle was to try, as much as possible, to move everything outside of the central table so that you can focus on what's really important -- the task to be done! This is still a first pass. I have done some basic testing in Chrome, Safari, and Firefox, but it is by no means extensive. I look forward
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).
Combined Toodledo Things Style++ that I made (a mod of Toodledo Things style by nonimage) with the right side tabs idea from Toodleo convert tabs to plane list in right column by Di.Mon. Enjoy. Notes: Still need to work on what happens with long Folder names. It has a good amount of space, but if you have a very long folder name, it messes up the alignment of the count slightly.
This is a style where I have taken bits and pieces from Vintom's work, as well as some of Nonimage to try to fit as much as possible in TD. Features: . Remove subtask line and place icon next to last child task . Move subtasks further to right for better visibility . Add dotted line between Parent tasks for better visibility . Remove text from sidebar and minimize it so that you can still access options by settings, and always keep it open . Priority highlighting (vintom) . Lighter font color for unused fields . Adjustable context settings (use i=# pattern in url on context page) . Expand window full size (fluid by nonimage) . Minimize goal and folder entries so that they appear only on mouseover (save space on screen, but still allows ability to control) . Number next to each tab showing shortcut I currently have the following order set for my list: Folder | Priority | Title | Context | Due Date | Repeat | Length | Tag and with the Folder minimized, they all fit o
This is a very basic style that helps tidy up the Toodledo UI and make it a bit more Mac Like.
• 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.
I stripped a bunch of the styles from TD and added some color coding to the priorities and due dates.
I liked Toodledo Things style by nonimage, however, it wasn't displaying properly in Chrome. So I took the base of it and fixed the display issues, then continued adding features and such. I'll continue to tweak and update (specifically on the sub-pages). Changes: - Strikethrough text and transparent Row on tasks marked complete - Made ViewBy bar and Add Task button fixed to top of window - Changed Viewby bar appearance to better match Things app - AddTask panel is pop up over the task list instead of top, pushing tasks downward. This allows it to show anywhere in list of tasks. You can scroll tasks behind the AddTask panel. Also added button backgrounds with hover/active states - Drop shadows added to tooltips and head/toolbar areas for depth - Removed images where possible and replaced with CSS gradients. - More unified Header and Toolbars - Set auto widths on task details to reduce empty space - Proper spacing on TOC left nav - Lots and lots of little details (example: darker dr