Todoist Advanced

Added by Mark Phillips@userstyles, Created: Sep 07, 2014, Updated: Apr 24, 2017
– priority level 1
–––– border
– priority level 2
–––– border
– priority level 3
–––– border
– priority level 4
–––– border
EXTERNAL LINKS - userdefined
– external link color
– email link color
– time due color
– time overdue color
– task counter overdue
– task counter opacity (1-9)
INSPIRATION (tweet, karma score etc)
FONTS: Font Family
– font size (main)
– font size (headers)
– font weight
TOP BAR - user-defined
– top bar color
– top bar bottom border
MAIN COLORS: Main background
– vertical nav and content lines
– navigation background
– hover color (main item)
– hover color (navigation item)
– selected item (navigation)
– main area text
– navigation text
– days header text (with tasks)
– accent color (search box, tick box etc.)
– days header text (without tasks)


TODOIST ADVANCED is the only fully working and comprehensive dark/custom theme generator for Todoist on Userstyles. I know cos I've tested the others and they are either broken or just tickle a few settings, missing out things like menus.

I use this daily, so if something breaks I fix it immediately.

TODOIST ADVANCED gives you a choice of 11 skins out of the box (with several color options), or full customisation of any or ALL of the color elements.

You can also change width, priority labels (with full menu integration), fonts, and many other elements.

See NOTES below the settings for more information.

More info
NOTES: If you want to generate your own theme colors, switch skins to OFF and use the MAIN COLORS section. All other settings except MAIN COLORS also work with skins activated.

This Chrome, Firefox and Opera add-on modifies the browser versions of Todoist ::: The icons in the top bar can be set to either dark or light by choosing Neutral or Noir from the Todoist theme settings, respectively. have changed how settings show on this page. Here is a simple fix so that you can see the Todoist Advanced settings properly:

If you save a bookmark for Todoist, remember to update the version number in the URL (currently 863).

In some color settings, you have to click inside the color box and then click back out to see the exact user-defined color. Thereafter, modify as normal with the color picker.

If you ever have a problem with Todoist Advanced, first check to see if there is an update available, or just drop me a line here at the bottom of the page in the comments.

Enjoy the freedom to create your own look for Todoist.


24.01.2017 Fixed the date prediction icon and text color for suggested dates on the dark themes (Midnight and Dusk). Some of their CSS stylings on the assigning pop up are shabby, will clean up little by little in the next week.

18.01.2017 Fixed a few new dark icons in the dark themes Midnight and Dusk, so now they are bright against the dark background. Modified silver skin colours a bit.

07.01.2017 Changed the spacing for the priority labels, since Todoist have added space for their new flag icons.

01.01.2017 On Midnight theme I took away the white lines in the projects drop down menu when assigning a task to a project. Looks tidier.

01.11.2016 For some reason, a chunk of code on the Midnight theme had disappeared from what was saved to For anyone newly trying to set Midnight as the theme, it would not have worked. As it's impossible to save the style with this huge chunk of code missing, it remains a mystery as to how the stylesheet got corrupted. But, it's fixed now. Thanks to Tim for the heads up!

29.06.2016 Recent changes have changed the way you add a task to a project (new icon), but the pop box is very small, especially if you have quite a lot of projects. I've put a min height of 500 px, which hopefully serves most people. Let me know if it's too much.

20.04.2016 I added a time stamp due color field, so that when you are using the time due color to quickly identify a task schedule, you can also clearly see when an item is now overdue. Default color = red.

15.03.2016 Fixed 3rd level projects' rollover color bug. Also fixed it so that dark themes don't override the COUNTER color setting. Basically this is now set independently of themes in its own setting at the bottom of the settings.

06.03.2016 Updated the 'zero tasks' night time settings. Previously, the daytime settings for sizes for 'zero tasks' were fine, but night time, the annoying huge graphic reappears. This has now been added to the mod, so that if you resize for 'no more tasks image', it will apply also during the evening.

12.02.2016 The 'empty tasks image' resizing/removal should be working again now.

Applies to:
CC0 1.0 Universal.
Mark Phillips@userstyles has waived all copyright and related or neighboring rights to Todoist Advanced, to the extent allowed by law.

Related styles:

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