CleanObsidianCSS

# CleanObsidianCSS

Custom CSS for a cleaner and prettier [Obsidian](https://obsidian.md)

_**Note**: This repository is currently outdated, waiting to be updated for the new Obisidian versions_

![Ribbon Sidebar 2](https://user-images.githubusercontent.com/71072795/168335174-12adb031-e919-463d-aba4-d0b37933da5b.png)

![Ribbon Only 2](https://user-images.githubusercontent.com/71072795/168335238-fabdefb1-19a6-49de-ba3a-f224f22e03b2.png)

![YAML Front-matter](https://user-images.githubusercontent.com/71072795/168333775-ad820b5a-b19a-422b-b2ec-069d43868688.png)

## How to Install.
### CSS
1. Go to Obsidian → Settings → Appearance → CSS Snippets
2. Click 'Open Snippets Folder' button
3. Paste the CSS files from this repository to the Snippets folder
4. Click 'Reload Snippets' button in Obsidian settings
5. Enable CSS Snippets as needed

### Style Settings
1. Install Style Settings plugin
2. Go to Obsidian → Settings → Style Settings
3. Click Import
4. Copy contents of this [JSON file](https://gist.github.com/tavusion/d902246b8d719e0130c236bc753aeb6b)
5. Paste into the Style Settings Plugin where it says "Paste config here..."
6. Save

### Font
* I'm using Bear Sans UI, the official font of the upcoming version of the Bear editor. I suppose it's ok to use it for personal use, install the beta of panda and the font will be installed.
* You can use any other font of your choice from Obsidian → Settings → Appearance → Text Font
* Or choose a font from Style Settings Plugin

### 3rd Party Plugins
* Install [Hider](https://github.com/kepano/obsidian-hider) Plugin and enable **Hide Title Bar (Frameless Mode)**