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#0098ff
- activityBar.background#0a0c1e
- activityBar.border#1a1d3a
- activityBar.foreground#0098ff
- activityBar.inactiveForeground#4a4d6a
- activityBarBadge.background#0098ff
- activityBarBadge.foreground#0a0c1e
- badge.background#0098ff
- badge.foreground#0a0c1e
- breadcrumb.activeSelectionForeground#0098ff
- breadcrumb.background#0d0f24
- breadcrumb.focusForeground#e8eaf6
- breadcrumb.foreground#7176a0
- button.background#0098ff
- button.foreground#0a0c1e
- button.hoverBackground#52b8ff
- button.secondaryBackground#1f2455
- button.secondaryForeground#e8eaf6
- button.secondaryHoverBackground#2a3070
- checkbox.background#10122e
- checkbox.border#0098ff66
- checkbox.foreground#e8eaf6
- contrastActiveBorder#0098ff
- contrastBorder#1a1d3a
- diffEditor.insertedTextBackground#7df96b22
- diffEditor.removedTextBackground#ff5c8a22
- dropdown.background#10122e
- dropdown.border#1a1d3a
- dropdown.foreground#e8eaf6
- dropdown.listBackground#10122e
- editor.background#0d0f24
- editor.findMatchBackground#cf278566
- editor.findMatchHighlightBackground#cf278533
- editor.foreground#e8eaf6
- editor.lineHighlightBackground#13162e
- editor.lineHighlightBorder#13162e
- editor.selectionBackground#0098ff44
- editor.selectionHighlightBackground#0098ff22
- editor.wordHighlightBackground#1f2455
- editor.wordHighlightStrongBackground#cf278555
- editorBracketHighlight.foreground1#0098ff
- editorBracketHighlight.foreground2#cf2785
- editorBracketHighlight.foreground3#7df96b
- editorBracketHighlight.foreground4#ffd84d
- editorBracketHighlight.foreground5#a78bfa
- editorBracketHighlight.foreground6#ff8a4c
- editorBracketMatch.background#0098ff33
- editorBracketMatch.border#0098ff
- editorCursor.background#0d0f24
- editorCursor.foreground#0098ff
- editorGroup.border#1a1d3a
- editorGroup.dropBackground#0098ff22
- editorGroupHeader.tabsBackground#0a0c1e
- editorGroupHeader.tabsBorder#1a1d3a
- editorGutter.addedBackground#7df96b
- editorGutter.background#0d0f24
- editorGutter.deletedBackground#ff5c8a
- editorGutter.modifiedBackground#0098ff
- editorHoverWidget.background#10122e
- editorHoverWidget.border#0098ff44
- editorHoverWidget.foreground#e8eaf6
- editorIndentGuide.activeBackground1#0098ff66
- editorIndentGuide.background1#1a1d3a
- editorLineNumber.activeForeground#0098ff
- editorLineNumber.foreground#363a5e
- editorLink.activeForeground#52d2c8
- editorOverviewRuler.addedForeground#7df96b
- editorOverviewRuler.border#1a1d3a
- editorOverviewRuler.deletedForeground#ff5c8a
- editorOverviewRuler.modifiedForeground#0098ff
- editorRuler.foreground#1a1d3a
- editorSuggestWidget.background#10122e
- editorSuggestWidget.border#1a1d3a
- editorSuggestWidget.foreground#e8eaf6
- editorSuggestWidget.highlightForeground#0098ff
- editorSuggestWidget.selectedBackground#1f2455
- editorSuggestWidget.selectedForeground#ffffff
- editorWhitespace.foreground#2a2d4a
- editorWidget.background#10122e
- editorWidget.border#0098ff44
- editorWidget.foreground#e8eaf6
- focusBorder#0098ff66
- gitDecoration.addedResourceForeground#7df96b
- gitDecoration.conflictingResourceForeground#ffd84d
- gitDecoration.deletedResourceForeground#ff5c8a
- gitDecoration.ignoredResourceForeground#4a4d6a
- gitDecoration.modifiedResourceForeground#0098ff
- gitDecoration.untrackedResourceForeground#cf2785
- input.background#10122e
- input.border#1a1d3a
- input.foreground#e8eaf6
- input.placeholderForeground#5a5d7a
- inputOption.activeBackground#0098ff33
- inputOption.activeBorder#0098ff
- inputValidation.errorBackground#3d1a2a
- inputValidation.errorBorder#ff5c8a
- inputValidation.infoBackground#1a2a3d
- inputValidation.infoBorder#0098ff
- inputValidation.warningBackground#3d2f1a
- inputValidation.warningBorder#ffd84d
- list.activeSelectionBackground#1f2455
- list.activeSelectionForeground#ffffff
- list.focusBackground#1f2455
- list.focusForeground#ffffff
- list.highlightForeground#0098ff
- list.hoverBackground#13162e
- list.inactiveSelectionBackground#161938
- list.inactiveSelectionForeground#e8eaf6
- menu.background#10122e
- menu.border#1a1d3a
- menu.foreground#e8eaf6
- menu.selectionBackground#0098ff
- menu.selectionForeground#0a0c1e
- menu.separatorBackground#1a1d3a
- menubar.selectionBackground#1f2455
- menubar.selectionForeground#0098ff
- merge.currentContentBackground#0098ff4d
- merge.currentHeaderBackground#0098ffaa
- merge.incomingContentBackground#cf27854d
- merge.incomingHeaderBackground#cf2785aa
- minimap.background#0a0c1e
- minimapSlider.activeBackground#0098ff77
- minimapSlider.background#0098ff22
- minimapSlider.hoverBackground#0098ff44
- notificationCenter.border#0098ff44
- notificationLink.foreground#0098ff
- notifications.background#10122e
- notifications.border#0098ff44
- notifications.foreground#e8eaf6
- panel.background#0a0c1e
- panel.border#1a1d3a
- panelTitle.activeBorder#0098ff
- panelTitle.activeForeground#0098ff
- panelTitle.inactiveForeground#7176a0
- peekView.border#0098ff
- peekViewEditor.background#10122e
- peekViewResult.background#10122e
- peekViewTitle.background#10122e
- peekViewTitleDescription.foreground#7176a0
- peekViewTitleLabel.foreground#0098ff
- pickerGroup.border#1a1d3a
- pickerGroup.foreground#0098ff
- progressBar.background#0098ff
- quickInput.background#10122e
- quickInput.foreground#e8eaf6
- quickInputList.focusBackground#0098ff
- quickInputList.focusForeground#0a0c1e
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#0098ffaa
- scrollbarSlider.background#0098ff22
- scrollbarSlider.hoverBackground#0098ff66
- settings.headerForeground#0098ff
- settings.modifiedItemIndicator#0098ff
- sideBar.background#0b0d22
- sideBar.border#1a1d3a
- sideBar.foreground#d4d8e8
- sideBarSectionHeader.background#10122e
- sideBarSectionHeader.border#1a1d3a
- sideBarSectionHeader.foreground#e8eaf6
- sideBarTitle.foreground#0098ff
- statusBar.background#0098ff
- statusBar.border#0098ff
- statusBar.debuggingBackground#cf2785
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#0a0c1e
- statusBar.noFolderBackground#0a0c1e
- statusBar.noFolderForeground#e8eaf6
- symbolIcon.classForeground#ffd84d
- symbolIcon.constantForeground#7df96b
- symbolIcon.enumeratorForeground#a78bfa
- symbolIcon.fieldForeground#52d2c8
- symbolIcon.functionForeground#52b8ff
- symbolIcon.interfaceForeground#52d2c8
- symbolIcon.keywordForeground#cf2785
- symbolIcon.methodForeground#52b8ff
- symbolIcon.numberForeground#ff8a4c
- symbolIcon.propertyForeground#52d2c8
- symbolIcon.stringForeground#ffd84d
- symbolIcon.variableForeground#e8eaf6
- tab.activeBackground#0d0f24
- tab.activeBorder#0098ff
- tab.activeBorderTop#0098ff
- tab.activeForeground#ffffff
- tab.border#1a1d3a
- tab.hoverBackground#13162e
- tab.inactiveBackground#0a0c1e
- tab.inactiveForeground#7176a0
- tab.unfocusedActiveBorder#0098ff88
- tab.unfocusedActiveBorderTop#0098ff88
- terminal.ansiBlack#0a0c1e
- terminal.ansiBlue#0098ff
- terminal.ansiBrightBlack#4a4d6a
- terminal.ansiBrightBlue#52b8ff
- terminal.ansiBrightCyan#7ee0d8
- terminal.ansiBrightGreen#a4ff95
- terminal.ansiBrightMagenta#ff52a8
- terminal.ansiBrightRed#ff8aac
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe680
- terminal.ansiCyan#52d2c8
- terminal.ansiGreen#7df96b
- terminal.ansiMagenta#cf2785
- terminal.ansiRed#ff5c8a
- terminal.ansiWhite#e8eaf6
- terminal.ansiYellow#ffd84d
- terminal.background#0a0c1e
- terminal.foreground#e8eaf6
- textLink.activeForeground#52b8ff
- textLink.foreground#0098ff
- titleBar.activeBackground#0a0c1e
- titleBar.activeForeground#e8eaf6
- titleBar.border#1a1d3a
- titleBar.inactiveBackground#0d0f24
- titleBar.inactiveForeground#7176a0
- widget.shadow#00000099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a5d7a | italic |
| variable, string constant.other.placeholder, variable.other.readwrite, variable.other.object | #e8eaf6 | — |
| variable.other.property, variable.other.object.property, meta.property-name, support.type.property-name | #52d2c8 | — |
| variable.other.constant, variable.other.enummember, support.constant | #c5b0ff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff5c8a | — |
| keyword, storage.type, storage.modifier | #cf2785 | — |
| keyword.control, keyword.control.flow, keyword.control.return, keyword.control.import, keyword.control.from, keyword.control.as | #cf2785 | italic |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational | #ff52a8 | — |
| punctuation, punctuation.separator, punctuation.terminator, meta.brace, punctuation.section | #a8acc8 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #cf2785 | — |
| 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 | #52b8ff | — |
| support.function.builtin, support.function.magic | #82c4ff | — |
| meta.block variable.other | #e8eaf6 | — |
| support.other.variable, string.other.link | #52d2c8 | — |
| constant.numeric, keyword.other.unit | #7df96b | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #c5b0ff | — |
| 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 | #ffd84d | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #d4b440 | — |
| string.template, string.interpolated | #ffe680 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff52a8 | — |
| entity.other.inherited-class, markup.heading | #ffd84d | — |
| 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 | #ffd84d | — |
| entity.name.type.interface | #52d2c8 | — |
| entity.name.type.enum | #a78bfa | — |
| entity.name.type.parameter, meta.type.parameters | #c5b0ff | italic |
| entity.name.namespace, entity.name.scope-resolution | #ffd84d | — |
| 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 | #cf2785 | — |
| variable.language, variable.language.this, variable.language.self, variable.language.super | #a78bfa | italic |
| entity.name.method.js | #52b8ff | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #52b8ff | — |
| entity.name.function.constructor, meta.class entity.name.type | #ffd84d | — |
| keyword.operator.stream, keyword.operator.bitwise.shift, punctuation.operator | #ff52a8 | — |
| entity.other.attribute-name | #a78bfa | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffd84d | italic |
| entity.other.attribute-name.class | #ffd84d | — |
| entity.other.attribute-name.id, source.sass keyword.control | #52b8ff | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #52d2c8 | — |
| markup.inserted | #7df96b | — |
| markup.deleted | #ff5c8a | — |
| markup.changed | #0098ff | — |
| string.regexp | #52d2c8 | — |
| punctuation.definition.group.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #cf2785 | — |
| 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 | #cf2785 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #cf2785 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffd84d | — |
| 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 | #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 | #7df96b | — |
| 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 | #52b8ff | — |
| 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 | #ff8a4c | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #e8eaf6 | — |
| text.html.markdown markup.inline.raw.markdown | #52d2c8 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #5a5d7a | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #0098ff | bold |
| markup.italic | #a78bfa | italic |
| markup.bold, markup.bold string | #ffd84d | 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 | #52b8ff | underline |
| markup.quote punctuation.definition.blockquote.markdown | #5a5d7a | — |
| markup.quote | #9aa0bd | italic |
| string.other.link.title.markdown | #0098ff | — |
| string.other.link.description.title.markdown | #7df96b | — |
| constant.other.reference.link.markdown | #a78bfa | — |
| markup.raw.block | #ffd84d | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #e8eaf6 | — |
| variable.language.fenced.markdown | #7176a0 | — |
| meta.separator | #0098ff | bold |
| markup.table | #e8eaf6 | — |