My Obsidian

<div align="center">
  <img  src="https://github.com/bitcrafty/my-obsidian/assets/135437223/815767e0-b911-4eb2-a6be-33900f086902" alt="Visuals Logo" width="90">
  <h1>⚙️ My Obsidian Config ⚙️</h1>
</div>


This repo contains some settings and css snippets I use in my obsidian app.
I use the theme *[`Shimmering Focus`](https://github.com/chrisgrieser/shimmering-focus)* in dark mode. I have all the UI elements enabled that are hidden when applying the theme.



Work-In-Progress

<details>
  <summary>
    <h3>🎨 Gradient-lines CSS Snippet</h1>
  </summary>

CSS Snippet for gradient lines in obsidian.

If you are bored with normal gray lines in obsidian, you can use this snippet to customize them.
Changing the hex colors will give you custom gradients.

<h4>Examples of appearance of `hr` lines:</h4>
<p float="left">
  <img src="https://github.com/bitcrafty/my-obsidian/assets/135437223/fa17b55e-446f-409c-bf8d-7884cfaa31c4" width="500" />
  <img src="https://github.com/bitcrafty/my-obsidian/assets/135437223/e42af4e2-dd0a-4ec5-a8ce-756119900194" width="500" /> 
</p>
</details>
  
<details>
  <summary>
    <h3>📐 Aligned-Headings CSS Snippet</h3>
  </summary>

CSS Snippet to align headings in obsidian.

You can align your heading(s) to center, left or right using this snippet.
Just change the `text-center` values of the headings you want to alter.

<h4>Example of Centered Headings</h4>
<img src="https://github.com/bitcrafty/my-obsidian/assets/135437223/3924b89e-7121-4a45-b690-8d54df831212">
</details>