Translucent

Translucent

A CSS snippet that gives Obsidian a translucent, frosted-glass interface.

Theme Screenshot - Dark

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.

Theme Screenshot - Light Theme Screenshot - Dark

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

10

Forks

0

License

MIT

Last updated 13mo ago

Categories

Tags

obsidian