CheYHinSpark Theme

Name: CheYHinSpark Theme
Author: CheYHinSpark

Publisher: CheYHinSparkThemes in package: 9

Open in VS Code GitHub

Color themes

VS Code preview

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

CheYHinSpark Theme — CheYHinSpark Purple

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#9933FF
activityBar.background#312B37
activityBar.dropBorder#9933FF
activityBar.foreground#9933FF
activityBar.inactiveForeground#736482
activityBarBadge.background#5D9B1F
activityBarTop.activeBorder#9933FF
activityBarTop.dropBorder#9933FF
activityBarTop.foreground#9933FF
activityBarTop.inactiveForeground#736482
badge.background#5D9B1F
button.background#3F1569
button.border#301050
button.foreground#FFFFFF
button.hoverBackground#4E1A82
button.secondaryBackground#1A1A1A
button.secondaryForeground#E0E0E0
button.secondaryHoverBackground#4E1A82
checkbox.foreground#E1C3FF
dropdown.background#1B181E
dropdown.border#301050
dropdown.listBackground#1B181E
editor.background#1A1A1A
editor.findMatchBackground#4E1A82
editor.findMatchHighlightBackground#4E1A8280
editor.foldBackground#30105080
editor.foldPlaceholderForeground#E0E0E0
editor.foreground#D1D1D1
editor.lineHighlightBorder#736482
editor.selectionBackground#473E50
editorBracketHighlight.foreground1#FCFC30
editorBracketHighlight.foreground2#FC30FC
editorBracketHighlight.foreground3#30FCFC
editorCursor.foreground#FFFFFF
editorGroupHeader.tabsBackground#1B181E
editorLineNumber.activeForeground#7B29CD
editorLineNumber.foreground#5D5169
editorStickyScroll.border#301050
editorStickyScrollHover.background#210B37
editorUnicodeHighlight.border#89779B
editorWidget.background#312B37
editorWidget.border#4E1A82
focusBorder#4E1A82
foreground#E0E0E0
input.background#1B181E
input.border#301050
keybindingLabel.border#9933FF
keybindingLabel.bottomBorder#E1C3FF
list.activeSelectionBackground#3F1569
list.hoverBackground#473E50
list.inactiveSelectionBackground#210B37
menu.background#312B37
menu.border#4E1A82
menu.separatorBackground#4E1A82
minimap.findMatchHighlight#5D1F9B
minimap.selectionHighlight#473E50
panel.border#301050
panelTitle.activeBorder#9933FF
pickerGroup.border#4E1A82
pickerGroup.foreground#9933FF
sideBar.background#1B181E
sideBar.border#301050
sideBarSectionHeader.background#210B37
sideBarSectionHeader.foreground#E1C3FF
statusBar.background#301050
statusBar.debuggingBackground#3F6915
statusBar.noFolderBackground#210B37
tab.activeBorderTop#9933FF
tab.dragAndDropBorder#9933FF
tab.hoverBackground#210B37
tab.inactiveBackground#1B181E
textPreformat.foreground#E1C3FF
titleBar.activeBackground#312B37
titleBar.activeForeground#E1C3FF
widget.border#4E1A82

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
markup.bold	#FDB975	bold
markup.italic	#FDB975	italic
markup.strikethrough	—	strikethrough
markup.underline	—	underline
markup.inserted	#20A820	—
markup.deleted	#A82020	—
markup.changed	#2020A8	—
invalid	#FC3030	—
comment, punctuation.definition.comment	#949494	italic
meta.preprocessor, keyword.operator, punctuation.accessor, punctuation.definition, punctuation.math, punctuation.other, punctuation.section, punctuation.separator, punctuation.terminator, storage.type.function.arrow	#D1D1D1	—
constant.character, constant.language, constant.numeric, constant.other, punctuation.definition.bold, punctuation.separator.pointer-access	#EAC65A	—
punctuation.definition.string, string, punctuation.definition.quote	#C6EA5A	—
entity.name.section, markup.heading, heading, punctuation.definition.heading	#7EEA5A	bold
constant.other.caps, entity.name.namespace, entity.name.scope-resolution, entity.name.type, keyword.declaration, keyword.struct	#73BE5A	—
entity.name.tag, entity.name.variable.event	#5ABEA5	—
constant.character.math, entity.name.variable, entity.other.attribute-name, markup.inline, meta.attribute, meta.function-call.arguments, meta.member, meta.object.member, meta.property-value, punctuation.definition.constant.math, storage.modifier.import, support.class.math, support.type.property-name, variable	#5AC6EA	—
entity.name.variable.parameter, meta.parameter.initialization, variable.parameter	#7896F0	italic
constant.other.general.math, entity.name.function, keyword.operator.sizeof, meta.function-call.generic, support.function	#AA91F5	—
keyword.control, keyword.operator.delete, keyword.operator.expression.new, keyword.operator.new, keyword.other, keyword.other.type, keyword.type, punctuation.definition.directive, storage.modifier, storage.type.modifier, storage.type	#D25A78	—