Documentation

CodeSplash Themes docs

Use the Obsidian plugin to quickly build a polished workspace: choose a theme family, tune transparency, and dial in the visual details without hand-editing CSS.

Available now as a free pluginObsidian users who care deeply about UI, UX, and customization
Coverage

What this guide covers

Install in Obsidian, Theme families, Transparency and vibrancy, Fine-grained visual tuning.

Format

How to use this page

Work from top to bottom the first time, then use the section links as a reference once the product becomes part of your normal workflow.

01

Install and enable the plugin

The plugin is designed to make beautiful customization accessible from settings rather than manual theme hacking.

Install CodeSplash Themes in Obsidian

Add the plugin, enable it, and then open the plugin settings so the theme controls are available immediately.

Start from a clean baseline

It is easier to understand what each control does if you first look at the default state and then layer options in intentionally.

Pick a first theme direction

Choose the closest theme family to your target aesthetic before moving into more detailed tuning.

02

Choose the right theme foundation

The plugin works best when you first decide the broad visual mood and only then start micro-adjusting details.

Browse the built-in theme options

Several dozen combinations are available, so it is usually faster to select a strong base than to build a look one toggle at a time.

Match the theme to your reading style

Choose calmer setups for long-form note work and more contrast-heavy setups if you want stronger separation across panels and controls.

Use consistency across views

The best results come when sidebars, editors, headers, and supporting elements feel like parts of one interface family.

03

Use the transparency effect well

Transparency is one of the plugin's strongest signature features, but subtlety matters more than maximum glass.

Start with a lighter effect

A subtle see-through effect usually feels more modern and usable than pushing opacity so low that contrast or legibility suffers.

Balance transparency with contrast

If the background image or desktop behind Obsidian is visually busy, increase clarity on text-heavy surfaces.

Use transparency to add atmosphere, not distraction

The goal is to make the workspace feel premium and modern while preserving comfort during real use.

04

Finish with precise UI tuning

Once the broad theme is right, the smaller controls are what make the workspace feel personal rather than generic.

Adjust accents, panel feel, and typography choices

Use the settings to align colors and general weight with the look you want to live in every day.

Tune for your layout density

A tighter workspace can feel better for heavy note linking, while looser spacing is usually more comfortable for long writing sessions.

Save a configuration you can stay in

The best setup is the one that keeps Obsidian attractive and usable over time, not the one with the most dramatic settings.