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#00d4ff
- activityBar.background#001226
- activityBar.border#00396b
- activityBar.foreground#00d4ff
- activityBar.inactiveForeground#3a6a96
- activityBarBadge.background#ff6ec7
- activityBarBadge.foreground#001226
- badge.background#ff6ec7
- badge.foreground#001226
- breadcrumb.activeSelectionForeground#00d4ff
- breadcrumb.background#001a3a
- breadcrumb.focusForeground#a8e8ff
- breadcrumb.foreground#5a8bb5
- button.background#00d4ff
- button.foreground#001226
- button.hoverBackground#5ce0f7
- button.secondaryBackground#003a6e
- button.secondaryForeground#a8e8ff
- button.secondaryHoverBackground#004a8a
- checkbox.background#002145
- checkbox.border#00d4ff66
- checkbox.foreground#a8e8ff
- contrastActiveBorder#00d4ff
- contrastBorder#00396b
- diffEditor.insertedTextBackground#7df0c822
- diffEditor.removedTextBackground#ff6e9c22
- dropdown.background#002145
- dropdown.border#00396b
- dropdown.foreground#a8e8ff
- dropdown.listBackground#002145
- editor.background#001a3a
- editor.findMatchBackground#ff6ec766
- editor.findMatchHighlightBackground#ff6ec733
- editor.foreground#dbe7ff
- editor.lineHighlightBackground#002148
- editor.lineHighlightBorder#002148
- editor.selectionBackground#00d4ff33
- editor.selectionHighlightBackground#00d4ff1c
- editor.wordHighlightBackground#003a6e
- editor.wordHighlightStrongBackground#ff6ec755
- editorBracketHighlight.foreground1#00d4ff
- editorBracketHighlight.foreground2#ff6ec7
- editorBracketHighlight.foreground3#7df0c8
- editorBracketHighlight.foreground4#ffd166
- editorBracketHighlight.foreground5#a78bfa
- editorBracketHighlight.foreground6#ff8a4c
- editorBracketMatch.background#00d4ff33
- editorBracketMatch.border#00d4ff
- editorCursor.background#001a3a
- editorCursor.foreground#ff6ec7
- editorGroup.border#00396b
- editorGroup.dropBackground#00d4ff22
- editorGroupHeader.tabsBackground#001226
- editorGroupHeader.tabsBorder#00396b
- editorGutter.addedBackground#7df0c8
- editorGutter.background#001a3a
- editorGutter.deletedBackground#ff6e9c
- editorGutter.modifiedBackground#00d4ff
- editorHoverWidget.background#002145
- editorHoverWidget.border#00d4ff44
- editorHoverWidget.foreground#a8e8ff
- editorIndentGuide.activeBackground1#00d4ff66
- editorIndentGuide.background1#0a3057
- editorLineNumber.activeForeground#00d4ff
- editorLineNumber.foreground#264e7a
- editorLink.activeForeground#7df0c8
- editorOverviewRuler.addedForeground#7df0c8
- editorOverviewRuler.border#00396b
- editorOverviewRuler.deletedForeground#ff6e9c
- editorOverviewRuler.modifiedForeground#00d4ff
- editorRuler.foreground#0a3057
- editorSuggestWidget.background#002145
- editorSuggestWidget.border#00396b
- editorSuggestWidget.foreground#a8e8ff
- editorSuggestWidget.highlightForeground#00d4ff
- editorSuggestWidget.selectedBackground#003a6e
- editorSuggestWidget.selectedForeground#ffffff
- editorWhitespace.foreground#0a3057
- editorWidget.background#002145
- editorWidget.border#00d4ff44
- editorWidget.foreground#a8e8ff
- focusBorder#00d4ff66
- gitDecoration.addedResourceForeground#7df0c8
- gitDecoration.conflictingResourceForeground#ffd166
- gitDecoration.deletedResourceForeground#ff6e9c
- gitDecoration.ignoredResourceForeground#3a6a96
- gitDecoration.modifiedResourceForeground#00d4ff
- gitDecoration.untrackedResourceForeground#ff6ec7
- input.background#002145
- input.border#00d4ff66
- input.foreground#a8e8ff
- input.placeholderForeground#3a6a96
- inputOption.activeBackground#00d4ff33
- inputOption.activeBorder#00d4ff
- inputValidation.errorBackground#3d1a2a
- inputValidation.errorBorder#ff6e9c
- inputValidation.infoBackground#1a2a3d
- inputValidation.infoBorder#00d4ff
- inputValidation.warningBackground#3d2f1a
- inputValidation.warningBorder#ffd166
- list.activeSelectionBackground#003a6e
- list.activeSelectionForeground#ffffff
- list.focusBackground#003a6e
- list.focusForeground#ffffff
- list.highlightForeground#00d4ff
- list.hoverBackground#002a55
- list.inactiveSelectionBackground#002347
- list.inactiveSelectionForeground#a8e8ff
- menu.background#002145
- menu.border#00396b
- menu.foreground#a8e8ff
- menu.selectionBackground#00d4ff
- menu.selectionForeground#001226
- menu.separatorBackground#00396b
- menubar.selectionBackground#003a6e
- menubar.selectionForeground#00d4ff
- merge.currentContentBackground#00d4ff4d
- merge.currentHeaderBackground#00d4ffaa
- merge.incomingContentBackground#ff6ec74d
- merge.incomingHeaderBackground#ff6ec7aa
- minimap.background#001a3a
- minimapSlider.activeBackground#00d4ff77
- minimapSlider.background#00d4ff22
- minimapSlider.hoverBackground#00d4ff44
- notificationCenter.border#00d4ff44
- notificationLink.foreground#00d4ff
- notifications.background#002145
- notifications.border#00d4ff44
- notifications.foreground#a8e8ff
- panel.background#001226
- panel.border#00d4ff44
- panelTitle.activeBorder#00d4ff
- panelTitle.activeForeground#00d4ff
- panelTitle.inactiveForeground#5a8bb5
- peekView.border#00d4ff
- peekViewEditor.background#002145
- peekViewResult.background#002145
- peekViewTitle.background#002145
- peekViewTitleDescription.foreground#5a8bb5
- peekViewTitleLabel.foreground#00d4ff
- pickerGroup.border#00396b
- pickerGroup.foreground#ff6ec7
- progressBar.background#00d4ff
- quickInput.background#002145
- quickInput.foreground#a8e8ff
- quickInputList.focusBackground#00d4ff
- quickInputList.focusForeground#001226
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00d4ffaa
- scrollbarSlider.background#00d4ff22
- scrollbarSlider.hoverBackground#00d4ff66
- settings.headerForeground#00d4ff
- settings.modifiedItemIndicator#ff6ec7
- sideBar.background#001833
- sideBar.border#00396b
- sideBar.foreground#a8e8ff
- sideBarSectionHeader.background#002145
- sideBarSectionHeader.border#00396b
- sideBarSectionHeader.foreground#5ce0f7
- sideBarTitle.foreground#00d4ff
- statusBar.background#001226
- statusBar.border#00396b
- statusBar.debuggingBackground#ff6ec7
- statusBar.debuggingForeground#001226
- statusBar.foreground#00d4ff
- symbolIcon.classForeground#ffd166
- symbolIcon.constantForeground#7df0c8
- symbolIcon.enumeratorForeground#a78bfa
- symbolIcon.fieldForeground#5ce0f7
- symbolIcon.functionForeground#7dc5ff
- symbolIcon.interfaceForeground#5ce0f7
- symbolIcon.keywordForeground#ff6ec7
- symbolIcon.methodForeground#7dc5ff
- symbolIcon.numberForeground#ff8a4c
- symbolIcon.propertyForeground#5ce0f7
- symbolIcon.stringForeground#aef5dc
- symbolIcon.variableForeground#dbe7ff
- tab.activeBackground#001a3a
- tab.activeBorder#00d4ff
- tab.activeBorderTop#00d4ff
- tab.activeForeground#ffffff
- tab.border#00396b
- tab.hoverBackground#002a55
- tab.inactiveBackground#001226
- tab.inactiveForeground#5a8bb5
- tab.unfocusedActiveBorder#00d4ff88
- tab.unfocusedActiveBorderTop#00d4ff88
- terminal.ansiBlack#001226
- terminal.ansiBlue#3aa8ff
- terminal.ansiBrightBlack#3a6a96
- terminal.ansiBrightBlue#7dc5ff
- terminal.ansiBrightCyan#5ce0f7
- terminal.ansiBrightGreen#aef5dc
- terminal.ansiBrightMagenta#ff96d6
- terminal.ansiBrightRed#ff9bbc
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe19a
- terminal.ansiCyan#00d4ff
- terminal.ansiGreen#7df0c8
- terminal.ansiMagenta#ff6ec7
- terminal.ansiRed#ff6e9c
- terminal.ansiWhite#dbe7ff
- terminal.ansiYellow#ffd166
- terminal.background#000d1c
- terminal.foreground#dbe7ff
- textLink.activeForeground#5ce0f7
- textLink.foreground#00d4ff
- titleBar.activeBackground#001226
- titleBar.activeForeground#00d4ff
- titleBar.inactiveBackground#001a3a
- titleBar.inactiveForeground#5a8bb5
- widget.shadow#00000099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3a6a96 | italic |
| variable, string constant.other.placeholder, variable.other.readwrite, variable.other.object | #dbe7ff | — |
| variable.other.property, variable.other.object.property, meta.property-name, support.type.property-name | #5ce0f7 | — |
| variable.other.constant, variable.other.enummember, support.constant | #c5b0ff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff6e9c | — |
| keyword, storage.type, storage.modifier | #ff6ec7 | — |
| keyword.control, keyword.control.flow, keyword.control.return, keyword.control.import, keyword.control.from, keyword.control.as, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.conditional | #ff6ec7 | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational | #00d4ff | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace, punctuation.section | #a8c5e0 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff6ec7 | — |
| 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 | #7dc5ff | — |
| support.function.builtin, support.function.magic | #a3dbff | — |
| meta.block variable.other | #dbe7ff | — |
| support.other.variable, string.other.link | #5ce0f7 | — |
| constant.numeric, keyword.other.unit | #ff8a4c | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #a78bfa | — |
| variable.parameter, meta.function.parameter variable, meta.parameters variable.parameter | #ff8a4c | italic |
| constant.character, constant.escape, keyword.other | #ff8a4c | — |
| string, constant.other.symbol, constant.other.key, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #aef5dc | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #7df0c8 | — |
| string.template, string.interpolated | #aef5dc | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff6ec7 | — |
| entity.other.inherited-class, markup.heading | #ffd166 | — |
| 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 | #ffd166 | — |
| entity.name.type.interface | #5ce0f7 | — |
| entity.name.type.enum | #a78bfa | — |
| entity.name.type.parameter, meta.type.parameters | #c5b0ff | italic |
| entity.name.namespace, entity.name.scope-resolution | #ffd166 | — |
| 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 | #5ce0f7 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff6ec7 | — |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #a78bfa | italic |
| entity.name.method.js | #7dc5ff | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #7dc5ff | — |
| entity.name.function.constructor, meta.class entity.name.type | #ffd166 | — |
| entity.other.attribute-name | #a78bfa | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffd166 | italic |
| entity.other.attribute-name.class | #ffd166 | — |
| entity.other.attribute-name.id, source.sass keyword.control | #7dc5ff | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #5ce0f7 | — |
| markup.inserted | #7df0c8 | — |
| markup.deleted | #ff6e9c | — |
| markup.changed | #00d4ff | — |
| string.regexp | #5ce0f7 | — |
| punctuation.definition.group.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #ff6ec7 | — |
| constant.character.escape | #ff8a4c | — |
| *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 | #ff8a4c | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff6ec7 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #ff6ec7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffd166 | — |
| 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 | #5ce0f7 | — |
| 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 | #a78bfa | — |
| 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 | #7df0c8 | — |
| 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 | #7dc5ff | — |
| 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 | #ff6e9c | — |
| 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 | #ff8a4c | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #dbe7ff | — |
| text.html.markdown markup.inline.raw.markdown | #5ce0f7 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #3a6a96 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #00d4ff | bold |
| markup.italic | #a78bfa | italic |
| markup.bold, markup.bold string | #ffd166 | 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 | #ff8a4c | bold italic |
| markup.underline | #7dc5ff | underline |
| markup.quote punctuation.definition.blockquote.markdown | #3a6a96 | — |
| markup.quote | #5a8bb5 | italic |
| string.other.link.title.markdown | #00d4ff | — |
| string.other.link.description.title.markdown | #aef5dc | — |
| constant.other.reference.link.markdown | #a78bfa | — |
| markup.raw.block | #aef5dc | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #dbe7ff | — |
| variable.language.fenced.markdown | #5a8bb5 | — |
| meta.separator | #00d4ff | bold |
| markup.table | #dbe7ff | — |