Obsidian CSS Snippets

License: public domain, no attribution needed

A library of CSS snippets that customize the look of obsidian.

Empty tab

• Hide redundant "Go to file (⌘O)" and "See recent files (⌘O)"
• Make empty tabs completely empty

Sidebar

• Wrap file explorer names
• Hide right-sidebar button

Navbar

• Hide "stack tabs" button

Content formatting

• Cutomize indentation of each tier of bulleted lists (when using this snippet it is recommended to turn off indentation guides in Settings -> Editor -> Display -> Show indentation guides)
• Remove additional header spacing
• Decrease space above note title
• Hide callout icon using |no-icon after title
• Change table font size
• Remove top and bottom spacing and controls from tables
• Hide empty line above tables
• Invert colors of images with #invert
• External links are blue; all links transition color; no external link icon
• Resize mermaid diagrams to fit

Hide toaster popups

• Hide toaster popup messages

Writing view button

• Hide reader vs. live-preview button

Status bar

• Hide
• Hide backlinks count
• Hide writing mode
• Hide word count
• Hide character count
• Hide Obsidian Sync status
• Move status bar left or right (to account for spacing issues)

Plugin Snippets

Excalidraw

• Hide welcome info

Better Word Count

• Use Better Word Count plugin word count instead of built-in word count.

Trash Explorer

• Hide ribbon icon