Obsidian CSS Snippets

This repository stores the css I used for customizing Obsidian.

Obsidian is Fantastic, this repo is just a reference, fork and practice your own taste!

current contents

• bg_dark.css: add background covering every corner of Obsidian app for dark color scheme, as well as adjust components' colors to be more readable. Work with themes:

  • Default
  • Obsidianite
  • Obsidianotion
  • NotSwift

• bg_light.css: same as bg_dark.css, but only work for light color scheme. Work with themes:

  • Default
  • Obsidianite
  • Obsidianotion
  • NotSwift

• blur.css: add blur effects to tab bars and code block. Work with all themes.

• color.css: Use highlight color for most texts, since some themes cannot display words in sidebar clearly.

  • support both dark and light color scheme

• font.css: use my favorite fonts for all themes' components.

• tab.css: fix bug of tab bar width in current version of Obsidian.

• workspace.css: extends the width of writing space. Work with all themes.

usage

cd into ${vault}/.obsidian/ folder, clone the repository:

git clone https://github.com/ETOgaosion/Obsidian_CSS_Snippets.git snippets

Make sure all *.css are in ${vault}/.obsidian/snippets/, open the vault and go to appearence preference, in Appearence/CSS Snippets turn on all snippets, you will be comfortable~

All items tested on Obsidian 1.5.0, with both Mac and Windows.

You can use color.css, font.css, workspace.css for all time. Background series depend on color scheme you use.

Copyrights

We use a image that we do not have copyrights, please replace it to any of your background image instead! place *.css in vault/.obsidian/snippets/, open the vault and go to appearence preference.