Cheat 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
GitHub
CSSAny 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>)

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

37

Forks

0

License

GPL-3.0

Last updated 1mo ago

Categories

Tags

cheatsheetcodingcsscss-snippetsmarkdownobsidianquickbuildreference