Skip to content

jimbarrsc/obsidian-css

Repository files navigation

These are Obsidian CSS Snippets to customize several formats without the need for plugins.

Instructions:

  • Open a text editor and paste the code
  • Save into your {vault}\.obsidian\snippets folder, named as file-icons.css or whatever you like.
  • In Obsidian, click Settings > Appearance > CSS Snippets
  • Click the Reload Snippets icon on the upper right
  • Toggle the snippet on

Contents:

custom-codeblock.css
  • Render code blocks and inline code like a green screen terminal
file-icons.css
  • Add icons to folders and files
improve-tables.css
  • Add some formatting improvements to Tables like Bold headings and alternating row colors
improve-bases.css
  • Add some formatting improvements to Bases like Bold headings and alternating row colors
improve-scrollbars.css
  • Make scrollbars just a bit wider
virtual-linker.css
  • Adjusts the height in the now deprecated Virtual Linker/Glossary plugin
  • This may work with the new fakelinks plugin

Disclosure:

Some of these were written by hand, some with help from other users, and some with AI assistance. Nothing was vibe-coded. It's all just CSS.

About

CSS FIles used to customize Obsidian

Resources

Stars

5 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages