search

mgmeyers / obsidian-style-settings

A dynamic user interface for adjusting theme, plugin, and snippet CSS variables within Obsidian
GNU General Public License v3.0
1.26k stars 106 forks source link

QoL - Here's How to Disable Obsidian Settings Window from Dimming the Background #177

Open YourFriendlyNeighborhoodMONKE opened 2 weeks ago

YourFriendlyNeighborhoodMONKE commented 2 weeks ago

The plugin is great, but for the longest time I was struggling with Obsidian's settings dimming the rest of the UI.

This makes it very difficult to adjust the themes precisely from GUI.

I ended up bypassing the issue by creating a simple css snippet that disables dimming of the settings window.

All you need to do, is to create a new text file in .obsidian/snippets folder as yourfilename.css Paste this text into that file and save it.

.modal-container.mod-dim .modal-bg {
  opacity: 0 !important;
}

Then all you need to do is go to Settings -> Appearance Scroll down to the bottom where you find a CSS snippets section Click the little refresh icon and toggle your newly created snippet on.

Once you have done your customization, you can just toggle the snippet off and the Settings will go back to dimming the rest of the UI again.

PS. I think it would be a great idea to somehow include this type of feature in the plugin itself so all the users who aren't CSS & theme developers can have an easier time in customizing their colors etc. precisely without most of the UI getting dimmed.

Jopp-gh commented 5 days ago

Why don't you open style settings as a note and put this note in your sidebar on the left or right?

Just open the command palette, type "Style sett" and confirm.