Themes

data-peek supports both dark and light themes.

Switching Themes

Click the theme toggle button in the sidebar header (sun/moon icon) to switch between themes.

Dark Theme

The default theme, optimized for:

• Long coding sessions
• Low-light environments
• Reduced eye strain

Colors:

• Background: Near-black (#0a0a0b)
• Text: Off-white (#fafafa)
• Accent: Electric cyan (#22d3ee)

Light Theme

A clean, bright theme for:

• Well-lit environments
• Daytime use
• High contrast preference

Colors:

• Background: White (#ffffff)
• Text: Near-black (#0a0a0b)
• Accent: Electric cyan (#22d3ee)

Theme Persistence

Your theme preference is saved and persists across app restarts.

Editor Theme

The Monaco editor automatically adjusts to match the selected theme, with appropriate syntax highlighting colors for each mode.