Basecamp Highlight Your Assigned ToDos

Added by beporter@userstyles, Created: May 03, 2014, Updated: Jan 27, 2016
data-assignee-code 1
Highlight Color 1
data-assignee-code 2
Highlight Color 2
data-assignee-code 3
Highlight Color 3
data-assignee-code 4
Highlight Color 4
data-assignee-code 5
Highlight Color 5
data-assignee-code 6
Highlight Color 6
data-assignee-code 7
Highlight Color 7
data-assignee-code 8
Highlight Color 8
data-assignee-code 9
Highlight Color 9
data-assignee-code 10
Highlight Color 10
data-assignee-code 11
Highlight Color 11
data-assignee-code 12
Highlight Color 12
data-assignee-code 13
Highlight Color 13
data-assignee-code 14
Highlight Color 14
data-assignee-code 15
Highlight Color 15


The original Basecamp applied a yellow background to tasks that were assigned to you. This is missing from the Basecamp 2, and can make it hard to pick out your tasks if you have many long lists. This style applies the yellow background again, but requires a little digging in order to find your unique user ID used by Basecamp under the hood. You can also apply colors for other Basecamp users.

More info
Set Up

The following instructions assume you are using Chrome (instructions for other browsers or improvements to these welcome!):
  • Right-click on a ToDo task that has been assigned to you and choose "Inspect element". (This will open a panel at the bottom of your browser with the part of the HTML code you selected highlight.) (See the associated screenshot above for reference.)
  • Move up from the selected line one element at a time until you encounter the first <li class="todo show" ...> element.
  • Inside this tag will be a data-assignee-code="p1234567" attribute. Make a note of the "p" number in quotes (including the 'p') as you'll need that to configure this style. (See the associated screenshot above for reference.)
  • Navigate to this styles homepage (if you're reading this, you're already here.)
  • Enter your pXXXXXXX number into the data-assignee-code box, and if you want, change the background color.
  • Click +Install with Stylish.
If you participate in multiple projects owned by different accounts, you may need to repeat this process for each one. (That's why multiple data-assignee-codes are provided.) You could also use the extra codes to color other users' tasks differently.

Change Log
  • 2016-01-27 - Added more "spots" for additional user codes. Updated readme.
  • 2015-10-22 - Once again fixed selectors to include "single ToDo" pages.
  • 2015-03-09 - Added a bit of padding to ToDos to assist readability of highlighted items a little.
  • 2014-05-14 - Fixed CSS selectors for single ToDo list pages.
  • 2014-05-03 - Initial creation. Added ability to control multiple highlighting colors for either multiple accounts, or different users. Added screenshots.

Applies to:

Related styles:

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