FreeColors Engine

DARK MODE
LIGHT MODE
Soft/Pastel Vivid/Neon
Muted High Contrast
FreeColors_
Vault Explorer
Main Editor (BG1)

Heading 1 (Main Title - H1)

This is a standard text paragraph (tx1). This part is secondary faded text (tx2) and this part is tertiary, more faded text (tx3).

Heading 2 (Subtitle - H2)

Interactive elements in Obsidian are derived from the accent color. For example, an internal link (ax1) gets darker (ax2) on hover. An External Link looks like this. Unresolved links blend into the interface.

Heading 3 (Subtitle - H3)

"This is a blockquote. Its background is exactly mapped to bg2, the left border from ax1, and the text color from tx2. The outer border uses the new dynamic shadow/divider logic (base)."

Heading 4 (Subtitle - H4)

// Code block background (bg3) and border (base)
const message = "Inline code strings (tx1)";
function test() { return true; }
Settings Modal Simulation (BG2)
Active Tab
Inactive Tab
To-Do item (Checkbox border: ax1)
Checked item (Checkbox fill: ax1)
Graph View Simulation (Base background):
Scroll Demonstration Area

This section exists solely to demonstrate the custom scrollbar on the right. Notice how the scrollbar matches the UI elements (ui1 for idle, ui2 for active/hover) configured in your settings, blending seamlessly with the dark background.