tavlean / CleanObsidianCSS

Custom CSS snippets to make Obsidian beautiful and clean

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CleanObsidianCSS

Custom CSS for a cleaner and prettier Obsidian

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)

About

Custom CSS snippets to make Obsidian beautiful and clean

License:MIT License


Languages

Language:CSS 100.0%