Sskkis Obsidian CSS Snippets

# Sskki's Obsidian CSS Snippets
Some CSS snippets I wrote, that I like to use for my Obsidian vault alongside my [Vanilla AMOLED Color theme](https://github.com/Sskki-exe/vanilla-amoled-theme-color).

### Installation
- Open Obsidian Settings > Appearance > CSS snippets (scroll to the bottom)
- Press the _Open snippets folder_ button and copy the CSS files in this repository into it
	- Unzip the folder if downloaded as a zip
 - Enable each snippet you want to use
 	- You may have to press the _Reload snippets_ button


## Snippets
### Heatmap Alternating Months
Before | <img width="681" height="143" alt="image" src="https://github.com/user-attachments/assets/5add84b9-863c-4adf-928b-4f92336eef53" />
--- | ---
**After** | <img width="701" height="150" alt="image" src="https://github.com/user-attachments/assets/97d73635-a0e5-4af1-904a-675470d931ec" />

- To be used with [Richard Slettevoll's Heatmap Calendar plugin](https://github.com/Richardsl/heatmap-calendar-obsidian)
- Adds alternating colors to empty cells in heatmaps
- Labels every day of the week instead of only 3
- Highlights today better

### Inline Title Color
Before | <img height="100" alt="image" src="https://github.com/user-attachments/assets/bdb92810-5341-4ed6-8fd8-43ddca7f49a5" />
--- | ---
**After** | <img height="100" alt="image" src="https://github.com/user-attachments/assets/6c67e90f-ee38-4487-b3a7-710702baef78" />
- Intended to be used with my [Vanilla AMOLED Color theme](https://github.com/Sskki-exe/vanilla-amoled-theme-color)
- File names are shown as an inline title
- Because of the theme I use, it is colored red by default
- This changes it back to white

### No Title Embeds
Before | After
--- | ---
<img width="249" height="51" alt="image" src="https://github.com/user-attachments/assets/f6a0bad2-8658-4e79-a0ef-2e5bb26211a6" /> | <img width="243" height="32" alt="image" src="https://github.com/user-attachments/assets/05572f68-40a3-4435-8d41-721ebf8f423c" />

- Does what it says on the tin

### Table Highlight
Before | After
--- | ---
<img width="380" height="147" alt="image" src="https://github.com/user-attachments/assets/c8d614b8-8832-4a97-a5a9-94cf626dfa56" /> | <img width="378" height="126" alt="image" src="https://github.com/user-attachments/assets/0523fb40-0c70-453f-9a23-6a5fba0759dc" />

- Intended to be used with my [Vanilla AMOLED Color theme](https://github.com/Sskki-exe/vanilla-amoled-theme-color)
- Remove line break before tables
	- Not sure why they're there in the first place
- Remove bold from first row
- Highlight cells with bold or italics in them
	- Color the cell lightgrey
	- Color the text black

### Tasks Columns
Before | After
--- | ---
<img width="204" height="247" alt="image" src="https://github.com/user-attachments/assets/0de692be-e7f9-4376-b955-db814c4b71d0" /> | <img width="490" height="127" alt="image" src="https://github.com/user-attachments/assets/c37fff10-a4a0-49c4-873e-50e1f671f95c" />
- To be used with [Obsidian Tasks plugin](https://github.com/obsidian-tasks-group/obsidian-tasks)
- Organise task queries into multiple columns