Theme Editor With Live Preview
Fork any built-in theme and edit it inline. Open Settings → Appearance → Theme, hover any theme card, click Fork & Edit, and a side-by-side JSON + form editor opens right inside the settings dialog. Every color change repaints the app within a fraction of a second, so you can dial in your palette without saving and reloading.
Screenshot coming soon
Why You Need This
How this feature boosts your daily productivity
Tuning a theme by editing config files and reloading the app is a brittle loop — you change a hex, reload, realize the contrast is off on a panel you can't see from the settings screen, and start over. The built-in theme editor closes that loop: every change is live, every color slot has a labeled form field plus the raw JSON, and forks live alongside the bundled themes so you can keep iterating instead of restarting.
How It Works
Get started in 4 simple steps
Open Preferences
Press Cmd+, (or Ctrl+,) to open the Preferences panel. All settings are organized in clear categories.
Choose Your Theme
Select Dark, Light, or System-following themes. Each is carefully tuned for readability and comfort.
Configure Shortcuts
Remap any keyboard shortcut to match your muscle memory. Conflict detection prevents overlapping bindings.
Fine-Tune Details
Set terminal fonts, font sizes, line heights, scrollback lines, and default behaviors per project.
Without 1DevTool
The manual way vs. the 1DevTool way
The Hard Way
The 1DevTool Way
Key Capabilities
Everything included with Theme Editor With Live Preview
Why It Matters
The productivity impact of having customization built into your workspace
Your Editor, Your Rules
Every shortcut, font, theme, and layout is configurable. Make 1DevTool feel like home.
Eye Comfort
Dark and light themes tuned for all-day coding. Reduce eye strain with the right contrast for your environment.
Muscle Memory Friendly
Remap shortcuts to match your existing habits. No relearning required when switching from VS Code or Vim.
Per-Project Defaults
Different projects can have different terminal types, default URLs, and behavior settings.
More in Customization
Other features in this category you might find useful
Theme Options
Choose between Dark, Light, or System-following themes designed for comfortable all-day coding.
Keyboard Shortcuts
Customize every shortcut to match your muscle memory. Conflict detection prevents accidental duplicates.
Terminal Fonts
Choose from JetBrains Mono, Fira Code, Cascadia Code, or use custom fonts. Adjust size and line height.
MCP Settings
Configure MCP servers for Claude Code, Gemini CLI, and Codex from a unified settings tab — install, enable, and troubleshoot with one click.
Ready to boost your workflow?
Download 1DevTool for free and experience Theme Editor With Live Preview along with 122 other features — all in one app.