Igniter Theme

A beautiful, cohesive VS Code theme suite designed for Igniter.js developers and anyone who values a warm, productive coding environment.

Features

• Two complementary themes: Choose between Dark and Light modes
• Carefully curated color palette: Warm, eye-friendly colors optimized for extended coding sessions
• Syntax highlighting: Clear distinction between keywords, types, functions, and more
• Terminal integration: Custom ANSI colors for the integrated terminal
• UI customizations: Enhanced tab styling, clean panels, and consistent spacing
• Semantic highlighting: Full support for VS Code's semantic token coloring

Preview

Dark Theme

Light Theme

Installation

From VS Code Marketplace

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "Igniter Theme"
4. Click Install
5. Select your preferred theme:
   • Igniter Theme (Dark)
   • Igniter Theme (Light)

Command Line

code --install-extension igniter-js.igniter-theme

Switching Between Themes

Dark Theme:

Cmd/Ctrl + K → Cmd/Ctrl + T → Select "Igniter Theme"

Light Theme:

Cmd/Ctrl + K → Cmd/Ctrl + T → Select "Igniter Theme (Light)"

Or go to File → Preferences → Color Theme and choose your variant.

Color Palette

UI Colors (Dark)

• Background: #161111 - Dark, warm base
• Foreground: #EBE9E8 - Soft, readable text
• Accent: #299751 - Fresh green for interactive elements
• Gold: #EEBA41 - Warm highlight for cursor and selections

Syntax Highlighting

• Strings: #90b99f - Mint green
• Keywords: #FFC799 - Warm orange
• Types: #aca1cf - Soft purple
• Functions: #b9aeda - Light purple
• Comments: #7E7E7E - Muted gray (italic)

Built for Igniter.js

This theme is crafted specifically for developers using Igniter.js — the first AI-native TypeScript framework with built-in training for 15+ Code Agents.

Why Igniter.js?

• Type-Safe RPC: End-to-end type safety with zero config
• AI-Native: Built for Cursor, Claude, Copilot, and 15+ AI assistants
• Real-Time & Jobs: Server-Sent Events and job queues included
• Framework Agnostic: Works with Next.js, Express, Hono, Bun, and more
• Developer Friendly: Interactive CLI, live dashboard, and powerful plugin system

Learn more at igniterjs.com or check the documentation.

Advanced: UI Customization

VS Code themes can't apply arbitrary CSS by themselves. For additional UI tweaks (custom tab styling, enhanced chat interface, etc.), you can use:

• Apc Customize UI++ extension
• Or a custom CSS loader pointing to: media/igniter-ui.css

Customize the Theme

Want to tweak colors? You can create a custom theme based on Igniter:

1. Open VS Code Settings (Cmd/Ctrl + ,)
2. Search for "workbench.colorCustomizations"
3. Add your overrides:

"workbench.colorCustomizations": {
  "[Igniter Theme]": {
    "editor.background": "#1a1a1a"
  }
}

Contributing

Found a bug or have suggestions? Contributions are welcome!

• GitHub: felipebarcelospro/igniter-theme
• Issues: Report issues here

Community

Join the Igniter.js community:

• Discord: discord.com/invite/JKGEQpjvJ6
• GitHub: @felipebarcelospro
• Twitter: @igniterjs

License

MIT © 2025 Felipe Barcelos