← Back to Web Extensions

List Highlighter for Trello icon

List Highlighter for Trello

To do lists stay as they are. Doing lists are highlighted. Done lists are greyed out.

Name your list Todo, Doing, or Done, and styles will be applied automatically. Or name it what you like and tag it #todo, #doing, or #done.

New: Version 3 is out now and adds several new features! For more information, see below.

Screenshot of Trello showing lists highlighted
Highlighted
Screenshot of Trello without this extension installed
Not Highlighted
Screenshot of Trello showing lists highlighted with header and separator cards
Header and Separator cards
Screenshot of Trello showing lists highlighted, colour blind friendly mode
Highlighted (colour blind friendly mode)
Screenshot of Trello showing lists highlighted with header and separator cards, colour blind friendly mode
Header and Separator cards (colour blind friendly mode)
More

Priorities

List Highlighter uses five different list styles, based on priority:

High
lists have a highlighted background
Normal
lists have the default appearance (no change)
Low
lists are dimmed a little bit
Ignore
lists are faded and grayed out
Trash
lists are faded, grayed out and have strikethrough

Titles

The following titles can be used. Titles are not case sensitive.

Title Priority applied Other effects
Doing or Today high low priority applied to all untagged lists
Todo or To do normal low priority applied to all untagged lists
Done or Trash trash none

Hashtags

Tag Priority applied Other effects
#high, #today, #doing high low priority applied to all untagged lists
#normal, #todo, #to do normal low priority applied to all untagged lists
#low low none
#ignore ignore none
#trash, #done trash none

Examples

Notes

Version 3 (16 August 2017)

Version 3 adds the following features:

Header Cards

Split up long lists with sub headers or horizontal lines.

Header and separator cards match Trello's look and feel. They can be dragged just like normal cards, and clicking on them opens them for editing as usual. They are off by default, and can be switched on or off independently.

Header cards are fully fledged Trello cards, meaning that stickers, checklists, labels and other badges will show up on lists.

All content on separator cards is hidden: on lists, the card is replaced by a gap.

To create a header card, start your card text with --. To create a separator card, type 2 or more dashes and nothing else: --. To turn them back into normal cards, just change the text.

More

Header cards

To make a header card, start your card text with one of these patterns.

Examples

Separator cards

To make a separator card, type two or more line symbols in a row, and no other text. Line symbols are dashes (--), equals signs (==) or underscores (__).

Examples

Get it

Firefox

Get the add-on

Opera

Get it from Opera add-ons

Chrome

Available in the Chrome web store

User script

Also available as a user script. (Legacy: version 1.2, download script)

Contact me

You can message me on Twitter (@beingmrkenny) or email me at beingmrkenny@gmail.com ✉️

Notes

This extension is only tested in the most recent versions of Chrome, Firefox and Opera.

A previous version of this extension used a different tagging format with curly braces: {todo}. For now, this is still supported, however new tags will use the hashtag format.

For security reasons, I transferred this extensions from my personal account (beingmrkenny@gmail.com) to a dedicated developer account (beingmrkenny.extensions@gmail.com) on 7 August 2017 (Chrome only).

I cannot guarantee that this extension will not interfere with other extensions or add-ons to Trello. If you notice an issue, please get in touch.

If you are signed into Chrome, Google will sync your settings between computers.

Security and Privacy

An extension I use was hacked recently: code was added to insert ads into webpages. Not so serious, but it could have been at lot worse.

Extensions can be hacked if an attacker gains access to the developer account which publishes them. The risk of that happening is very small. If you’re on Chrome, my Google account is secured with 2-factor auth (meaning even with my password my account can’t be accessed). If you’re on Opera and Firefox, they have human code review processes that check for this kind of thing, so even if someone got into my account, they wouldn’t be able to publish malicious code.

How to check you’re safe

By checking the version number, you can be sure that you have the authorised version of List Highlighter for Trello. It is impossible to publish a new version without increasing this number. You’ll find it listed in your browser next to the extension name, and the latest authorised version number will always be available on this page below.

The number in your browser should be the same as or less than the one listed on this page. If it is the same, you have the latest version. If it is less, it means a new version has been published but you have not received it yet. If the version in your browser is greater than the one listed below, uninstall the extension, report it to Google, Opera or Mozilla, and please get in touch with me also. Uninstalling also deletes any saved data for that extension which may have been compromised.

In the interests of transparency, I have detailed what permissions this extension requires, and why, along with any data that is sent on your behalf. Any changes in the permissions that this extension requires will be noted on this page.

Permissions and data

Github

If you’d like to help out, the code for this extension can be found on Github at https://github.com/beingmrkenny/ListHighlighterForTrello

Version history

Dates refer to when the extension was submitted. Actual release dates may vary due to review processes.