SNIPPET
jorins

Css Snippets

Personal repository of CSS snippets for Obsidian

Personal set of Obsidian snippets.

Installation

Symlink snippets into your vault:

$ ln -s /path/to/obsidian-css-snippets/snippets /path/to/obsidian-vault/.obsidian/snippets

Snippets

colours.css

Definition of a personal palette of colours. Obsidian has a set of predefined colours but I didn't quite like these so I made my own set.

image-opts.css

Modifiers that can be applied to images using pipes e.g.

![[path/to/image.png|center]]

Available modifiers

CSS classEffect
centerCenter image
invert-darkInvert image and rotate hue by 180 degrees on dark theme
invert-lightInvert image and rotate hue by 180 degrees on light theme

sidebar.css

Sidebar customisation. Based on Obsidian-Colored-Sidebar by CyanVoxel (MIT license).

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

1

Forks

0

License

MIT

Last updated 19mo ago

Categories