Cleaner Theme Obsidian Snippet
SNIPPETeudennis

Cleaner Theme Obsidian Snippet

A quick CSS Snippet for Obsidian to make (any) theme more clean and focused.

CSSAny theme
## Cleaner Theme for Obsidian

This small snippet will make the any theme cleaner. It's goal is to remove any unecessary elements and focus only on the notes itself using keyboard shortcurts to interact with Obsidian. 

![Original Obsidian UI](misc/obsidian-ui-cleaner-comparison.png)

## Faded elements
As you can see, some UI elements are just faded, such as the note header and status bar on the bottom. Those will increase their opacity once you mouseover.

## Removing Sidebars
To interact with the sidebars UI, to have a even more focused view, I recommend to hide those. This can be easily done using the *Toggle Right Sidebar* and *Toggle Left Sidebar* commands that can be found using `ctrl+k` (`cmd+k` on MacOS) shortcurt.

A easier way is to add a keyboard shortcut to activate that command, I recommend using `ctrl+[` to toggle left and `ctrl+]` to toggle right.

## How to install
1. Download the Cleaner-Theme.css file
   1. Download as .zip
   2. Extract
2. Drop on your Obsidian CSS Snippets folder
   1. Open settings in Obsidian
   2. Appearance tab
   3. CSS snippets section
   4. Click on the folder icon
3. Activate it! 
   1. Open settings in Obsidian
   2. Appearance tab
   3. CSS snippets section
   4. cleaner-theme.css should appear here


## Why this is not a full theme?

Themes can have much more resources, such as styling specific elements. This is a flexible way to always have a way to "clean" any theme.

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

2

Forks

0

Last updated 26mo ago

Categories