Frostbyte Themes
Publisher: TSMaitryThemes in package: 12
A futuristic dark blue VS Code theme inspired by cyberpunk aesthetics.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#ff7b3d
- activityBar.background#000000
- activityBar.border#1a1a1a
- activityBar.foreground#ff7b3d
- activityBar.inactiveForeground#4a4a4a
- activityBarBadge.background#ff7b3d
- activityBarBadge.foreground#000000
- badge.background#ff7b3d
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#ff7b3d
- breadcrumb.background#000000
- breadcrumb.focusForeground#e4e6eb
- breadcrumb.foreground#7a7a7a
- button.background#ff7b3d
- button.foreground#000000
- button.hoverBackground#ff9966
- button.secondaryBackground#2a2a2a
- button.secondaryForeground#e4e6eb
- button.secondaryHoverBackground#3d3d3d
- checkbox.background#0a0a0a
- checkbox.border#2a2a2a
- checkbox.foreground#e4e6eb
- contrastActiveBorder#ff7b3d
- contrastBorder#1a1a1a
- diffEditor.insertedTextBackground#82d96a22
- diffEditor.removedTextBackground#ff5c8a22
- dropdown.background#0a0a0a
- dropdown.border#2a2a2a
- dropdown.foreground#e4e6eb
- dropdown.listBackground#0a0a0a
- editor.background#000000
- editor.findMatchBackground#5a4625
- editor.findMatchHighlightBackground#3d2f1a
- editor.foreground#e4e6eb
- editor.lineHighlightBackground#0e0e0e
- editor.lineHighlightBorder#0e0e0e
- editor.selectionBackground#2e436e
- editor.selectionHighlightBackground#1c2a45
- editor.wordHighlightBackground#1f1f1f
- editorBracketHighlight.foreground1#ff7b3d
- editorBracketHighlight.foreground2#52d2c8
- editorBracketHighlight.foreground3#c792ea
- editorBracketHighlight.foreground4#82d96a
- editorBracketHighlight.foreground5#ffd866
- editorBracketHighlight.foreground6#ff5c8a
- editorBracketMatch.background#3d3d3d
- editorBracketMatch.border#ff7b3d
- editorCursor.background#000000
- editorCursor.foreground#ff7b3d
- editorGroup.border#1a1a1a
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1a1a1a
- editorGutter.addedBackground#82d96a
- editorGutter.background#000000
- editorGutter.deletedBackground#ff5c8a
- editorGutter.modifiedBackground#52d2c8
- editorHoverWidget.background#0a0a0a
- editorHoverWidget.border#2a2a2a
- editorHoverWidget.foreground#e4e6eb
- editorIndentGuide.activeBackground1#3a3a3a
- editorIndentGuide.background1#1a1a1a
- editorLineNumber.activeForeground#ff7b3d
- editorLineNumber.foreground#3a3a3a
- editorLink.activeForeground#52d2c8
- editorOverviewRuler.addedForeground#82d96a
- editorOverviewRuler.border#1a1a1a
- editorOverviewRuler.deletedForeground#ff5c8a
- editorOverviewRuler.modifiedForeground#52d2c8
- editorRuler.foreground#1a1a1a
- editorSuggestWidget.background#0a0a0a
- editorSuggestWidget.border#2a2a2a
- editorSuggestWidget.foreground#e4e6eb
- editorSuggestWidget.highlightForeground#ff7b3d
- editorSuggestWidget.selectedBackground#1f1f1f
- editorSuggestWidget.selectedForeground#ffffff
- editorWhitespace.foreground#2a2a2a
- editorWidget.background#0a0a0a
- editorWidget.border#2a2a2a
- editorWidget.foreground#e4e6eb
- focusBorder#ff7b3d66
- gitDecoration.addedResourceForeground#82d96a
- gitDecoration.conflictingResourceForeground#ffd866
- gitDecoration.deletedResourceForeground#ff5c8a
- gitDecoration.ignoredResourceForeground#5a5a5a
- gitDecoration.modifiedResourceForeground#52a8ff
- gitDecoration.untrackedResourceForeground#ff7b3d
- input.background#0a0a0a
- input.border#2a2a2a
- input.foreground#e4e6eb
- input.placeholderForeground#5a5a5a
- inputOption.activeBackground#ff7b3d33
- inputOption.activeBorder#ff7b3d
- inputValidation.errorBackground#3d1a1a
- inputValidation.errorBorder#ff5c8a
- inputValidation.infoBackground#1a2a3d
- inputValidation.infoBorder#52a8ff
- inputValidation.warningBackground#3d2f1a
- inputValidation.warningBorder#ffd866
- list.activeSelectionBackground#2e2e2e
- list.activeSelectionForeground#ffffff
- list.focusBackground#2e2e2e
- list.focusForeground#ffffff
- list.highlightForeground#ff7b3d
- list.hoverBackground#161616
- list.inactiveSelectionBackground#1f1f1f
- list.inactiveSelectionForeground#e4e6eb
- menu.background#0a0a0a
- menu.border#1a1a1a
- menu.foreground#e4e6eb
- menu.selectionBackground#ff7b3d
- menu.selectionForeground#000000
- menu.separatorBackground#1a1a1a
- menubar.selectionBackground#1f1f1f
- menubar.selectionForeground#ff7b3d
- merge.currentContentBackground#52a8ff4d
- merge.currentHeaderBackground#52a8ffaa
- merge.incomingContentBackground#82d96a4d
- merge.incomingHeaderBackground#82d96aaa
- minimap.background#000000
- minimapSlider.activeBackground#ff7b3d88
- minimapSlider.background#2a2a2a44
- minimapSlider.hoverBackground#3d3d3d77
- notificationCenter.border#2a2a2a
- notificationLink.foreground#ff7b3d
- notifications.background#0a0a0a
- notifications.border#2a2a2a
- notifications.foreground#e4e6eb
- panel.background#000000
- panel.border#1a1a1a
- panelTitle.activeBorder#ff7b3d
- panelTitle.activeForeground#ff7b3d
- panelTitle.inactiveForeground#7a7a7a
- peekView.border#ff7b3d
- peekViewEditor.background#0a0a0a
- peekViewResult.background#0a0a0a
- peekViewTitle.background#0a0a0a
- peekViewTitleDescription.foreground#7a7a7a
- peekViewTitleLabel.foreground#ff7b3d
- pickerGroup.border#1a1a1a
- pickerGroup.foreground#ff7b3d
- progressBar.background#ff7b3d
- quickInput.background#0a0a0a
- quickInput.foreground#e4e6eb
- quickInputList.focusBackground#ff7b3d
- quickInputList.focusForeground#000000
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#ff7b3daa
- scrollbarSlider.background#2a2a2a88
- scrollbarSlider.hoverBackground#3d3d3daa
- settings.headerForeground#ff7b3d
- settings.modifiedItemIndicator#ff7b3d
- sideBar.background#000000
- sideBar.border#1a1a1a
- sideBar.foreground#d4d6dc
- sideBarSectionHeader.background#0a0a0a
- sideBarSectionHeader.border#1a1a1a
- sideBarSectionHeader.foreground#e4e6eb
- sideBarTitle.foreground#ff7b3d
- statusBar.background#000000
- statusBar.border#1a1a1a
- statusBar.debuggingBackground#3d2010
- statusBar.debuggingForeground#ff7b3d
- statusBar.foreground#e4e6eb
- statusBar.noFolderBackground#000000
- symbolIcon.classForeground#ffd866
- symbolIcon.constantForeground#82d96a
- symbolIcon.enumeratorForeground#c792ea
- symbolIcon.fieldForeground#52d2c8
- symbolIcon.functionForeground#52a8ff
- symbolIcon.interfaceForeground#52d2c8
- symbolIcon.keywordForeground#ff7b3d
- symbolIcon.methodForeground#52a8ff
- symbolIcon.numberForeground#ffb454
- symbolIcon.propertyForeground#52d2c8
- symbolIcon.stringForeground#82d96a
- symbolIcon.variableForeground#e4e6eb
- tab.activeBackground#000000
- tab.activeBorder#ff7b3d
- tab.activeBorderTop#ff7b3d
- tab.activeForeground#ffffff
- tab.border#1a1a1a
- tab.hoverBackground#0e0e0e
- tab.inactiveBackground#000000
- tab.inactiveForeground#7a7a7a
- tab.unfocusedActiveBorder#ff7b3d88
- tab.unfocusedActiveBorderTop#ff7b3d88
- terminal.ansiBlack#000000
- terminal.ansiBlue#52a8ff
- terminal.ansiBrightBlack#5a5a5a
- terminal.ansiBrightBlue#82c4ff
- terminal.ansiBrightCyan#7ee0d8
- terminal.ansiBrightGreen#a4e890
- terminal.ansiBrightMagenta#dbb5f5
- terminal.ansiBrightRed#ff8aac
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe49a
- terminal.ansiCyan#52d2c8
- terminal.ansiGreen#82d96a
- terminal.ansiMagenta#c792ea
- terminal.ansiRed#ff5c8a
- terminal.ansiWhite#e4e6eb
- terminal.ansiYellow#ffd866
- terminal.background#000000
- terminal.foreground#e4e6eb
- textLink.activeForeground#82c4ff
- textLink.foreground#52a8ff
- titleBar.activeBackground#000000
- titleBar.activeForeground#e4e6eb
- titleBar.border#1a1a1a
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#5a5a5a
- widget.shadow#000000cc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a6f7c | italic |
| variable, string constant.other.placeholder, variable.other.readwrite, variable.other.object | #e4e6eb | — |
| variable.other.property, variable.other.object.property, meta.property-name, support.type.property-name | #52d2c8 | — |
| variable.other.constant, variable.other.enummember, support.constant | #dbb5f5 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff5c8a | — |
| keyword, storage.type, storage.modifier | #ff7b3d | — |
| keyword.control, keyword.control.flow, keyword.control.return, keyword.control.import, keyword.control.from, keyword.control.as | #ff7b3d | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical | #ff9966 | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace, punctuation.section | #a8acb8 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff5c8a | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.function-call entity.name.function, meta.method-call entity.name.function | #52a8ff | — |
| support.function.builtin, support.function.magic | #82c4ff | — |
| meta.block variable.other | #e4e6eb | — |
| support.other.variable, string.other.link | #52d2c8 | — |
| constant.numeric, keyword.other.unit | #ffd866 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #dbb5f5 | — |
| variable.parameter, meta.function.parameter variable, meta.parameters variable.parameter | #ffb454 | italic |
| constant.character, constant.escape, keyword.other | #ffb454 | — |
| string, constant.other.symbol, constant.other.key, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #82d96a | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #5fa84a | — |
| string.template, string.interpolated | #a4e890 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff7b3d | — |
| entity.other.inherited-class, markup.heading | #ffd866 | — |
| entity.name, entity.name.class, entity.name.type, entity.name.type.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ffd866 | — |
| entity.name.type.interface | #52d2c8 | — |
| entity.name.type.enum | #c792ea | — |
| entity.name.type.parameter, meta.type.parameters | #dbb5f5 | italic |
| entity.name.namespace, entity.name.scope-resolution | #ffd866 | — |
| 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 | #52d2c8 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff5c8a | — |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #c792ea | italic |
| entity.name.method.js | #52a8ff | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #52a8ff | — |
| entity.name.function.constructor, meta.class entity.name.type | #ffd866 | — |
| entity.other.attribute-name | #c792ea | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffd866 | italic |
| entity.other.attribute-name.class | #ffd866 | — |
| entity.other.attribute-name.id, source.sass keyword.control | #52a8ff | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #52d2c8 | — |
| markup.inserted | #82d96a | — |
| markup.deleted | #ff5c8a | — |
| markup.changed | #52a8ff | — |
| string.regexp | #52d2c8 | — |
| punctuation.definition.group.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #ff7b3d | — |
| constant.character.escape | #ffd866 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.decorator, meta.decorator variable.other, meta.decorator entity.name.function, storage.type.annotation, punctuation.definition.annotation, meta.declaration.annotation | #ffb454 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff5c8a | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #ff7b3d | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffd866 | — |
| 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 | #52d2c8 | — |
| 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 | #c792ea | — |
| 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 | #82d96a | — |
| 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 | #52a8ff | — |
| 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 | #ff5c8a | — |
| 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 | #ffb454 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e4e6eb | — |
| text.html.markdown markup.inline.raw.markdown | #52d2c8 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #5a5a5a | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #ff7b3d | bold |
| markup.italic | #c792ea | italic |
| markup.bold, markup.bold string | #ffd866 | 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 | #ffb454 | bold italic |
| markup.underline | #52a8ff | underline |
| markup.quote punctuation.definition.blockquote.markdown | #5a5a5a | — |
| markup.quote | #9aa0ad | italic |
| string.other.link.title.markdown | #52a8ff | — |
| string.other.link.description.title.markdown | #82d96a | — |
| constant.other.reference.link.markdown | #c792ea | — |
| markup.raw.block | #82d96a | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #e4e6eb | — |
| variable.language.fenced.markdown | #7a7a7a | — |
| meta.separator | #ff7b3d | bold |
| markup.table | #e4e6eb | — |