CSS - Customize active tab

Source

on the Obsidian forum, posted by user "SenRVA".

Setup

To make it work and look as I show it here, you will need the "MCL Multi Column.css" and the "Tasks" community plugin.

Result

You get a compact tasks dashboard, grouping tasks in four categories:

Code

> [!multi-column]
> > [!important] Overdue by Due Date
> > ```tasks
> > path includes Task View for Homepage
> > not done
> > due before today
> > sort by due date
> > hide edit button
> > hide backlink
> > short mode
> > ```
> 
> > [!warning] Today by Prio
> > ```tasks
> > path includes Task View for Homepage
> > not done
> > due today
> > sort by priority
> > hide due date
> > hide edit button
> > hide backlink
> > short mode
> > ```
> 
> > [!todo] This Week by Due Date
> > ```tasks
> > path includes Task View for Homepage
> > not done
> > due after today
> > due this week
> > sort by due date, priority
> > hide task count
> > hide edit button
> > hide backlink
> > short mode
> > ```
> 
> > [!seealso] Upcoming by Due Date
> > ```tasks
> > path includes Task View for Homepage
> > not done
> > due after this week
> > sort by due date
> > hide task count
> > hide edit button
> > hide backlink
> > short mode
> > ```