SNIPPETLiamSwayne

CSS Snippets

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

CSSAny theme
# Obsidian CSS Snippets
> [License](./LICENSE.txt): 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)"](./hide-unnecessary-new-tab-buttons.css)
- [Make empty tabs completely empty](empty-tabs-truly-empty.css)

### Sidebar
- [Wrap file explorer names](./wrap-file-exporer-names.css)
- [Hide right-sidebar button](./hide-right-sidebar-button.css)

### Navbar
- [Hide "stack tabs" button](hide-stack-tabs-button.css)

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

### Hide toaster popups
- [Hide toaster popup messages](./hide-toaster-notices.css)

### Writing view button
- [Hide reader vs. live-preview button](./hide-reader-live-preview-button.css)

### Status bar
- [Hide](./status-bar-off.css)
- [Hide backlinks count](./status-bar-backlinks-off.css)
- [Hide writing mode](./status-bar-hide-writing-mode.css)
- [Hide word count](./status-bar-word-count-of-note-off.css)
- [Hide character count](./status-bar-character-count-off.css)
- [Hide Obsidian Sync status](./hide-sync-status.css)
- [Move status bar left or right (to account for spacing issues)](./move-status-bar.css)

# Plugin Snippets

### Excalidraw
- [Hide welcome info](./hide-excalidraw-welcome.css)

### Better Word Count
- [Use Better Word Count plugin word count instead of built-in word count.](./replace-builtin-word-count-with-better-word-count.css)

### Trash Explorer
- [Hide ribbon icon](./hide-trash-explorer-sidebar-icon.css)

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

44

Forks

2

License

CC0-1.0

Last updated 18mo ago

Categories