Skip to content
Liam Cain edited this page Mar 23, 2021 · 16 revisions

Tips & Tricks

For all basic questions and operations, be sure to check the README file. This wiki is for highlighting some more advanced usages of the plugin as well as sharing some snippets that users have found helpful.

General CSS Recipes 🥣

Snippet Description
Mini Calendar A more compact calendar, useful if you want to keep the sidebar open on a small laptop display!
No tasks Hide the hollow dots on the calendar
No dots Hides the word count dots AND the task dots. A no-nonsense calendar
Habit Tracker Highlight the days you've kept your writing streak alive
Show weekends Adds a background color for weekends, useful for work calendars!
Turn off "Year" Color If the year is too bright for your liking

Custom styling based on #tags

As of v1.4.5, the calendar applies [data-tags] to the days in the calendar. So if you use tags in your note frontmatter, you can target those days in the calendar with CSS.

Why do I want that?

Now you can truly make the calendar your own. You can easily highlight days tagged with #important, #OOO (out of office), or #holiday. If you have other ideas for how to take advantage of this feature, post how you use it in Github Discussions. I'd love to showcase it!

#Tag Recipes 🥣

Snippet Description
Flag a day A generic way call out a particular day for later. Maybe it's a deadline, or it's a [HOLD] for a potential vacation
Important day Add a star onto a day you don't want to forget. Maybe it's an anniversary. Or the end of a milestone.
Mark the day with an emoji Sometimes an emoji is worth a thousand lines of CSS!

Contribute

If you have a cool snippet, feel free to create a Github Discussion to show it off and I'll add it to the wiki!