Igniter.js Theme

Name: Igniter.js Theme
Author: Igniter.js

Publisher: Igniter.jsThemes in package: 2

A beautiful, cohesive VS Code theme suite (Dark & Light) designed for Igniter.js developers. Built with warm, productive colors for long coding sessions.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Igniter.js Theme — Igniter Theme (Light)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#F1EAE6
activityBar.border#D8CBC4
activityBar.foreground#1B1515
activityBar.inactiveForeground#6B5F5F
badge.background#EFE7E2
badge.foreground#1B1515
button.background#299751
button.foreground#FFFFFF
button.hoverBackground#2FA05A
contrastActiveBorder#EEBA41
contrastBorder#D8CBC4
debugToolBar.background#FFFFFF
diffEditor.insertedTextBackground#2997511F
diffEditor.removedTextBackground#B86D711F
dropdown.background#FFFFFF
dropdown.border#D8CBC4
editor.background#F7F2EE
editor.findMatchBackground#EEBA4133
editor.findMatchHighlightBackground#EEBA411F
editor.foreground#1B1515
editor.inactiveSelectionBackground#29975114
editor.selectionBackground#29975122
editor.selectionHighlightBackground#29975114
editorCursor.foreground#8A5200
editorGroup.border#D8CBC4
editorGroupHeader.border#D8CBC4
editorGroupHeader.tabsBackground#F7F2EE
editorLineNumber.activeForeground#6B5F5F
editorLineNumber.foreground#9B8F8F
focusBorder#759AA2
gitDecoration.addedResourceForeground#299751
gitDecoration.deletedResourceForeground#B86D71
gitDecoration.modifiedResourceForeground#8A5200
input.background#FFFFFF
input.border#D8CBC4
input.foreground#1B1515
list.activeSelectionBackground#E8DED8
list.focusOutline#759AA2
list.inactiveSelectionBackground#EFE7E2
panel.background#F7F2EE
panel.border#D8CBC4
pickerGroup.border#D8CBC4
sash.hoverBorder#B9AEDA
scrollbarSlider.activeBackground#6B5F5F77
scrollbarSlider.background#6B5F5F33
scrollbarSlider.hoverBackground#6B5F5F55
sideBar.background#F1EAE6
sideBar.border#D8CBC4
sideBar.foreground#1B1515
sideBarSectionHeader.background#E8DED8
statusBar.background#FFFFFF
statusBar.border#D8CBC4
statusBar.foreground#6B5F5F
tab.activeBackground#EFE7E2
tab.activeForeground#1B1515
tab.border#D8CBC4
tab.hoverBackground#EDE4DF
tab.inactiveBackground#F7F2EE
tab.inactiveForeground#6B5F5F
tab.unfocusedActiveBorder#D8CBC4
terminal.ansiBlack#101010
terminal.ansiBlue#ACA1CF
terminal.ansiBrightBlack#7E7E7E
terminal.ansiBrightBlue#B9AEDA
terminal.ansiBrightCyan#F591B2
terminal.ansiBrightGreen#99FFE4
terminal.ansiBrightMagenta#ECAAD6
terminal.ansiBrightRed#FF8080
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFC799
terminal.ansiCyan#EA83A5
terminal.ansiGreen#90B99F
terminal.ansiMagenta#E29ECA
terminal.ansiRed#F5A191
terminal.ansiWhite#A0A0A0
terminal.ansiYellow#E6B99D
terminal.background#101010
terminal.border#D8CBC4
terminal.foreground#FFFFFF
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#1B1515
titleBar.border#D8CBC4
widget.border#D8CBC4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9B8F8F	italic
string, punctuation.definition.string	#1F6F3A	—
keyword, storage.type, storage.modifier	#8A5200	—
constant.numeric, constant.language, constant.character, constant.other	#8A5200	—
entity.name.type, support.type, support.class	#7A3C52	—
entity.name.function, support.function, meta.function-call	#2E6B77	—
variable, meta.definition.variable.name	#1B1515	—
punctuation, meta.brace, meta.delimiter	#4A3F3F	—