%% generate tags start %%
#software-engineering
%% generate tags end %%
#obsidian #software-engineering/css
1. you need to go to Setting > Appearance > turn on translucent window
2. copy this snippet to your css
3. you can change the `--workspace-background-translucent` to change the opacity
4. there you go 🎉
%% I got it here: https://www.reddit.com/r/ObsidianMD/comments/y3dzy0/comment/isy9tsf/?utm_source=share&utm_medium=web2x&context=3 %%
```css
body {
--background-primary: #000 !important;
--titlebar-background: transparent !important;
--titlebar-background-focused: var(--titlebar-background);
--text-normal: #f1f1f1 !Important;
--workspace-background-translucent: rgba(var(--mono-rgb-0), 0.5);
}
.workspace-tab-header.is-active {
color: #fff !Important;
}
.workspace-leaf,
.workspace-tab-header-container {
background: transparent;
}
.workspace-split.mod-root,
.workspace-split.mod-root .view-content,
.workspace-split.mod-root .view-header {
background: transparent;
}
.view-header-title-container:not(.mod-at-end):after {
background: transparent;
}
.custom-frames-frame {
background: transparent !important;
}
.is-focused .workspace-leaf.mod-active .view-header {
background: transparent;
}
```