Skip to content

CSS snippet for Obsidian – just a few tweaks to kepano's Minimal theme

License

Notifications You must be signed in to change notification settings

lucasrla/obsidian-css-tweaks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

My opinionated tweaks to Obsidian's theme Minimal (@kepano/obsidian-minimal).

I'm using these CSS snippets in Obsidian 1.0.3 with Minimal theme 6.1.9.

List of tweaks

  • Text font: "Helvetica Neue" as primary text font
  • Line height: increase it slightly (from 1.5 to 1.6)
  • Embeds: wider; no borders, just some padding and vertical space for the title
  • Highlights: alternative background color both in light and dark themes
  • Blockquotes: subtler left border, alternative text color, increased margins
  • External links: remove the SVG image ()
  • Internal links: remove underline (to make them distinguishable from external links)
  • Horizontal rule (<hr>): just three subtle dots, instead of a thick and wide line
  • Footnotes: more vertical space between items, more left space between footnote content and the backref link (↩︎)

Setup

  1. Copy the obsidian-minimal-tweaks.css file to VAULT_DIRECTORY/.obsidian/snippets/
  2. Open the Obsidian app
  3. Navigate to Settings > Appearance > CSS snippets and toggle obsidian-minimal-tweaks to ON

If there is no obsidian-minimal-tweaks in step #3, you might need to click on the "refresh" button to Reload snippets.

More resources

If you're looking for more CSS snippets, check out this Obsidian forum thread and also @kmaasrud/awesome-obsidian. Thanks, Obsidian community!

About

CSS snippet for Obsidian – just a few tweaks to kepano's Minimal theme

Topics

Resources

License

Stars

Watchers

Forks

Languages