![](media/banner.png)
A curated list of awesome themes, plugins and more for [Obsidian](https://obsidian.md/).
--- # Table of contents - [What is Obsidian?](#what-is-obsidian) - [Handy tools](#handy-tools) - [Themes](#themes) - [CSS Snippets](#css-snippets) # What is Obsidian? - [Official Obsidian Website](https://obsidian.md) - [Reviews, Pros and Cons of Obsidian at Slant.co](https://www.slant.co/options/37045/~obsidian-md-review) - [Obsidian at Markdown Guide](https://www.markdownguide.org/tools/obsidian/) - [Obsidian Beginner Guide at SitePoint](https://www.sitepoint.com/obsidian-beginner-guide/) - [Obsidian Official Roadmap](https://trello.com/b/Psqfqp7I/obsidian-roadmap) # Handy tools | Name | Description | Credits | | :--: | :---------- | ------: | | [Markdownload](https://github.com/deathau/markdown-clipper) | A Firefox and Google Chrome extension to clip websites and download them into a readable markdown file. | [deathau](https://github.com/deathau) | | [Copy Selection as Markdown](https://github.com/0x6b/copy-selection-as-markdown) | Firefox add-on to copy a selection or link as formatted Markdown | [0x6b](https://github.com/0x6b) | | [Notion to Obsidian converter](https://github.com/connertennery/Notion-to-Obsidian-Converter) | Simple script to convert exported Notion notes to Obsidian | [connertennery](https://github.com/connertennery) | | [Yarle - Yet Another Rope Ladder from Evernote](https://github.com/akosbalasko/yarle) | Node.js app to convert exported Evernote notes to Markdown (Obsidian) | [akosbalasko](https://github.com/akosbalasko) | | [Oboe - Obsidian to HTML converter](https://github.com/kmaasrud/oboe) | Command line tool that converts an Obsidian vault into a vault of HTML files. Useful for publishing a vault as a static website. | [kmaasrud](https://github.com/kmaasrud) | | [Obsidian Clipper](https://github.com/jplattel/obsidian-clipper) | An unofficial Obsidian clipper for Chrome, that allows you to easily clip a selection to a note in Obsidian | [jplattel](https://github.com/jplattel) | | [Obsidian Starter Templates](https://github.com/masonlr/obsidian-starter-templates) | A set of Markdown templates for common Obsidian use cases | [masonlr](https://github.com/masonlr), [sharpevo](https://github.com/sharpevo) and [mtomas7](https://github.com/mtomas7) | | [Obsidian Day Planner](https://github.com/lynchjames/obsidian-day-planner) | Plugin for day planning and managing pomodoro timers from a task list | [lynchjames](https://github.com/lynchjames) | | [Flashcards](https://github.com/reuseman/flashcards-obsidian) | Simple and intuitive integration for Anki | [reuseman](https://github.com/reuseman) | # Themes Most themes should be available through the Community Themes pane in Obsidian's settings. If not, enable Custom CSS under Plugins, download `obsidian.css` from the desired repository and place it in the vault root. | Name | Description | Image | Credits | | :--: | :---------- | ----- | ------: | [Official Dracula theme](https://draculatheme.com/obsidian) | A dark theme hosted by the official Dracula guys | ![](https://draculatheme.com/static/img/screenshots/obsidian.png) | [dracula](https://github.com/dracula), [andybyers21](https://github.com/andybyers21) and [zenorocha](https://github.com/zenorocha) [80s Neon](https://github.com/deathau/80s-Neon-for-Obsidian.md) | A retro-future 80s inspired theme for Obsidian. | ![](https://raw.githubusercontent.com/deathau/80s-Neon-for-Obsidian.md/master/screenshot.jpg) | [deathau](https://github.com/deathau) [Base2Tone](https://github.com/deathau/Base2Tone-For-Obsidian.md) | A theme for Obsidian based on http://base2t.one/ with default hues from http://simurai.com/duotone-dark-sky-syntax/. | ![](https://raw.githubusercontent.com/deathau/Base2Tone-For-Obsidian.md/master/colours.gif) | [deathau](https://github.com/deathau) [OneDark Theme](https://github.com/pionxzh/OneDark-obsidian) | This theme is based on One Dark Pro and One Dark Pro is based on Atom's default One Dark theme. Currently only supports Dark mode. | ![](https://raw.githubusercontent.com/pionxzh/OneDark-obsidian/master/img/sample_1.png) | [pionxzh](https://github.com/pionxzh) [Dracula](https://github.com/jarodise/Dracula-for-Obsidian.md) | A dark theme for Obsidian. | ![](https://raw.githubusercontent.com/jarodise/Dracula-for-Obsidian.md/master/screencap.jpg) | [jarodise](https://github.com/jarodise) [Comfort Color Dark Theme](https://github.com/obsidian-ezs/obsidian-comfort-color-dark) | A dark theme for Obsidian. | ![](https://raw.githubusercontent.com/obsidian-ezs/obsidian-comfort-color-dark/master/screencap.png) | [obsidian-ezs](https://github.com/obsidian-ezs) [Gruvbox Theme](https://github.com/insanum/obsidian_gruvbox) | This is a gruvbox theme for Obsidian. It supports both light and dark modes. | ![](https://raw.githubusercontent.com/insanum/obsidian_gruvbox/master/dark.png) | [insanum](https://github.com/insanum) [Gastown](https://github.com/dogwaddle/obsidian-gastown-theme.md) | A light theme for Obsidian. | ![](https://raw.githubusercontent.com/dogwaddle/obsidian-gastown-theme.md/master/ObsidianOne.png) | [dogwaddle](https://github.com/dogwaddle) [Ursa](https://github.com/obsidian-ezs/obsidian-ursa) | A light and dark theme for Obsidian featuring "zen mode" with collapsing side panels and improved single pane viewing. | ![](https://raw.githubusercontent.com/obsidian-ezs/obsidian-ursa/master/light-theme_full.png) | [obsidian-ezs](https://github.com/obsidian-ezs) [Obsidian Solarized](https://github.com/Slowbad/obsidian-solarized) | This is just a recolor based on the solarized color scheme. | ![](https://raw.githubusercontent.com/Slowbad/obsidian-solarized/master/screenshot.png) | [Slowbad](https://github.com/Slowbad) [Red Graphite](https://github.com/seanwcom/Red-Graphite-for-Obsidian) | A light theme for Obsidian, based on Bear.app's Red Graphite theme. | ![](https://raw.githubusercontent.com/seanwcom/Red-Graphite-for-Obsidian/master/screenshot01.png) | [seanwcom](https://github.com/seanwcom) | [Obsidian + Nord](https://github.com/insanum/obsidian_nord) | A Nord-based theme for Obsidian, only supporting dark mode | ![](https://raw.githubusercontent.com/insanum/obsidian_nord/master/screen.png) | [insanum](https://github.com/insanum) | [Illusion Theme](https://github.com/ZaherAlMajed/Illusion-Theme.md) | A light theme for Obsidian. The theme is comfortable to the eye everything is a bit bigger and contrasted, combining dark & light themes gave it a unique touch. | ![](https://user-images.githubusercontent.com/54148795/125782571-78762279-c644-477a-9cdb-0666603190b9.png) | [Zaher Al Majed](https://github.com/ZaherAlMajed)| [Horizon](https://github.com/tylernguyen/obsidian-horizon) | Dark theme for Obsidian, inspired by the similarly named theme for VSCode. Compatible with Obsidian Desktop, Mobile, and Publish. | ![Horizon Preview](https://raw.githubusercontent.com/tylernguyen/obsidian-horizon/main/assets/preview.png) | [Tyler Nguyen](https://github.com/tylernguyen)| [Behave dark](https://gitlab.com/chrismettal/obsidian-behave-dark) | A port of the eye friendly `Behave` theme by Christian Petersen, available for `VSCode`, `FreeCAD`, `KiCAD`, and now `Obsidian`! | ![BehaveDark](https://raw.githubusercontent.com/Chrismettal/Obsidian-Behave-dark/main/Screenshot.png) | [Chrismettal](https://gitlab.com/chrismettal)| # CSS Snippets Small tweaks to add to your `vault/.obsidian/snippets` folder. - [Collapsing Sidebar](#collapsing-sidebar) - [Bullet Point Relationship Lines](#bullet-point-relationship-lines) - [Task List Preview Relationship Line Correction](#task-list-preview-relationship-line-correction) - [Auto-fading UI](#auto-fading-ui) - [Subtler Folding Gutter Arrows](#subtler-folding-gutter-arrows) - [Hyphenation and Justification](#hyphenation-and-justification) - [Enlarge Image on Hover](#enlarge-image-on-hover) - [Nicer Checkboxes](#nicer-checkboxes) - [Stylish Block Quotes](#stylish-block-quotes) - [Bigger Link Popup Preview](#bigger-link-popup-preview) - [Custom Icons Differing Files and Folders](#custom-icons-differing-files-and-folders) - [Tag Pills](#tag-pills) - [Outliner For The Outline and File Explorer](#outliner-for-the-outline-and-file-explorer) - [Better Bullet Points in Edit Mode](#better-bullet-points-in-edit-mode) - [Image Cards](#image-cards) Not enough? There are many other places related to snippets: - [#custom-css at Obsidian Forum](https://forum.obsidian.md/tag/custom-css/l/top) - [CSS snippets in Obsidian Help](https://help.obsidian.md/How+to/Add+custom+styles#Use+Themes+and+or+CSS+snippets) - [Other GitHub repositories](https://github.com/search?q=obsidian-snippets) ## [Collapsing Sidebar](code/css-snippets/collapsing-sidebar.css) by [@Kmaasrud](https://github.com/kmaasrud) [📁 collapsing-sidebar.css](code/css-snippets/collapsing-sidebar.css) --- ## [Bullet Point Relationship Lines](code/css-snippets/bullet-point-relationship-lines.css) by [@deathau](https://github.com/deathau) Relationship lines that shows hierarchy, like in code editors. ![](media/css-snippets/bullet-point-relationship-lines-1.png) [📁 bullet-point-relationship-lines.css](code/css-snippets/bullet-point-relationship-lines.css) --- ## [Auto-fading UI](code/css-snippets/autofading-ui.css) by [@Rumen Dimitrov](https://forum.obsidian.md/u/rsdimitrov) Fades note's header controls and status bar items when not hovered. ![](media/css-snippets/autofading-ui-1.gif) [📁 autofading-ui.css](code/css-snippets/autofading-ui.css) --- ## [Smaller Scrollbar](code\css-snippets\smaller-scrollbar.css) by [@Rumen Dimitrov](https://forum.obsidian.md/u/rsdimitrov) ![](media/css-snippets/smaller-scrollbar-1.png) [📁 smaller-scrollbar.css](code\css-snippets\smaller-scrollbar.css) --- ## [Subtler Folding Gutter Arrows](code/css-snippets/subtler-folding-gutter-arrows.css) by [@Rumen Dimitrov](https://forum.obsidian.md/u/rsdimitrov) Increases the size of the folding gutter arrows and decreases their opacity until hovered. ![](media/css-snippets/subtler-folding-gutter-arrows-1.png) [📁 subtler-folding-gutter-arrows.css](code/css-snippets/subtler-folding-gutter-arrows.css) --- ## [Hyphenation and Justification](code/css-snippets/hyphenation-and-justification.css) by [@Boyd](https://forum.obsidian.md/u/boyd/summary) Justifies the whole text and breaks words into two lines if needed. ![](media/css-snippets/hyphenation-and-justification-1.png) [📁 hyphenation-and-justification.css](code/css-snippets/hyphenation-and-justification.css) --- ## [Enlarge Image on Hover](code/css-snippets/enlarge-image-on-hover.css) by [@den](https://forum.obsidian.md/u/den/summary) ![](media/css-snippets/enlarge-image-on-hover-1.gif) [📁 enlarge-image-on-hover.css](code/css-snippets/enlarge-image-on-hover.css) --- ## [Nicer Checkboxes](code\css-snippets\nicer-checkboxes.css) by [@kepano](https://forum.obsidian.md/u/kepano/summary) & [@rsdimitrov](https://forum.obsidian.md/u/rsdimitrov) To toggle a checkbox, place your cursor right after it, press left arrow once and then press backspace. ![](media/css-snippets/nicer-checkboxes-1.gif) [📁 nicer-checkboxes.css](code\css-snippets\nicer-checkboxes.css) --- ## [Stylish Block Quotes](code\css-snippets\stylish-blockquotes.css) by [@Thery](https://forum.obsidian.md/u/Thery/summary) ![](media/css-snippets/stylish-blockquotes-1.png) [📁 stylish-blockquotes.css](code\css-snippets\stylish-blockquotes.css) --- ## [Bigger Link Popup Preview](code\css-snippets\bigger-link-popup-preview.css) by [@Cannibalox](https://github.com/cannibalox) & [@konhi](https://github.com/konhi) ![](media/css-snippets/bigger-link-popup-preview-1.png) [📁 bigger-link-popup-preview.css](code\css-snippets\bigger-link-popup-preview.css) --- ## [Custom Icons Differing Files and Folders](code\css-snippets\custom-icons-differing-files-and-folders.css) by [@deathau](https://github.com/deathau) Adds custom icons for files and folders. Please read the comments in the `.css` file. ![](media/css-snippets/custom-icons-differing-files-and-folders-1.png) [📁 custom-icons-differing-files-and-folders.css](code\css-snippets\custom-icons-differing-files-and-folders.css) [📁 IcoMoon.io Free Version](https://github.com/Keyamoon/IcoMoon-Free/archive/master.zip) --- ## [Tag Pills](code\css-snippets\tag-pills.css) by [@uzerper](https://forum.obsidian.md/u/uzerper) ![](media/css-snippets/tag-pills-1.png) [📁 tag-pills.css](code\css-snippets\tag-pills.css) --- ## [Outliner For The Outline and File Explorer](code\css-snippets\outliner-for-the-outline-and-file-explorer.css) by [@Shamama](https://forum.obsidian.md/u/Shamama), [@wonton](https://forum.obsidian.md/u/wonton/summary) & [@konhi](https://github.com/konhi) ![](media/css-snippets/outliner-for-the-outline-and-file-explorer-1.png) [📁 outliner-for-the-outline-and-file-explorer.css](code\css-snippets\outliner-for-the-outline-and-file-explorer.css) --- ## [Better Bullet Points in Edit Mode](code\css-snippets\better-bullet-points-in-edit-mode.css) by [@Piotr](https://forum.obsidian.md/u/Piotr) & [@konhi](https://github.com/konhi) ![](media/css-snippets/better-bullet-points-in-edit-mode-1.gif) [📁 better-bullet-points-in-edit-mode.css](code\css-snippets\better-bullet-points-in-edit-mode.css) --- ## [Image Cards](code/css-snippets/image-cards.css) by [@TClark1011](https://github.com/TClark1011) Give your images a shadow and rounded corners. ![](media/css-snippets/image-cards-1.png) [📁 image-cards.css](code/css-snippets/image-cards.css) ---