micro:bit Inspired Themes
Publisher: carlosperateThemes in package: 6
Six VS Code colour themes, Pixel, Spark, Halo (light and dark) inspired by micro:bit.
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.activeBackground#00000000
- activityBar.activeBorder#f08aa8
- activityBar.background#3a0a1c
- activityBar.border#3a0a1c
- activityBar.foreground#f08aa8
- activityBar.inactiveForeground#f08aa880
- activityBarBadge.background#6ab7e8
- activityBarBadge.foreground#ffffff
- badge.background#f08aa8
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#f08aa8
- breadcrumb.background#1c0e0b
- breadcrumb.focusForeground#e6d8cc
- breadcrumb.foreground#8a6e64
- button.background#f08aa8
- button.foreground#ffffff
- button.hoverBackground#f08aa8cc
- contrastBorder#00000000
- debugConsole.errorForeground#cd0365
- debugConsole.infoForeground#f08aa8
- debugConsole.warningForeground#b85a00
- debugIcon.breakpointForeground#cd0365
- debugIcon.continueForeground#4cd07a
- debugIcon.disconnectForeground#c7b4f0
- debugIcon.pauseForeground#f08aa8
- debugIcon.restartForeground#4cd07a
- debugIcon.startForeground#4cd07a
- debugIcon.stepIntoForeground#f08aa8
- debugIcon.stepOutForeground#f08aa8
- debugIcon.stepOverForeground#f08aa8
- debugIcon.stopForeground#c7b4f0
- debugToolBar.background#1c0e0b
- debugToolBar.border#2a1d1a
- diffEditor.insertedLineBackground#4cd07a1a
- diffEditor.insertedTextBackground#4cd07a2e
- diffEditor.removedLineBackground#c7b4f01a
- diffEditor.removedTextBackground#c7b4f02e
- dropdown.background#1c0e0b
- dropdown.border#2a1d1a
- dropdown.foreground#e6d8cc
- editor.background#1c0e0b
- editor.findMatchBackground#e7645c29
- editor.findMatchHighlightBackground#e7645c29
- editor.foreground#e6d8cc
- editor.inactiveSelectionBackground#e7645c42
- editor.lineHighlightBackground#e7645c0d
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#e7645c42
- editor.wordHighlightBackground#e7645c29
- editorBracketHighlight.foreground1#f08aa8
- editorBracketHighlight.foreground2#f5a070
- editorBracketHighlight.foreground3#c7b4f0
- editorBracketHighlight.foreground4#f08aa8
- editorBracketHighlight.foreground5#f5a070
- editorBracketHighlight.foreground6#c7b4f0
- editorBracketHighlight.unexpectedBracket.foreground#cd0365
- editorBracketMatch.background#e7645c29
- editorBracketMatch.border#f08aa8
- editorCursor.foreground#f08aa8
- editorGroup.border#2a1d1a
- editorGroupHeader.border#2a1d1a
- editorGroupHeader.tabsBackground#150a0a
- editorGroupHeader.tabsBorder#2a1d1a
- editorGutter.addedBackground#4cd07a
- editorGutter.background#1c0e0b
- editorGutter.deletedBackground#c7b4f0
- editorGutter.modifiedBackground#f08aa8
- editorHoverWidget.background#1c0e0b
- editorHoverWidget.border#2a1d1a
- editorHoverWidget.foreground#e6d8cc
- editorIndentGuide.activeBackground#574238
- editorIndentGuide.background#23170f
- editorLineNumber.activeForeground#e6d8cc
- editorLineNumber.foreground#574238
- editorLink.activeForeground#f08aa8
- editorRuler.foreground#23170f
- editorSuggestWidget.background#1c0e0b
- editorSuggestWidget.border#2a1d1a
- editorSuggestWidget.foreground#e6d8cc
- editorSuggestWidget.highlightForeground#f08aa8
- editorSuggestWidget.selectedBackground#33181a
- editorSuggestWidget.selectedForeground#dbc6ba
- editorWhitespace.foreground#57423855
- editorWidget.background#1c0e0b
- editorWidget.border#2a1d1a
- editorWidget.foreground#e6d8cc
- focusBorder#f08aa8
- gitDecoration.addedResourceForeground#4cd07a
- gitDecoration.conflictingResourceForeground#b85a00
- gitDecoration.deletedResourceForeground#c7b4f0
- gitDecoration.ignoredResourceForeground#574238
- gitDecoration.modifiedResourceForeground#f08aa8
- gitDecoration.stageDeletedResourceForeground#c7b4f0
- gitDecoration.stageModifiedResourceForeground#f08aa8
- gitDecoration.untrackedResourceForeground#4cd07a
- input.background#1c0e0b
- input.border#2a1d1a
- input.foreground#e6d8cc
- input.placeholderForeground#8a6e64
- inputOption.activeBorder#f08aa8
- list.activeSelectionBackground#33181a
- list.activeSelectionForeground#dbc6ba
- list.focusBackground#33181a
- list.focusForeground#dbc6ba
- list.focusOutline#f08aa8
- list.highlightForeground#f08aa8
- list.hoverBackground#241413
- list.hoverForeground#dbc6ba
- list.inactiveSelectionBackground#33181a
- list.inactiveSelectionForeground#dbc6ba
- merge.currentContentBackground#f08aa81f
- merge.currentHeaderBackground#f08aa84d
- merge.incomingContentBackground#4cd07a1f
- merge.incomingHeaderBackground#4cd07a4d
- minimap.background#1a0e0c
- minimap.selectionHighlight#f08aa8
- minimapGutter.addedBackground#4cd07a
- minimapGutter.deletedBackground#c7b4f0
- minimapGutter.modifiedBackground#f08aa8
- minimapSlider.activeBackground#e7645c29
- minimapSlider.background#e7645c29
- minimapSlider.hoverBackground#e7645c29
- notebook.cellBorderColor#2a1d1a
- notebook.cellEditorBackground#1c0e0b
- notebook.editorBackground#1c0e0b
- notebook.focusedCellBackground#f08aa80a
- notebook.focusedCellBorder#f08aa8
- notebook.focusedEditorBorder#f08aa8
- notebook.selectedCellBackground#33181a
- notificationCenter.border#2a1d1a
- notifications.background#1a0e0c
- notifications.border#2a1d1a
- notifications.foreground#dbc6ba
- panel.background#1c0e0b
- panel.border#2a1d1a
- panelTitle.activeBorder#f08aa8
- panelTitle.activeForeground#e6d8cc
- panelTitle.inactiveForeground#8a6e64
- peekView.border#f08aa8
- peekViewEditor.background#1c0e0b
- peekViewEditor.matchHighlightBackground#f08aa833
- peekViewResult.background#1a0e0c
- peekViewResult.fileForeground#dbc6ba
- peekViewResult.lineForeground#574238
- peekViewResult.matchHighlightBackground#f08aa840
- peekViewResult.selectionBackground#33181a
- peekViewResult.selectionForeground#dbc6ba
- peekViewTitle.background#150a0a
- peekViewTitleDescription.foreground#574238
- peekViewTitleLabel.foreground#e6d8cc
- problemsErrorIcon.foreground#cd0365
- problemsInfoIcon.foreground#f08aa8
- problemsWarningIcon.foreground#b85a00
- quickInput.background#1c0e0b
- quickInput.foreground#e6d8cc
- quickInputList.focusBackground#33181a
- quickInputList.focusForeground#dbc6ba
- quickInputTitle.background#150a0a
- scm.providerBorder#2a1d1a
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#57423887
- scrollbarSlider.background#57423845
- scrollbarSlider.hoverBackground#57423866
- sideBar.background#1a0e0c
- sideBar.border#2a1d1a
- sideBar.foreground#dbc6ba
- sideBarSectionHeader.background#1a0e0c
- sideBarSectionHeader.border#23170f
- sideBarSectionHeader.foreground#8a6e64
- sideBarTitle.foreground#8a6e64
- statusBar.background#a83a3a
- statusBar.border#a83a3a
- statusBar.debuggingBackground#f08aa8
- statusBar.foreground#fbeae6
- statusBar.noFolderBackground#a83a3a
- statusBarItem.errorBackground#cd0365
- statusBarItem.hoverBackground#ffffff21
- statusBarItem.prominentBackground#00000022
- statusBarItem.remoteBackground#00000022
- statusBarItem.remoteForeground#fbeae6
- statusBarItem.warningBackground#b85a00
- tab.activeBackground#1c0e0b
- tab.activeBorder#1c0e0b
- tab.activeBorderTop#f08aa8
- tab.activeForeground#f5e8db
- tab.border#2a1d1a
- tab.hoverBackground#241413
- tab.inactiveBackground#150a0a
- tab.inactiveForeground#7a5e54
- tab.unfocusedActiveBorderTop#23170f
- terminal.ansiBlack#0a120e
- terminal.ansiBlue#2a94d6
- terminal.ansiBrightBlack#3e4d44
- terminal.ansiBrightBlue#6ab7e8
- terminal.ansiBrightCyan#9ee0d6
- terminal.ansiBrightGreen#4cd07a
- terminal.ansiBrightMagenta#b4a3e8
- terminal.ansiBrightRed#e7645c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f5a070
- terminal.ansiCyan#7bcdc2
- terminal.ansiGreen#00a000
- terminal.ansiMagenta#6c4bc1
- terminal.ansiRed#cd0365
- terminal.ansiWhite#d6e0d8
- terminal.ansiYellow#e7645c
- terminal.background#1c0e0b
- terminal.foreground#e6d8cc
- textLink.activeForeground#f08aa8
- textLink.foreground#f08aa8
- titleBar.activeBackground#150a0a
- titleBar.activeForeground#c2a39a
- titleBar.border#2a1d1a
- titleBar.inactiveBackground#150a0a
- titleBar.inactiveForeground#8a6e64
- tree.indentGuidesStroke#23170f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7a5e54 | italic |
| comment.block.documentation, comment.line.documentation | #7a5e54 | italic |
| string, string.quoted, string.template | #c7b4f0 | — |
| constant.character.escape | #4cd07a | — |
| meta.template.expression, punctuation.definition.template-expression | #8a6e64 | — |
| constant.numeric | #6ab7e8 | — |
| constant.language, constant.other | #c7b4f0 | — |
| variable, variable.other | #e6d8cc | — |
| variable.parameter | #c7b4f0 | — |
| variable.other.property, meta.property.object, support.variable.property | #f5b48c | — |
| keyword, keyword.control, keyword.operator.expression | #f08aa8 | |
| storage.type, storage.modifier | #f08aa8 | — |
| entity.name.type, entity.name.class, support.class, support.type | #5cd9d6 | — |
| support.type.primitive, support.type.builtin | #5cd9d6 | — |
| entity.name.function, support.function, meta.function-call.generic | #f5a070 | — |
| meta.function-call entity.name.function, variable.function | #f5a070 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #f08aa8 | — |
| keyword.operator, punctuation.separator | #a08577 | — |
| punctuation | #8a6e64 | — |
| string.regexp | #4cd07a | — |
| entity.name.tag | #f08aa8 | — |
| entity.other.attribute-name | #c7b4f0 | — |
| markup.heading, entity.name.section | #5cd9d6 | bold |
| markup.underline.link | #f5a070 | — |
| markup.bold | #f08aa8 | bold |
| markup.italic | #c7b4f0 | italic |
| markup.inline.raw, markup.fenced_code | #f5a070 | — |
| support.type.property-name.json | #f5b48c | — |
| invalid | #ffffff | — |