SNIPPET
breakthebullCheat Sheet
A Cheat Sheet For Obsidian Theme-Building. Easy to read and follow. Be sure to check out Obsidian's online documentation for further explanations.
37 Stars
GitHubCSSAny theme
# Obsidian Theme Cheat Sheet
A Cheat Sheet For Obsidian Theme-Building. Easy to read and follow. Be sure to check out [Obsidian's online documentation](https://docs.obsidian.md/Themes/App+themes/Submit+your+theme) for further explanations.
Also check out [Obsidian's Theme Community Hub for templates and CSS tips](https://github.com/obsidian-community)
I built this while working on my other themes and testing out various settings. I figured others may also find it useful. 😄
## Updates
- Added DETAILED Base 64 Image use for themes instructions.
(The .md file will be more updated than the pdf)
# Files
## Main File
- [Full File Download](https://github.com/breakthebull/cheat-sheet/blob/main/Obsidian%20Theme%20Cheatsheet.md)
# TOC
1. [1.01 Theme Color Guide](<1.01 Theme Color Guide>)
2. [2.01 Base64 Background Images in Obsidian Themes](<2.01 Base64 Background Images in Obsidian Themes>)
3. [3.01 Workspace Areas](<3.01 Workspace Areas>)
4. [4.01 CSS Snippets (Copy-Paste Ready)](<4.01 CSS Snippets (Copy-Paste Ready)>)
5. [5.01 How to Use These Snippets](<5.01 How to Use These Snippets.md>)
How to Install
- Download the CSS file below
- Move it to your vault's
.obsidian/snippets/folder - Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Stats
Stars
37
Forks
0
License
GPL-3.0
Last updated 1mo ago
Categories
Tags
cheatsheetcodingcsscss-snippetsmarkdownobsidianquickbuildreference