search

Richardsl / heatmap-calendar-obsidian

An Obsidian plugin for displaying data in a calendar similar to the github activity calendar
Apache License 2.0
614 stars 102 forks source link

Enhancement: each month a slightly different color #71

Open ms3056 opened 1 year ago

ms3056 commented 1 year ago

I'd like each month to be a slightly different "gray" color. Like striping in an excel data. For blocks with no info to report make odd months dark gray, and even months a slightly lighter dark gray, just so visibly it is a little easier to see at a glance.

svonjoi commented 1 year ago

it would be cool if each field had class like monthname, so we could set styles to the 12 month separately imho

lksrpp commented 7 months ago

I created a pull request to allow this exact behavior.

The code updates would require additional custom CSS code like the following

/* Alters the color of every second month */
.theme-dark .heatmap-calendar-boxes .month-feb.isEmpty,
.theme-dark .heatmap-calendar-boxes .month-apr.isEmpty,
.theme-dark .heatmap-calendar-boxes .month-jun.isEmpty,
.theme-dark .heatmap-calendar-boxes .month-aug.isEmpty,
.theme-dark .heatmap-calendar-boxes .month-oct.isEmpty,
.theme-dark .heatmap-calendar-boxes .month-dec.isEmpty {
    background: #414141;
    /* border: 1px solid #414141;*/
}

And lead to the following result: image