Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhancement: each month a slightly different color #71

Open
ms3056 opened this issue Feb 9, 2023 · 2 comments
Open

Enhancement: each month a slightly different color #71

ms3056 opened this issue Feb 9, 2023 · 2 comments

Comments

@ms3056
Copy link

ms3056 commented Feb 9, 2023

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
Copy link

svonjoi commented Jun 14, 2023

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

@lksrpp
Copy link
Contributor

lksrpp commented Jan 3, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants