SNIPPETaddisonjames
Translucent
A CSS snippet that gives Obsidian a translucent, frosted-glass interface.
CSSAny theme
<img width="1800" alt="Theme Screenshot - Dark" src="https://github.com/user-attachments/assets/eaee5c01-5311-45eb-a8c3-691b5f928197" />
# Obsidian translucent theme
A CSS snippet that gives Obsidian a translucent, frosted-glass interface.
**Required Settings**
1. Settings > Appearance > Themes: Default
2. Settings > Appearance > Translucent window: On
**Recommended Settings**
1. Accent color: #666666
2. Interface font: SF Pro / Inter
3. Text font: SF Pro / Inter
4. Mono font: SF Mono / Menlo
**Installation**
1. Download the CSS file
2. Settings > Appearance > CSS Snippets. Add the CSS file and enable it.
_Only tested on macOS 15 and iOS 18._
<img width="400" alt="Theme Screenshot - Light" src="https://github.com/user-attachments/assets/9bf3357e-50dc-4118-8b9a-10bb38ae9768" />
<img width="400" alt="Theme Screenshot - Dark" src="https://github.com/user-attachments/assets/eaee5c01-5311-45eb-a8c3-691b5f928197" />
How to Install
- Download the CSS file below
- Move it to your vault's
.obsidian/snippets/folder - Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Stats
Stars
10
Forks
0
License
MIT
Last updated 12mo ago
Categories
Tags
obsidian