Separate color for [today] date tags

It would be nice to have a different color for dates that are tagged today (green perhaps) than the red color used for dates older than today.

Red = warning (you’re late)
Green = let’s go :grin:

2 Likes

This would be great! The red Today definitely bugs me.

1 Like

It looks like the “today” tag is being marked with the “is-overdue” class:

<span contenteditable="true" class="node-inline-item node-time is-overdue">Today</span>

…which is rendered by the following CSS:

.AppContainer.is-highlighting-overdue .Node .node-time.is-overdue {
  background: rgba(223, 32, 32, 0.2);
  border: solid 1px #ef8f8f;
}

@Erica, @Shida, would you consider marking “Today” tags with a different CSS tag, such as “due-today”? That way we could style it any way we like using custom CSS, without impacting users who like the existing behavior.

2 Likes

I am looking for way to highlight future dates especially expiration dates.

What CSS for coming/future dates, ie reverse of “is-overdue”?

Any? Thanks.

I don’t think so. It looks like all dates have the node-time class.
Overdue tasks additionally have the is-overdue class.

1 Like