Skip to content

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

Open
@YourFriendlyNeighborhoodMONKE

Description

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions