CleanObsidianCSS
SNIPPET
tavlean

CleanObsidianCSS

Custom CSS snippets to make Obsidian beautiful and clean

CleanObsidianCSS

Custom CSS for a cleaner and prettier Obsidian

Note: This repository is currently outdated, waiting to be updated for the new Obisidian versions

Ribbon Sidebar 2

Ribbon Only 2

YAML Front-matter

How to Install.

CSS

  1. Go to Obsidian → Settings → Appearance → CSS Snippets
  2. Click 'Open Snippets Folder' button
  3. Paste the CSS files from this repository to the Snippets folder
  4. Click 'Reload Snippets' button in Obsidian settings
  5. Enable CSS Snippets as needed

Style Settings

  1. Install Style Settings plugin
  2. Go to Obsidian → Settings → Style Settings
  3. Click Import
  4. Copy contents of this JSON file
  5. Paste into the Style Settings Plugin where it says "Paste config here..."
  6. Save

Font

  • I'm using Bear Sans UI, the official font of the upcoming version of the Bear editor. I suppose it's ok to use it for personal use, install the beta of panda and the font will be installed.
  • You can use any other font of your choice from Obsidian → Settings → Appearance → Text Font
  • Or choose a font from Style Settings Plugin

3rd Party Plugins

  • Install Hider Plugin and enable Hide Title Bar (Frameless Mode)

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

19

Forks

2

License

MIT

Last updated 19mo ago

Categories

Tags

cssobsidiansnippets