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

Description:

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.