Frostbyte Themes

Name: Frostbyte Themes
Author: TSMaitry

Publisher: TSMaitryThemes in package: 12

A futuristic dark blue VS Code theme inspired by cyberpunk aesthetics.

Open in VS Code GitHub

Color themes

VS Code preview

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

Frostbyte Themes — Frostbyte 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#e6eefb
activityBar.foreground#1d4ed8
activityBar.inactiveForeground#7a8aa3
activityBarBadge.background#1d4ed8
activityBarBadge.foreground#ffffff
editor.background#f6f9ff
editor.foreground#1f2a44
editor.lineHighlightBackground#e8efff
editor.selectionBackground#1d4ed833
editorBracketHighlight.foreground1#1d4ed8
editorBracketHighlight.foreground2#0e7490
editorBracketHighlight.foreground3#3b82f6
editorBracketHighlight.foreground4#7c3aed
editorCursor.background#ffffff
editorCursor.foreground#1d4ed8
editorGroup.border#d6e0f0
editorGroupHeader.tabsBackground#e6eefb
editorGroupHeader.tabsBorder#d6e0f0
editorLineNumber.activeForeground#1d4ed8
editorLineNumber.foreground#a7b6cf
list.activeSelectionBackground#c7dbf7
list.activeSelectionForeground#0b1730
list.hoverBackground#dbe7f9
list.inactiveSelectionBackground#dee8f7
menu.background#ffffff
menu.foreground#1f2a44
menu.selectionBackground#1d4ed8
menu.selectionForeground#ffffff
menu.separatorBackground#d6e0f0
panel.background#eef3fc
panel.border#d6e0f0
pickerGroup.border#d6e0f0
pickerGroup.foreground#1d4ed8
quickInput.background#ffffff
quickInput.foreground#1f2a44
quickInputList.focusBackground#1d4ed8
quickInputList.focusForeground#ffffff
scrollbarSlider.background#1d4ed833
scrollbarSlider.hoverBackground#1d4ed888
sideBar.background#eef3fc
sideBar.border#d6e0f0
sideBar.foreground#1f2a44
sideBarSectionHeader.background#e0eaf8
sideBarSectionHeader.foreground#1d4ed8
sideBarTitle.foreground#1d4ed8
statusBar.background#1d4ed8
statusBar.foreground#ffffff
tab.activeBackground#f6f9ff
tab.activeBorder#1d4ed8
tab.activeBorderTop#1d4ed8
tab.activeForeground#0b1730
tab.border#d6e0f0
tab.hoverBackground#dbe7f9
tab.inactiveBackground#e6eefb
tab.inactiveForeground#6b7c93
tab.unfocusedActiveBorder#1d4ed888
tab.unfocusedActiveBorderTop#1d4ed888
terminal.ansiBlue#1d4ed8
terminal.ansiBrightBlue#3b82f6
terminal.ansiBrightCyan#0891b2
terminal.ansiBrightGreen#16a34a
terminal.ansiBrightMagenta#9333ea
terminal.ansiBrightRed#dc2626
terminal.ansiBrightYellow#ca8a04
terminal.ansiCyan#0e7490
terminal.ansiGreen#15803d
terminal.ansiMagenta#7c3aed
terminal.ansiRed#b91c1c
terminal.ansiYellow#a16207
terminal.background#f6f9ff
terminal.foreground#1f2a44
titleBar.activeBackground#e6eefb
titleBar.activeForeground#0b1730
titleBar.inactiveBackground#eef3fc
titleBar.inactiveForeground#6b7c93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7a8aa3	italic
variable, string constant.other.placeholder	#1f2a44	—
constant.other.color	#0b1730	—
invalid, invalid.illegal	#b91c1c	—
keyword, storage.type, storage.modifier	#7c3aed	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#0e7490	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#be185d	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#1d4ed8	—
meta.block variable.other	#be185d	—
support.other.variable, string.other.link	#be185d	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#c2410c	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#15803d	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#a16207	—
support.type	#0891b2	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#0891b2	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#b91c1c	—
variable.language	#b91c1c	italic
entity.name.method.js	#1d4ed8	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#1d4ed8	—
entity.other.attribute-name	#7c3aed	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#a16207	italic
entity.other.attribute-name.class	#a16207	—
source.sass keyword.control	#1d4ed8	—
markup.inserted	#15803d	—
markup.deleted	#b91c1c	—
markup.changed	#7c3aed	—
string.regexp	#0e7490	—
constant.character.escape	#0e7490	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#1d4ed8	italic
source.js constant.other.object.key.js string.unquoted.label.js	#b91c1c	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#7c3aed	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a16207	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c2410c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b91c1c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#92400e	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#1d4ed8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#be185d	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7c3aed	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#15803d	—
text.html.markdown, punctuation.definition.list_item.markdown	#1f2a44	—
text.html.markdown markup.inline.raw.markdown	#7c3aed	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#7a8aa3	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#15803d	—
markup.italic	#be185d	italic
markup.bold, markup.bold string	#be185d	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#be185d	bold
markup.underline	#c2410c	underline
markup.quote punctuation.definition.blockquote.markdown	#7a8aa3	—
markup.quote	—	italic
string.other.link.title.markdown	#1d4ed8	—
string.other.link.description.title.markdown	#7c3aed	—
constant.other.reference.link.markdown	#a16207	—
markup.raw.block	#7c3aed	—
markup.raw.block.fenced.markdown	#00000020	—
punctuation.definition.fenced.markdown	#00000020	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#1f2a44	—
variable.language.fenced.markdown	#7a8aa3	—
meta.separator	#7a8aa3	bold
markup.table	#1f2a44	—