Frutiger

An original Obsidian theme inspired by Frutiger Aero: clear blue glass, a spring-green landscape, bright controls, and readable note panes. The wallpaper is bundled locally, so the theme makes no network requests.

Install Frutiger · Add Frutiger Liquid Glass

Two visual styles

Frutiger Aero uses cool blue and aqua glass over organic landscapes. Frutiger DORFic uses copper, orange, cream, and geometric light for a warmer industrial-futurist workspace. Both styles include dedicated contrast palettes for dark glass and light navigation surfaces.

Install

Choose Frutiger under Settings → Appearance → Themes. For local testing, copy theme.css and manifest.json into <vault>/.obsidian/themes/Frutiger/, then select it in Appearance.

The optional Frutiger Liquid Glass companion plugin adds a WebGL2 glass effect on desktop. The theme works by itself with CSS glass and a static or procedural wallpaper. The plugin is a separate Community download and does not install with the theme.

Customize

Install the Style Settings community plugin to reveal Frutiger's visual controls under Settings → Style Settings. Frutiger currently includes:

• Frutiger Aero and orange industrial-futurist DORFic styles.
• Aero Landscape, Aqua Current, Glass Bubbles, and DORFic Daylight wallpapers.
• Clear, Balanced, and Solid glass-density presets.
• Controls for blur, saturation, panel radius, note/sidebar tint, accent color, and icon contrast.
• A dedicated mobile layout with more opaque single-pane glass, larger touch targets, and separate Aero/DORFic readability palettes.

The three additional wallpapers are procedural CSS, so they add no downloads or network requests. Frutiger Liquid Glass recognizes the same Style Settings classes and updates its WebGL backdrop automatically.

Mobile

The theme itself supports Obsidian mobile without the companion plugin. Mobile notes, drawers, navigation controls, tasks, tags, callouts, and form fields use a purpose-built single-pane treatment rather than compressed desktop split panes. Reduced-transparency mode replaces blur with solid readable surfaces.

The current mobile pass has been checked with Obsidian's is-mobile layout class at a narrow viewport. Confirmation on physical iOS and Android hardware is still welcome.

Development

theme.template.css is the authored CSS. npm run build embeds aero-landscape.jpg into theme.css as a data URI. No package installation or downloaded assets are required for the build. The repository includes only original Frutiger styling and the locally generated landscape image.

Release checklist

• Test reading and the companion plugin in a clean vault on macOS Obsidian 1.14.5.
• Capture refreshed sample-only Aero and DORFic screenshots.
• Check editing, reading, Settings, and both visual styles on desktop.
• Complete a narrow-screen mobile layout and contrast pass.
• Confirm the mobile pass on physical iOS and Android devices.
• Publish this source in a public GitHub repository.
• Create release 0.1.0 with manifest.json and theme.css attached separately.
• Publish through Obsidian Community.
• Release and test version 0.2.0 with Style Settings and wallpaper packs.
• Release version 0.2.1 with Aero and DORFic readability improvements.
• Release version 0.2.2 with the mobile layout and refreshed product documentation.