Codeastro 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.activeBackground#2D354633
• activityBar.activeBorder#C4CAD4
• activityBar.activeFocusBorder#06b6d4
• activityBar.background#1e293b
• activityBar.border#0F172A
• activityBar.dropBorder#a5f3fc
• activityBar.foreground#A6ACB7
• activityBar.inactiveForeground#888E9B
• activityBarBadge.background#06b6d4
• activityBarBadge.foreground#0F172A
• badge.background#06b6d4
• badge.foreground#0F172A
• breadcrumb.activeSelectionForeground#E2E8F0
• breadcrumb.background#0f172a
• breadcrumb.focusForeground#C4CAD4
• breadcrumb.foreground#A6ACB7
• breadcrumbPicker.background#0f172a
• button.background#a5f3fc
• button.foreground#0F172A
• button.hoverBackground#5eead4
• button.secondaryBackground#C4CAD4
• button.secondaryForeground#0F172A
• button.secondaryHoverBackground#A6ACB7
• charts.blue#a5f3fc
• charts.foreground#C4CAD4
• charts.green#34D399
• charts.lines#69717F
• charts.orange#CBD5E1
• charts.purple#06b6d4
• charts.red#F43F5E
• charts.yellow#FB923C
• checkbox.background#a5f3fc
• checkbox.border#2D3546
• checkbox.foreground#0F172A
• debugConsole.errorForeground#F43F5E
• debugConsole.infoForeground#a5f3fc
• debugConsole.sourceForeground#06b6d4
• debugConsole.warningForeground#CBD5E1
• debugConsoleInputIcon.foreground#888E9B
• debugExceptionWidget.background#2D3546
• debugExceptionWidget.border#2D3546
• debugIcon.breakpointCurrentStackframeForeground#34D399
• debugIcon.breakpointDisabledForeground#888E9B
• debugIcon.breakpointForeground#F43F5E
• debugIcon.breakpointStackframeForeground#FB923C
• debugIcon.breakpointUnverifiedForeground#A6ACB7
• debugIcon.continueForeground#34D399
• debugIcon.disconnectForeground#CBD5E1
• debugIcon.pauseForeground#a5f3fc
• debugIcon.restartForeground#5eead4
• debugIcon.startForeground#34D399
• debugIcon.stepBackForeground#E2E8F0
• debugIcon.stepIntoForeground#E2E8F0
• debugIcon.stepOutForeground#E2E8F0
• debugIcon.stepOverForeground#E2E8F0
• debugIcon.stopForeground#F43F5E
• debugTokenExpression.boolean#06b6d4
• debugTokenExpression.error#F43F5E
• debugTokenExpression.name#a5f3fc
• debugTokenExpression.number#5eead4
• debugTokenExpression.string#34D399
• debugTokenExpression.value#E2E8F0
• debugToolBar.background#2D3546
• debugToolBar.border#4B5363
• debugView.exceptionLabelBackground#2D3546
• debugView.exceptionLabelForeground#FB923C
• debugView.stateLabelBackground#2D3546
• debugView.stateLabelForeground#a5f3fc
• debugView.valueChangedHighlight#FB923C33
• descriptionForeground#C4CAD4
• diffEditor.border#2D3546
• diffEditor.diagonalFill#2D35467f
• diffEditor.insertedTextBackground#34D39920
• diffEditor.removedTextBackground#F43F5E20
• dropdown.background#2D3546
• dropdown.border#2D3546
• dropdown.foreground#C4CAD4
• dropdown.listBackground#2D3546
• editor.background#0F172A
• editor.findMatchBackground#FB923C3f
• editor.findMatchHighlightBackground#FB923C33
• editor.findRangeHighlightBackground#2D354633
• editor.focusedStackFrameHighlightBackground#34D3993f
• editor.foldBackground#2D354666
• editor.foreground#E2E8F0
• editor.hoverHighlightBackground#4B53637f
• editor.inactiveSelectionBackground#a5f3fc33
• editor.lineHighlightBackground#0F172A
• editor.lineHighlightBorder#2D3546
• editor.rangeHighlightBackground#FB923C33
• editor.selectionBackground#cbd5e122
• editor.selectionForeground#E2E8F0
• editor.selectionHighlightBackground#2D354633
• editor.snippetFinalTabstopHighlightBackground#4B53637f
• editor.snippetTabstopHighlightBackground#2D35467f
• editor.stackFrameHighlightBackground#22D3EE3f
• editor.symbolHighlightBackground#06b6d433
• editor.wordHighlightBackground#06b6d433
• editor.wordHighlightStrongBackground#5eead433
• editorBracketHighlight.foreground1#E2E8F0
• editorBracketHighlight.foreground2#FB923C
• editorBracketHighlight.foreground3#22D3EE
• editorBracketHighlight.foreground4#06b6d4
• editorBracketHighlight.foreground5#34D399
• editorBracketHighlight.foreground6#a5f3fc
• editorBracketHighlight.unexpectedBracket.foreground#F43F5E
• editorBracketMatch.background#2D3546
• editorBracketMatch.border#4B5363
• editorCodeLens.foreground#A6ACB7
• editorCursor.background#0F172A
• editorCursor.foreground#06b6d4
• editorError.border#0F172A
• editorError.foreground#F43F5E
• editorGroup.border#2D3546
• editorGroup.dropBackground#4B53637f
• editorGroup.emptyBackground#0F172A
• editorGroup.focusedEmptyBorder#2D3546
• editorGroupHeader.border#0F172A
• editorGroupHeader.noTabsBackground#0F172A
• editorGroupHeader.tabsBackground#1e293b
• editorGroupHeader.tabsBorder#0F172A
• editorGutter.addedBackground#34D399
• editorGutter.background#0F172A
• editorGutter.commentRangeForeground#69717F
• editorGutter.deletedBackground#F43F5E
• editorGutter.foldingControlForeground#A6ACB7
• editorGutter.modifiedBackground#fb923c
• editorHint.border#0F172A
• editorHint.foreground#5eead4
• editorHoverWidget.background#2D3546
• editorHoverWidget.border#2D3546
• editorHoverWidget.foreground#C4CAD4
• editorHoverWidget.statusBarBackground#a5f3fc33
• editorIndentGuide.activeBackground1#4B5363
• editorIndentGuide.background1#2D3546
• editorInfo.border#0F172A
• editorInfo.foreground#a5f3fc
• editorLightBulb.foreground#FB923C
• editorLightBulbAutoFix.foreground#a5f3fc
• editorLineNumber.activeForeground#888E9B
• editorLineNumber.foreground#4B5363
• editorLink.activeForeground#22D3EE
• editorMarkerNavigation.background#2D3546
• editorMarkerNavigationError.background#F43F5E
• editorMarkerNavigationInfo.background#a5f3fc
• editorMarkerNavigationWarning.background#CBD5E1
• editorOverviewRuler.addedForeground#34D3997f
• editorOverviewRuler.border#2D3546
• editorOverviewRuler.bracketMatchForeground#69717F
• editorOverviewRuler.commonContentForeground#06b6d4
• editorOverviewRuler.currentContentForeground#22D3EE
• editorOverviewRuler.deletedForeground#F43F5E7f
• editorOverviewRuler.errorForeground#F43F5E7f
• editorOverviewRuler.findMatchForeground#a5f3fcbf
• editorOverviewRuler.incomingContentForeground#a5f3fc
• editorOverviewRuler.infoForeground#a5f3fc7f
• editorOverviewRuler.modifiedForeground#fb923c7f
• editorOverviewRuler.rangeHighlightForeground#4B5363bf
• editorOverviewRuler.selectionHighlightForeground#2D3546bf
• editorOverviewRuler.warningForeground#CBD5E17f
• editorOverviewRuler.wordHighlightForeground#4B5363bf
• editorOverviewRuler.wordHighlightStrongForeground#69717Fbf
• editorPane.background#0F172A
• editorRuler.foreground#2D3546
• editorSuggestWidget.background#2D3546
• editorSuggestWidget.border#2D3546
• editorSuggestWidget.foreground#C4CAD4
• editorSuggestWidget.highlightForeground#5eead4
• editorSuggestWidget.selectedBackground#4B5363
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#0F172A
• editorWarning.foreground#5eead4
• editorWhitespace.foreground#2D3546
• editorWidget.background#2D3546
• editorWidget.border#2D3546
• editorWidget.foreground#C4CAD4
• editorWidget.resizeBorder#a5f3fc
• errorForeground#F43F5E
• extensionBadge.remoteBackground#5eead4
• extensionBadge.remoteForeground#0F172A
• extensionButton.prominentBackground#a5f3fc
• extensionButton.prominentForeground#0F172A
• extensionButton.prominentHoverBackground#22D3EE
• focusBorder#06b6d4
• foreground#E2E8F0
• gitDecoration.addedResourceForeground#34D399
• gitDecoration.conflictingResourceForeground#facc15
• gitDecoration.deletedResourceForeground#F43F5E
• gitDecoration.ignoredResourceForeground#69717F
• gitDecoration.modifiedResourceForeground#fb923c
• gitDecoration.stageDeletedResourceForeground#F43F5E
• gitDecoration.stageModifiedResourceForeground#22d3ee
• gitDecoration.submoduleResourceForeground#5eead4
• gitDecoration.untrackedResourceForeground#a5f3fc
• icon.foreground#C4CAD4
• input.background#2D3546
• input.border#2D3546
• input.foreground#C4CAD4
• input.placeholderForeground#4B5363
• inputOption.activeBackground#4B5363
• inputOption.activeBorder#22D3EE
• inputOption.activeForeground#E2E8F0
• inputValidation.errorBackground#2D3546
• inputValidation.errorBorder#F43F5E
• inputValidation.errorForeground#F43F5E
• inputValidation.infoBackground#2D3546
• inputValidation.infoBorder#a5f3fc
• inputValidation.infoForeground#a5f3fc
• inputValidation.warningBackground#2D3546
• inputValidation.warningBorder#CBD5E1
• inputValidation.warningForeground#CBD5E1
• list.activeSelectionBackground#06b6d433
• list.activeSelectionForeground#E2E8F0
• list.deemphasizedForeground#888E9B
• list.dropBackground#2D3546
• list.errorForeground#F43F5E
• list.filterMatchBackground#FB923C33
• list.filterMatchBorder#FB923C33
• list.focusBackground#69717F3f
• list.focusForeground#E2E8F0
• list.highlightForeground#5eead4
• list.hoverBackground#2D354633
• list.hoverForeground#E2E8F0
• list.inactiveFocusBackground#2D35463f
• list.inactiveSelectionBackground#4B53633f
• list.inactiveSelectionForeground#C4CAD4
• list.invalidItemForeground#F43F5E
• list.warningForeground#fb923c
• listFilterWidget.background#2D3546
• listFilterWidget.noMatchesOutline#F43F5E
• listFilterWidget.outline#a5f3fc
• menu.background#0F172A
• menu.foreground#C4CAD4
• menu.selectionBackground#2D3546
• menu.selectionForeground#E2E8F0
• menu.separatorBackground#4B5363
• menubar.selectionBackground#2D3546
• menubar.selectionForeground#E2E8F0
• merge.border#888E9B
• merge.commonContentBackground#06b6d44c
• merge.commonHeaderBackground#06b6d44c
• merge.currentContentBackground#22D3EE4c
• merge.currentHeaderBackground#22D3EE4c
• merge.incomingContentBackground#a5f3fc4c
• merge.incomingHeaderBackground#a5f3fc4c
• minimap.background#0F172A
• minimap.errorHighlight#F43F5E80
• minimap.findMatchHighlight#5eead480
• minimap.selectionHighlight#a5f3fc80
• minimap.warningHighlight#CBD5E180
• minimapGutter.addedBackground#34D39980
• minimapGutter.deletedBackground#F43F5E80
• minimapGutter.modifiedBackground#fb923c80
• minimapSlider.activeBackground#69717F33
• minimapSlider.background#2D354633
• minimapSlider.hoverBackground#4B536333
• notebook.cellBorderColor#2D35463f
• notebook.cellHoverBackground#2D35463f
• notebook.cellInsertionIndicator#34D399
• notebook.cellStatusBarItemHoverBackground#2D35463f
• notebook.cellToolbarSeparator#2D35463f
• notebook.focusedCellBackground#2D35467f
• notebook.focusedCellBorder#06b6d4
• notebook.focusedEditorBorder#2D3546
• notebook.inactiveFocusedCellBorder#A6ACB7
• notebook.outputContainerBackgroundColor#0F172A
• notebook.selectedCellBorder#888E9B
• notebook.symbolHighlightBackground#06b6d43f
• notebookScrollbarSlider.activeBackground#A6ACB77f
• notebookScrollbarSlider.background#69717F7f
• notebookScrollbarSlider.hoverBackground#888E9B7f
• notebookStatusErrorIcon.foreground#F43F5E
• notebookStatusRunningIcon.foreground#a5f3fc
• notebookStatusSuccessIcon.foreground#34D399
• notificationCenterHeader.background#4B5363
• notificationCenterHeader.foreground#C4CAD4
• notificationLink.foreground#a5f3fc
• notifications.background#2D3546
• notifications.border#69717F
• notifications.foreground#E2E8F0
• notificationsErrorIcon.foreground#F43F5E
• notificationsInfoIcon.foreground#a5f3fc
• notificationsWarningIcon.foreground#CBD5E1
• notificationToast.border#69717F
• panel.background#0F172A
• panel.border#2D3546
• panel.dropBorder#a5f3fc
• panelSection.border#2D3546
• panelSection.dropBackground#2D35463f
• panelSectionHeader.background#4B5363
• panelSectionHeader.border#0F172A
• panelSectionHeader.foreground#C4CAD4
• panelTitle.activeBorder#69717F
• panelTitle.activeForeground#C4CAD4
• panelTitle.inactiveForeground#888E9B
• peekView.border#5eead4
• peekViewEditor.background#2D35467f
• peekViewEditor.matchHighlightBackground#a5f3fcbf
• peekViewEditorGutter.background#2D35467f
• peekViewResult.background#2D3546
• peekViewResult.fileForeground#C4CAD4
• peekViewResult.lineForeground#4B5363
• peekViewResult.matchHighlightBackground#a5f3fc
• peekViewResult.selectionBackground#69717F
• peekViewResult.selectionForeground#E2E8F0
• peekViewTitle.background#2D3546
• peekViewTitleDescription.foreground#A6ACB7
• peekViewTitleLabel.foreground#E2E8F0
• pickerGroup.border#4B5363
• pickerGroup.foreground#888E9B
• problemsErrorIcon.foreground#F43F5E
• problemsInfoIcon.foreground#a5f3fc
• problemsWarningIcon.foreground#CBD5E1
• progressBar.background#34D399
• quickInput.background#2D3546
• quickInput.foreground#E2E8F0
• quickInputTitle.background#4B5363
• sash.hoverBorder#a5f3fc
• scrollbar.shadow#0F172A
• scrollbarSlider.activeBackground#A6ACB77f
• scrollbarSlider.background#69717F7f
• scrollbarSlider.hoverBackground#888E9B7f
• selection.background#4B5363
• settings.checkboxBackground#a5f3fc
• settings.checkboxBorder#a5f3fc
• settings.checkboxForeground#0F172A
• settings.dropdownBackground#2D3546
• settings.dropdownForeground#C4CAD4
• settings.dropdownListBorder#4B5363
• settings.focusedRowBackground#0F172A
• settings.headerForeground#E2E8F0
• settings.modifiedItemIndicator#fb923c
• settings.numberInputBackground#2D3546
• settings.numberInputForeground#C4CAD4
• settings.textInputBackground#2D3546
• settings.textInputForeground#C4CAD4
• sideBar.background#0F172A
• sideBar.border#2D3546
• sideBar.dropBackground#2D35463f
• sideBar.foreground#C4CAD4
• sideBarSectionHeader.background#4B5363
• sideBarSectionHeader.border#0F172A
• sideBarSectionHeader.foreground#C4CAD4
• sideBarTitle.foreground#A6ACB7
• statusBar.background#a5f3fc
• statusBar.border#0F172A
• statusBar.debuggingBackground#CBD5E1
• statusBar.debuggingBorder#0F172A
• statusBar.debuggingForeground#0F172A
• statusBar.foreground#0F172A
• statusBar.noFolderBackground#06b6d4
• statusBar.noFolderBorder#0F172A
• statusBar.noFolderForeground#0F172A
• statusBarItem.activeBackground#06b6d4
• statusBarItem.errorBackground#F43F5E
• statusBarItem.errorForeground#0F172A
• statusBarItem.hoverBackground#5eead4
• statusBarItem.prominentBackground#5eead4
• statusBarItem.prominentHoverBackground#06b6d4
• statusBarItem.remoteBackground#06b6d4
• statusBarItem.remoteForeground#0F172A
• symbolIcon.arrayForeground#5eead4
• symbolIcon.booleanForeground#06b6d4
• symbolIcon.classForeground#a5f3fc
• symbolIcon.colorForeground#22D3EE
• symbolIcon.constantForeground#34D399
• symbolIcon.constructorForeground#06b6d4
• symbolIcon.enumeratorForeground#22D3EE
• symbolIcon.enumeratorMemberForeground#a5f3fc
• symbolIcon.eventForeground#CBD5E1
• symbolIcon.fieldForeground#F43F5E
• symbolIcon.fileForeground#C4CAD4
• symbolIcon.folderForeground#A6ACB7
• symbolIcon.functionForeground#06b6d4
• symbolIcon.interfaceForeground#F43F5E
• symbolIcon.keyForeground#FB923C
• symbolIcon.keywordForeground#a5f3fc
• symbolIcon.methodForeground#22D3EE
• symbolIcon.moduleForeground#22D3EE
• symbolIcon.namespaceForeground#a5f3fc
• symbolIcon.nullForeground#F43F5E
• symbolIcon.numberForeground#CBD5E1
• symbolIcon.objectForeground#E2E8F0
• symbolIcon.operatorForeground#F43F5E
• symbolIcon.packageForeground#CBD5E1
• symbolIcon.propertyForeground#22D3EE
• symbolIcon.referenceForeground#CBD5E1
• symbolIcon.snippetForeground#A6ACB7
• symbolIcon.stringForeground#34D399
• symbolIcon.structForeground#a5f3fc
• symbolIcon.textForeground#E2E8F0
• symbolIcon.typeParameterForeground#a5f3fc
• symbolIcon.unitForeground#FB923C
• symbolIcon.variableForeground#CBD5E1
• tab.activeBackground#0f172a
• tab.activeBorder#a5f3fc
• tab.activeForeground#C4CAD4
• tab.activeModifiedBorder#fb923c
• tab.border#0F172A
• tab.hoverBackground#2D354680
• tab.hoverForeground#A6ACB7
• tab.inactiveBackground#1e293b
• tab.inactiveForeground#69717F
• tab.inactiveModifiedBorder#5eead4
• tab.lastPinnedBorder#5eead4
• tab.unfocusedActiveBackground#0F172A
• tab.unfocusedActiveForeground#69717F
• tab.unfocusedActiveModifiedBorder#fb923c
• tab.unfocusedHoverBackground#2D354680
• tab.unfocusedHoverForeground#888E9B
• tab.unfocusedInactiveBackground#2D3546
• tab.unfocusedInactiveForeground#4B5363
• tab.unfocusedInactiveModifiedBorder#fb923c
• terminal.ansiBlack#0F172A
• terminal.ansiBlue#a5f3fc
• terminal.ansiBrightBlack#2D3546
• terminal.ansiBrightBlue#a5f3fc
• terminal.ansiBrightCyan#22D3EE
• terminal.ansiBrightGreen#22D3EE
• terminal.ansiBrightMagenta#5eead4
• terminal.ansiBrightRed#CBD5E1
• terminal.ansiBrightWhite#E2E8F0
• terminal.ansiBrightYellow#FB923C
• terminal.ansiCyan#22D3EE
• terminal.ansiGreen#34D399
• terminal.ansiMagenta#5eead4
• terminal.ansiRed#F43F5E
• terminal.ansiWhite#C4CAD4
• terminal.ansiYellow#FB923C
• terminal.background#0F172A
• terminal.foreground#C4CAD4
• terminal.selectionBackground#a5f3fc7f
• terminalCursor.background#2D3546
• terminalCursor.foreground#A6ACB7
• testing.iconErrored#F43F5E
• testing.iconFailed#CBD5E1
• testing.iconPassed#34D399
• testing.iconQueued#22D3EE
• testing.iconSkipped#888E9B
• testing.iconUnset#A6ACB7
• testing.message.error.decorationForeground#F43F5E
• testing.message.error.lineBackground#F43F5E3f
• testing.message.info.decorationForeground#a5f3fc
• testing.message.info.lineBackground#a5f3fc3f
• testing.peekBorder#69717F
• testing.runAction#a5f3fc
• textBlockQuote.background#2D3546
• textBlockQuote.border#2D3546
• textCodeBlock.background#0F172A
• textLink.activeForeground#22D3EE
• textLink.foreground#a5f3fc
• textPreformat.foreground#CBD5E1
• textSeparator.foreground#888E9B
• titleBar.activeBackground#1e293b
• titleBar.activeForeground#A6ACB7
• titleBar.inactiveBackground#1e293b
• titleBar.inactiveForeground#69717F
• tree.indentGuidesStroke#2D3546
• walkThrough.embeddedEditorBackground#0F172A
• welcomePage.background#0F172A
• welcomePage.progress.background#a5f3fc
• welcomePage.progress.foreground#0F172A
• widget.shadow#0F172A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).