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" />

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

10

Forks

0

License

MIT

Last updated 12mo ago

Categories

Tags

obsidian