Obsidian Theme Generator Features

Create professional custom themes for Obsidian with our comprehensive theme generator tool.

Theme Customization Options

Base Color Palette

Customize the 11-step grayscale palette that forms the foundation of your theme. Adjust background colors, text colors, and everything in between.

Accent Color System

Design your accent color using HSL controls for precise color selection. Choose from curated presets or create your own unique accent.

Semantic Colors

Define colors for different UI states including success, error, warning, and information indicators.

Light and Dark Modes

Create separate color schemes for light and dark modes with independent customization for each theme variant.

Advanced Features

Real-time Preview

See your changes instantly in a realistic Obsidian interface mockup with live file explorer, editor, and status bar.

Accessibility Validation

Built-in Web Content Accessibility Guidelines compliance checking ensures your theme meets accessibility standards with proper contrast ratios.

Export Options

Export as complete Obsidian theme packages, CSS variables, or JSON data for easy sharing and installation.

Quality Checks

Comprehensive validation system checks for performance, compatibility, and design consistency issues.

How to Use the Theme Generator

  1. Start by choosing your base background and text colors from the 11-step palette
  2. Set your accent color using HSL controls or preset options
  3. Customize semantic colors for different UI elements
  4. Switch between light and dark modes to design both variants
  5. Preview your theme in the mock Obsidian interface
  6. Validate accessibility and fix any issues
  7. Export your theme and install it in Obsidian

Loading Theme Generator...