Catapi
Publisher: CaterbyteThemes in package: 1
A galactic dark theme with neon green and blue colors. Deep space meets electric dreams.
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#00FFAA
- activityBar.background#000000
- activityBar.border#00FFAA22
- activityBar.foreground#00FFAA
- activityBar.inactiveForeground#00FFAA55
- activityBarBadge.background#00D4FF
- activityBarBadge.foreground#000000
- badge.background#00D4FF
- badge.foreground#000000
- banner.background#00D4FF20
- banner.foreground#00D4FF
- banner.iconForeground#00D4FF
- breadcrumb.activeSelectionForeground#00D4FF
- breadcrumb.background#000000
- breadcrumb.focusForeground#00FFAA
- breadcrumb.foreground#5D8A8F
- breadcrumbPicker.background#050510
- button.background#00FFAA
- button.border#00000000
- button.foreground#000000
- button.hoverBackground#00FFD4
- button.secondaryBackground#00D4FF30
- button.secondaryForeground#00D4FF
- button.secondaryHoverBackground#00D4FF50
- charts.blue#00D4FF
- charts.foreground#E0F7FA
- charts.green#00FFAA
- charts.lines#00FFAA
- charts.orange#FF9500
- charts.purple#BD00FF
- charts.red#FF3366
- charts.yellow#FFD700
- debugConsole.errorForeground#FF3366
- debugConsole.infoForeground#00D4FF
- debugConsole.sourceForeground#BD00FF
- debugConsole.warningForeground#FFD700
- debugConsoleInputIcon.foreground#00FFAA
- debugExceptionWidget.background#FF336620
- debugExceptionWidget.border#FF3366
- debugIcon.breakpointCurrentStackframeForeground#FFD700
- debugIcon.breakpointDisabledForeground#FF336666
- debugIcon.breakpointForeground#FF3366
- debugIcon.breakpointStackframeForeground#00FFAA
- debugIcon.breakpointUnverifiedForeground#FFD700
- debugIcon.continueForeground#00FFAA
- debugIcon.disconnectForeground#FF3366
- debugIcon.pauseForeground#FFD700
- debugIcon.restartForeground#00FFAA
- debugIcon.startForeground#00FFAA
- debugIcon.stepBackForeground#BD00FF
- debugIcon.stepIntoForeground#00D4FF
- debugIcon.stepOutForeground#00D4FF
- debugIcon.stepOverForeground#00D4FF
- debugIcon.stopForeground#FF3366
- debugToolBar.background#050510
- debugToolBar.border#BD00FF
- descriptionForeground#5D8A8F
- diffEditor.border#00FFAA22
- diffEditor.diagonalFill#00FFAA15
- diffEditor.insertedLineBackground#00FFAA15
- diffEditor.insertedTextBackground#00FFAA20
- diffEditor.removedLineBackground#FF336615
- diffEditor.removedTextBackground#FF336625
- disabledForeground#4A6670
- dropdown.background#050510
- dropdown.border#00FFAA40
- dropdown.foreground#E0F7FA
- dropdown.listBackground#050510
- editor.background#000000
- editor.findMatchBackground#FF00AA50
- editor.findMatchBorder#FF00AA
- editor.findMatchHighlightBackground#00D4FF40
- editor.findMatchHighlightBorder#00D4FF
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#00FFAA12
- editor.lineHighlightBorder#00FFAA40
- editor.rangeHighlightBackground#00FFAA20
- editor.selectionBackground#00D4FF50
- editor.selectionHighlightBackground#00FFAA40
- editor.wordHighlightBackground#FF00AA35
- editor.wordHighlightStrongBackground#00FFAA50
- editorBracketHighlight.foreground1#00FFAA
- editorBracketHighlight.foreground2#00D4FF
- editorBracketHighlight.foreground3#BD00FF
- editorBracketHighlight.foreground4#FF00AA
- editorBracketHighlight.foreground5#FFD700
- editorBracketHighlight.foreground6#00FF6A
- editorBracketHighlight.unexpectedBracket.foreground#FF3366
- editorBracketMatch.background#FF00AA40
- editorBracketMatch.border#FF00AA
- editorCursor.background#000000
- editorCursor.foreground#00FFAA
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#00FFAA15
- editorGutter.addedBackground#00FFAA
- editorGutter.background#000000
- editorGutter.deletedBackground#FF3366
- editorGutter.foldingControlForeground#00FFAA
- editorGutter.modifiedBackground#00D4FF
- editorHoverWidget.background#050510
- editorHoverWidget.border#00FFAA40
- editorHoverWidget.foreground#E0F7FA
- editorHoverWidget.highlightForeground#00FFAA
- editorHoverWidget.statusBarBackground#00FFAA10
- editorIndentGuide.activeBackground1#00FFAA70
- editorIndentGuide.background1#00FFAA20
- editorLineNumber.activeForeground#00FFAA
- editorLineNumber.foreground#00FFAA40
- editorLink.activeForeground#00FFFF
- editorRuler.foreground#00FFAA30
- editorSuggestWidget.background#050510
- editorSuggestWidget.border#00FFAA40
- editorSuggestWidget.focusHighlightForeground#00FFAA
- editorSuggestWidget.foreground#E0F7FA
- editorSuggestWidget.highlightForeground#00FFAA
- editorSuggestWidget.selectedBackground#00FFAA25
- editorSuggestWidget.selectedForeground#00FFAA
- editorSuggestWidget.selectedIconForeground#00FFAA
- editorWhitespace.foreground#00FFAA25
- editorWidget.background#050510
- editorWidget.border#00FFAA40
- editorWidget.foreground#E0F7FA
- editorWidget.resizeBorder#00FFAA
- errorForeground#FF3366
- extensionBadge.remoteBackground#00D4FF
- extensionBadge.remoteForeground#000000
- extensionButton.prominentBackground#00FFAA
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#00FFD4
- extensionIcon.preReleaseForeground#BD00FF
- extensionIcon.sponsorForeground#FF00AA
- extensionIcon.starForeground#FFD700
- extensionIcon.verifiedForeground#00FFAA
- focusBorder#00FFAA80
- foreground#E0F7FA
- gitDecoration.addedResourceForeground#00FFAA
- gitDecoration.conflictingResourceForeground#FF00AA
- gitDecoration.deletedResourceForeground#FF3366
- gitDecoration.ignoredResourceForeground#4A6670
- gitDecoration.modifiedResourceForeground#00D4FF
- gitDecoration.renamedResourceForeground#BD00FF
- gitDecoration.stageDeletedResourceForeground#FF6B8A
- gitDecoration.stageModifiedResourceForeground#00FFD4
- gitDecoration.submoduleResourceForeground#BD00FF
- gitDecoration.untrackedResourceForeground#FFD700
- icon.foreground#00FFAA
- input.background#050510
- input.border#00FFAA40
- input.foreground#E0F7FA
- input.placeholderForeground#5D8A8F
- inputOption.activeBackground#00FFAA30
- inputOption.activeBorder#00FFAA
- inputOption.activeForeground#00FFAA
- inputOption.hoverBackground#00FFAA20
- inputValidation.errorBackground#FF336620
- inputValidation.errorBorder#FF3366
- inputValidation.errorForeground#FF6B8A
- inputValidation.infoBackground#00D4FF20
- inputValidation.infoBorder#00D4FF
- inputValidation.infoForeground#40E0FF
- inputValidation.warningBackground#FFD70020
- inputValidation.warningBorder#FFD700
- inputValidation.warningForeground#FFEB3B
- keybindingLabel.background#00FFAA20
- keybindingLabel.border#00FFAA40
- keybindingLabel.bottomBorder#00FFAA40
- keybindingLabel.foreground#00FFAA
- list.activeSelectionBackground#00FFAA20
- list.activeSelectionForeground#00FFAA
- list.dropBackground#00D4FF30
- list.focusBackground#00FFAA20
- list.focusForeground#00FFAA
- list.highlightForeground#00FFAA
- list.hoverBackground#00FFAA10
- list.hoverForeground#E0F7FA
- list.inactiveSelectionBackground#00D4FF15
- list.inactiveSelectionForeground#00D4FF
- merge.border#00FFAA
- merge.currentContentBackground#00FFAA15
- merge.currentHeaderBackground#00FFAA40
- merge.incomingContentBackground#00D4FF15
- merge.incomingHeaderBackground#00D4FF40
- mergeEditor.conflictingLines.background#BD00FF20
- minimap.background#000000
- minimap.findMatchHighlight#BD00FF
- minimap.selectionHighlight#00FFAA50
- minimapGutter.addedBackground#00FFAA
- minimapGutter.deletedBackground#FF3366
- minimapGutter.modifiedBackground#00D4FF
- minimapSlider.activeBackground#00FFAA35
- minimapSlider.background#00FFAA15
- minimapSlider.hoverBackground#00FFAA25
- notificationCenter.border#00FFAA40
- notificationCenterHeader.background#050510
- notificationCenterHeader.foreground#00FFAA
- notifications.background#050510
- notifications.border#00FFAA30
- notifications.foreground#E0F7FA
- notificationsErrorIcon.foreground#FF3366
- notificationsInfoIcon.foreground#00D4FF
- notificationsWarningIcon.foreground#FFD700
- notificationToast.border#00FFAA40
- panel.background#000000
- panel.border#00FFAA22
- panelSection.border#00FFAA22
- panelSectionHeader.background#00FFAA10
- panelSectionHeader.foreground#00D4FF
- panelTitle.activeBorder#00FFAA
- panelTitle.activeForeground#00FFAA
- panelTitle.inactiveForeground#5D8A8F
- peekView.border#00D4FF
- peekViewEditor.background#050510
- peekViewEditor.matchHighlightBackground#BD00FF40
- peekViewEditor.matchHighlightBorder#BD00FF
- peekViewEditorGutter.background#050510
- peekViewResult.background#020208
- peekViewResult.fileForeground#00FFAA
- peekViewResult.lineForeground#B8E6F0
- peekViewResult.matchHighlightBackground#00D4FF40
- peekViewResult.selectionBackground#00FFAA25
- peekViewResult.selectionForeground#00FFAA
- peekViewTitle.background#00D4FF15
- peekViewTitleDescription.foreground#5D8A8F
- peekViewTitleLabel.foreground#00D4FF
- pickerGroup.border#00FFAA30
- pickerGroup.foreground#00D4FF
- quickInput.background#050510
- quickInput.foreground#E0F7FA
- quickInputList.focusBackground#00FFAA25
- quickInputList.focusForeground#00FFAA
- quickInputList.focusIconForeground#00FFAA
- quickInputTitle.background#00FFAA15
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#00FFAA60
- scrollbarSlider.background#00FFAA20
- scrollbarSlider.hoverBackground#00FFAA40
- selection.background#00D4FF40
- settings.checkboxBackground#050510
- settings.checkboxBorder#00FFAA40
- settings.checkboxForeground#00FFAA
- settings.dropdownBackground#050510
- settings.dropdownBorder#00FFAA40
- settings.dropdownForeground#E0F7FA
- settings.focusedRowBackground#00FFAA10
- settings.focusedRowBorder#00FFAA40
- settings.headerForeground#00FFAA
- settings.modifiedItemIndicator#00D4FF
- settings.numberInputBackground#050510
- settings.numberInputBorder#00FFAA40
- settings.numberInputForeground#E0F7FA
- settings.rowHoverBackground#00FFAA08
- settings.textInputBackground#050510
- settings.textInputBorder#00FFAA40
- settings.textInputForeground#E0F7FA
- sideBar.background#020208
- sideBar.border#00FFAA15
- sideBar.foreground#B8E6F0
- sideBarSectionHeader.background#00FFAA10
- sideBarSectionHeader.border#00FFAA22
- sideBarSectionHeader.foreground#00D4FF
- sideBarTitle.foreground#00FFAA
- statusBar.background#000000
- statusBar.border#00FFAA22
- statusBar.debuggingBackground#BD00FF
- statusBar.debuggingBorder#FF00AA
- statusBar.debuggingForeground#000000
- statusBar.foreground#00FFAA
- statusBar.noFolderBackground#0A0014
- statusBar.noFolderForeground#BD00FF
- statusBarItem.activeBackground#00FFAA30
- statusBarItem.errorBackground#FF3366
- statusBarItem.errorForeground#000000
- statusBarItem.hoverBackground#00FFAA20
- statusBarItem.prominentBackground#00D4FF20
- statusBarItem.prominentForeground#00D4FF
- statusBarItem.prominentHoverBackground#00D4FF30
- statusBarItem.remoteBackground#00D4FF
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#FFD700
- statusBarItem.warningForeground#000000
- symbolIcon.arrayForeground#00D4FF
- symbolIcon.booleanForeground#FF00AA
- symbolIcon.classForeground#FFD700
- symbolIcon.colorForeground#BD00FF
- symbolIcon.constantForeground#00FFAA
- symbolIcon.constructorForeground#FFD700
- symbolIcon.enumeratorForeground#00D4FF
- symbolIcon.enumeratorMemberForeground#00D4FF
- symbolIcon.eventForeground#FF9500
- symbolIcon.fieldForeground#00FFAA
- symbolIcon.fileForeground#E0F7FA
- symbolIcon.folderForeground#00FFAA
- symbolIcon.functionForeground#00D4FF
- symbolIcon.interfaceForeground#FFD700
- symbolIcon.keyForeground#FF00AA
- symbolIcon.keywordForeground#BD00FF
- symbolIcon.methodForeground#00D4FF
- symbolIcon.moduleForeground#FF9500
- symbolIcon.namespaceForeground#FFD700
- symbolIcon.nullForeground#FF3366
- symbolIcon.numberForeground#00FFAA
- symbolIcon.objectForeground#FFD700
- symbolIcon.operatorForeground#00D4FF
- symbolIcon.packageForeground#FF9500
- symbolIcon.propertyForeground#00FFAA
- symbolIcon.referenceForeground#BD00FF
- symbolIcon.snippetForeground#FFD700
- symbolIcon.stringForeground#00FFAA
- symbolIcon.structForeground#FFD700
- symbolIcon.textForeground#E0F7FA
- symbolIcon.typeParameterForeground#00D4FF
- symbolIcon.unitForeground#00FFAA
- symbolIcon.variableForeground#00D4FF
- tab.activeBackground#00FFAA15
- tab.activeBorder#00FFAA
- tab.activeBorderTop#00000000
- tab.activeForeground#00FFAA
- tab.border#00FFAA10
- tab.hoverBackground#00FFAA20
- tab.hoverBorder#00FFAA55
- tab.inactiveBackground#000000
- tab.inactiveForeground#5D8A8F
- tab.unfocusedActiveBackground#00FFAA10
- tab.unfocusedActiveBorder#00FFAA66
- tab.unfocusedActiveForeground#00FFAA99
- terminal.ansiBlack#000000
- terminal.ansiBlue#00D4FF
- terminal.ansiBrightBlack#5D8A8F
- terminal.ansiBrightBlue#40E0FF
- terminal.ansiBrightCyan#70FFFF
- terminal.ansiBrightGreen#39FF9F
- terminal.ansiBrightMagenta#DA70FF
- terminal.ansiBrightRed#FF6B8A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFEB3B
- terminal.ansiCyan#00FFFF
- terminal.ansiGreen#00FFAA
- terminal.ansiMagenta#BD00FF
- terminal.ansiRed#FF3366
- terminal.ansiWhite#E0F7FA
- terminal.ansiYellow#FFD700
- terminal.background#000000
- terminal.border#00FFAA22
- terminal.foreground#E0F7FA
- terminal.selectionBackground#00D4FF40
- terminal.tab.activeBorder#00FFAA
- terminalCursor.background#000000
- terminalCursor.foreground#00FFAA
- testing.iconErrored#FF6B8A
- testing.iconFailed#FF3366
- testing.iconPassed#00FFAA
- testing.iconQueued#FFD700
- testing.iconSkipped#00D4FF
- testing.iconUnset#5D8A8F
- testing.peekBorder#00FFAA
- testing.peekHeaderBackground#00FFAA15
- testing.runAction#00FFAA
- titleBar.activeBackground#000000
- titleBar.activeForeground#00FFAA
- titleBar.border#00FFAA22
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#00FFAA66
- walkThrough.embeddedEditorBackground#050510
- welcomePage.background#000000
- welcomePage.progress.background#00FFAA30
- welcomePage.progress.foreground#00FFAA
- welcomePage.tileBackground#050510
- welcomePage.tileBorder#00FFAA30
- welcomePage.tileHoverBackground#00FFAA15
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A8A8F | italic |
| comment.block.documentation, comment.block.javadoc | #7ABAAA | italic |
| string, string.quoted, string.template | #7CFC00 | — |
| constant.character.escape | #FF6B9D | bold |
| punctuation.definition.template-expression | #FF00AA | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex | #FF9500 | — |
| constant.language.boolean | #FF6B9D | bold |
| constant, constant.language, support.constant | #E066FF | — |
| constant.language.null, constant.language.undefined, constant.language.nan | #FF4D6A | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow | #00BFFF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #DA70D6 | — |
| keyword.control.return, keyword.control.yield | #FF00AA | bold |
| keyword.operator.new, variable.language.this, variable.language.self, variable.language.super | #FF6B9D | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.ternary | #00CED1 | — |
| storage.type.function.arrow, keyword.operator.arrow | #FF00AA | bold |
| keyword.operator.spread, keyword.operator.rest | #E066FF | — |
| storage, storage.type, storage.modifier | #00BFFF | — |
| entity.name.type, support.type, support.type.primitive | #FFD700 | — |
| entity.name.type.parameter, meta.type.parameters | #00FF7F | italic |
| entity.name.type.interface, entity.name.type.alias | #40E0D0 | bold |
| entity.name.function, meta.function-call, support.function | #4DA6FF | — |
| entity.name.function.member, meta.method-call | #87CEEB | — |
| variable.parameter, meta.parameters | #FFA07A | italic |
| support.function.builtin | #00CED1 | bold |
| entity.name.class, entity.name.type.class, support.class | #FFD700 | bold |
| entity.other.inherited-class | #FFA500 | italic underline |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #E066FF | italic |
| meta.object-literal.key | #40E0D0 | — |
| variable, variable.other, variable.other.readwrite | #FFFFFF | — |
| variable.other.constant | #00FF7F | bold |
| variable.other.enummember | #00CED1 | — |
| variable.other.property, variable.other.object.property | #98D8C8 | — |
| variable.other.global | #FFA500 | bold italic |
| punctuation, punctuation.separator, punctuation.terminator | #8899AA | — |
| punctuation.definition.block, punctuation.definition.group, meta.brace | #FFFFFF | — |
| punctuation.definition.array, meta.brace.square | #FFFFFF | — |
| entity.name.tag, punctuation.definition.tag | #FF6B9D | — |
| entity.other.attribute-name | #FFD700 | italic |
| string.quoted.double.html, string.quoted.single.html | #7CFC00 | — |
| support.class.component | #40E0D0 | bold |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFD700 | — |
| entity.name.tag.css | #FF6B9D | — |
| support.type.property-name.css | #87CEEB | — |
| support.constant.property-value.css, meta.property-value.css | #00FF7F | — |
| keyword.other.unit.css | #FFA07A | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #E066FF | italic |
| variable.css, variable.argument.css | #40E0D0 | — |
| support.type.property-name.json | #87CEEB | — |
| string.quoted.double.json | #7CFC00 | — |
| heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, markup.heading | #00BFFF | bold |
| markup.bold | #FFD700 | bold |
| markup.italic | #E066FF | italic |
| markup.underline.link, string.other.link | #40E0D0 | underline |
| markup.inline.raw, markup.fenced_code | #7CFC00 | — |
| punctuation.definition.list.begin.markdown | #FF6B9D | — |
| markup.quote | #8899AA | italic |
| string.regexp | #FF6B9D | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #E066FF | — |
| keyword.operator.quantifier.regexp | #FFA07A | — |
| invalid, invalid.illegal | #FF4D6A | strikethrough |
| invalid.deprecated | #FFA500 | strikethrough |
| keyword.todo, keyword.fixme | #FFD700 | bold |
| entity.name.namespace, entity.name.module | #FFA500 | — |
| entity.name.type.enum | #40E0D0 | bold |
| variable.other.enummember | #00CED1 | — |