How to Customize Obsidian With a Translucent Background Image

Useful CSS Snippet

Credit: Annupuccin theme

I love obsidian and messing around with it. Recently, I discovered a CSS snippet that helps you to customize your obsidian workspace.

This allows you to add a background image to your workspace with the desired translucency effect. I’m loving it. It creates a really beautiful-looking interface.

Here’s how it looks.

You can configure more settings to make it look personalized. This tutorial will focus on how you can achieve this kind of customization on your obsidian workspace.

Download the CSS file

Download CSS

Once you have downloaded the CSS file. Add it to your obsidian workspace. Here’s how you do it.

• Create a folder inside your ‘.obsidian’ folder named snippets
• Add the downloaded file there.

Now, go to settings> appearance, and go down to CSS snippets.

Here you will find the obsidian-workspace-background CSS. Enable it.

Plugin You Need