Css Snippets

# obsidian-css-snippets

![GitHub last commit](https://img.shields.io/github/last-commit/arg387/obsidian-css-snippets)
<a href="#shield-last-updates"><img alt="Updated Date" src="https://img.shields.io/badge/Screenshots Update Date-21/03/2026-cyan?style=flat"></a>

![GitHub watchers](https://img.shields.io/github/watchers/arg387/obsidian-css-snippets)
![visitors](https://visitor-badge.laobi.icu/badge?page_id=arg387.obsidian-css-snippets)
  

This is my personal collection of CSS for obsidian. You can check `personal_theme.css` file if you want a default inspired minimal theme `make sure to use the personal theme with default theme if you want the best result `. Some of these CSS are written by me and others are collected from different sources. Screenshots are given below. If you have any suggestion make sure to add that in issues section. `This is compatible with only dark mode`.

## Pictures
- Personal Theme



<img width="1882" height="1003" alt="Screenshot 2026-01-16 125403" src="https://github.com/user-attachments/assets/a7f3165e-9edf-4b09-b01e-8c7471310697" />
<img width="1919" height="1079" alt="image" src="https://github.com/user-attachments/assets/13d8a25b-0d99-4d3e-8e63-55b2863bb349" />
<img width="1919" height="1075" alt="Screenshot 2025-09-30 085937" src="https://github.com/user-attachments/assets/1f9f5ae4-e594-42f0-9865-4316437b5625" />
<img width="1373" height="916" alt="image" src="https://github.com/user-attachments/assets/db41bdbb-2b49-4ef9-a847-f71029744337" />

<img width="1919" height="1068" alt="image" src="https://github.com/user-attachments/assets/93c3ce0d-bdf2-4f0b-9a81-f0d270b87529" />


![obsidian-file-tree-icons](https://github.com/user-attachments/assets/6bac022d-5cc0-4b09-b9d5-978601d69003)



<img width="1903" height="1067" alt="Screenshot 2026-01-20 130301" src="https://github.com/user-attachments/assets/8d8d2c6c-f5fc-4dba-90c1-36d283e27ecf" />




<br>

<img width="1901" height="986" alt="Screenshot 2026-01-20 114847" src="https://github.com/user-attachments/assets/8ee69db0-d0f8-4a58-9075-4364e339124f" />
<img width="1827" height="1017" alt="image" src="https://github.com/user-attachments/assets/eb46f92b-9177-4a13-8408-e7f3b955105a" />

<br>


Make sure to download the Merienda and Comic Sans MS font from Google Fonts or any other source and install it on your system to see the intended font style in the app[as extra measure].
There is two header adjustment settings in style settings plugin which make headers centered and some other settings about table styles. Now you can even adjust the color of toolbar and titlebar so that you can use it to differentiate indivisual vault. If anyone want to use them install style settings plugin from obsidian community plugin store and toggle the settings there.
 

<br>
<hr/>

- other CSS files
<img width="1919" height="1073" alt="Screenshot 2025-10-17 123519" src="https://github.com/user-attachments/assets/dbb5fd0a-6dc2-4a83-8970-b5ea160d96db" />
<img width="1867" height="1005" alt="Screenshot 2025-10-17 123229" src="https://github.com/user-attachments/assets/37bb1bb6-3487-4c01-9b3a-7740a0c0bb7f" />
<img width="1919" height="1079" alt="Screenshot 2026-01-01 113423" src="https://github.com/user-attachments/assets/6f931ec0-2217-47ab-a698-f145b56013d8" />

<br>
<hr/>
BTW, if anyone is interested in doccumenting all these css styles feel free to fork the repo and add these doccumentation. It will be really a big help.