Pink Pixel Enchanted Themes
Publisher: Pink PixelThemes in package: 12
Dark colorful themes and contrast-heavy editor looks for Visual Studio Code by Pink Pixel.
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#f582b8
- activityBar.activeFocusBorder#ffa8d0
- activityBar.background#262c3a
- activityBar.border#3d4759
- activityBar.foreground#eef1f8
- activityBar.inactiveForeground#8794ad
- activityBarBadge.background#f582b8
- activityBarBadge.foreground#2a1d26
- activityBarTop.activeBorder#f582b8
- activityBarTop.foreground#eef1f8
- badge.background#8fe3a5
- badge.foreground#1e2b22
- breadcrumb.activeSelectionForeground#f582b8
- breadcrumb.foreground#a3b0c6
- button.background#f582b8
- button.foreground#2a1d26
- button.hoverBackground#ffa8d0
- button.secondaryBackground#3d4759
- button.secondaryForeground#eef1f8
- button.secondaryHoverBackground#4a5568
- checkbox.background#262c3a
- checkbox.border#4a5568
- checkbox.foreground#eef1f8
- commandCenter.activeBackground#3b4557
- commandCenter.activeBorder#f582b8
- commandCenter.activeForeground#eef1f8
- commandCenter.background#242a37
- commandCenter.border#3d4759
- commandCenter.foreground#d8dfee
- contrastActiveBorder#f582b8
- contrastBorder#3d4759
- debugToolBar.border#4a5568
- descriptionForeground#a3b0c6
- diffEditor.diagonalFill#454f63
- diffEditor.insertedLineBackground#4caf7f26
- diffEditor.insertedTextBackground#4caf7f3D
- diffEditor.removedLineBackground#e0607026
- diffEditor.removedTextBackground#e060703D
- disabledForeground#6e7b93
- dropdown.background#262c3a
- dropdown.border#4a5568
- dropdown.foreground#eef1f8
- editor.background#2f3646
- editor.findMatchBackground#f5d68a66
- editor.findMatchBorder#f5d68a
- editor.findMatchHighlightBackground#f5d68a3D
- editor.foreground#eef1f8
- editor.inactiveSelectionBackground#f582b820
- editor.lineHighlightBackground#363e50
- editor.lineHighlightBorder#3d4759
- editor.rangeHighlightBackground#f582b81f
- editor.selectionBackground#f582b833
- editor.selectionHighlightBackground#f582b81f
- editor.wordHighlightBackground#8fc9f026
- editor.wordHighlightStrongBackground#8fe3a52B
- editorBracketHighlight.foreground1#f582b8
- editorBracketHighlight.foreground2#8fe3a5
- editorBracketHighlight.foreground3#c9a6f5
- editorBracketHighlight.foreground4#8fc9f0
- editorBracketHighlight.foreground5#f5d68a
- editorBracketHighlight.foreground6#ffa8d0
- editorBracketHighlight.unexpectedBracket.foreground#ff9a9a
- editorBracketMatch.background#f582b826
- editorBracketMatch.border#f582b8
- editorCodeLens.foreground#8794ad
- editorCursor.foreground#f582b8
- editorError.foreground#ff9a9a
- editorGroup.border#3d4759
- editorGroupHeader.tabsBackground#262c3a
- editorGroupHeader.tabsBorder#3d4759
- editorGutter.addedBackground#8fe3a5
- editorGutter.deletedBackground#ff9a9a
- editorGutter.modifiedBackground#8fc9f0
- editorHint.foreground#8fe3a5
- editorHoverWidget.border#4a5568
- editorIndentGuide.activeBackground1#5d6a85
- editorIndentGuide.background1#3a4356
- editorInfo.foreground#8fc9f0
- editorInlayHint.background#383f52
- editorInlayHint.foreground#b0bcd2
- editorLineNumber.activeForeground#f582b8
- editorLineNumber.foreground#95a2ba
- editorLink.activeForeground#ffa8d0
- editorRuler.foreground#3a4356
- editorSuggestWidget.background#2a3140
- editorSuggestWidget.border#4a5568
- editorSuggestWidget.foreground#d8dfee
- editorSuggestWidget.highlightForeground#f582b8
- editorSuggestWidget.selectedBackground#3b4557
- editorWarning.foreground#f5d68a
- editorWhitespace.foreground#454f63
- editorWidget.background#2a3140
- editorWidget.border#4a5568
- editorWidget.foreground#eef1f8
- errorForeground#ff9a9a
- focusBorder#f582b8
- foreground#eef1f8
- gitDecoration.addedResourceForeground#8fe3a5
- gitDecoration.conflictingResourceForeground#f5d68a
- gitDecoration.deletedResourceForeground#ff9a9a
- gitDecoration.ignoredResourceForeground#6e7b93
- gitDecoration.modifiedResourceForeground#8fc9f0
- gitDecoration.renamedResourceForeground#c9a6f5
- gitDecoration.untrackedResourceForeground#b3f0c2
- icon.foreground#b0bcd2
- input.background#262c3a
- input.border#4a5568
- input.foreground#eef1f8
- input.placeholderForeground#99a6bd
- inputOption.activeBackground#46506a
- inputOption.activeBorder#f582b8
- inputValidation.errorBackground#4a2b33
- inputValidation.errorBorder#ff9a9a
- inputValidation.infoBackground#2b3a4a
- inputValidation.infoBorder#8fc9f0
- inputValidation.warningBackground#453c2a
- inputValidation.warningBorder#f5d68a
- list.activeSelectionBackground#3b4557
- list.activeSelectionForeground#eef1f8
- list.focusBackground#414c60
- list.focusForeground#eef1f8
- list.focusOutline#f582b8
- list.highlightForeground#f582b8
- list.hoverBackground#353d4e
- list.hoverForeground#eef1f8
- list.inactiveSelectionBackground#363e4f
- list.inactiveSelectionForeground#eef1f8
- list.invalidItemForeground#ff9a9a
- menu.background#2a3140
- menu.border#4a5568
- menu.foreground#eef1f8
- menu.selectionBackground#3b4557
- menu.selectionForeground#eef1f8
- menu.separatorBackground#454f63
- minimap.background#2a3140
- minimap.errorHighlight#ff9a9aCC
- minimap.findMatchHighlight#f5d68aAA
- minimap.selectionHighlight#f582b888
- minimap.warningHighlight#f5d68aCC
- minimapGutter.addedBackground#8fe3a5
- minimapGutter.deletedBackground#ff9a9a
- minimapGutter.modifiedBackground#8fc9f0
- notificationCenterHeader.background#2a3140
- notificationLink.foreground#8fc9f0
- notifications.background#2a3140
- notifications.border#4a5568
- notifications.foreground#eef1f8
- notificationToast.border#4a5568
- panel.background#282e3c
- panel.border#3d4759
- panelInput.border#4a5568
- panelTitle.activeBorder#8fe3a5
- panelTitle.activeForeground#eef1f8
- panelTitle.inactiveForeground#99a6bd
- peekView.border#4a5568
- peekViewEditor.background#242a37
- peekViewEditor.matchHighlightBackground#f5d68a55
- peekViewResult.background#262c3a
- peekViewResult.selectionBackground#3b4557
- peekViewTitle.background#2a3140
- pickerGroup.border#4a5568
- pickerGroup.foreground#f582b8
- progressBar.background#f582b8
- quickInput.background#2a3140
- quickInput.foreground#eef1f8
- quickInputList.focusBackground#3b4557
- quickInputList.focusForeground#eef1f8
- scrollbar.shadow#1a1e29
- scrollbarSlider.activeBackground#8fa0c899
- scrollbarSlider.background#8fa0c840
- scrollbarSlider.hoverBackground#8fa0c866
- selection.background#f582b840
- settings.checkboxBorder#4a5568
- settings.dropdownBorder#4a5568
- settings.headerForeground#eef1f8
- settings.modifiedItemIndicator#8fe3a5
- settings.textInputBorder#4a5568
- sideBar.background#2a3140
- sideBar.border#3d4759
- sideBar.foreground#d8dfee
- sideBarActivityBarTop.border#3d4759
- sideBarSectionHeader.background#242a37
- sideBarSectionHeader.border#3d4759
- sideBarSectionHeader.foreground#d8dfee
- sideBarTitle.border#3d4759
- sideBarTitle.foreground#eef1f8
- statusBar.background#222735
- statusBar.border#363f4f
- statusBar.debuggingBackground#a04a7a
- statusBar.debuggingForeground#ffeaf5
- statusBar.foreground#d8dfee
- statusBar.noFolderBackground#262c3a
- statusBarItem.hoverBackground#333b4c
- statusBarItem.remoteBackground#8fe3a5
- statusBarItem.remoteForeground#1e2b22
- tab.activeBackground#2f3646
- tab.activeBorder#f582b8
- tab.activeBorderTop#f582b8
- tab.activeForeground#eef1f8
- tab.activeModifiedBorder#f5d68a
- tab.border#3d4759
- tab.hoverBackground#353d4e
- tab.hoverForeground#eef1f8
- tab.inactiveBackground#262c3a
- tab.inactiveForeground#99a6bd
- tab.inactiveModifiedBorder#b08f4a
- tab.unfocusedActiveBorderTop#6e7b93
- terminal.ansiBlack#1e222f
- terminal.ansiBlue#8fc9f0
- terminal.ansiBrightBlack#8794ad
- terminal.ansiBrightBlue#b3dcf7
- terminal.ansiBrightCyan#b3f0ec
- terminal.ansiBrightGreen#b3f0c2
- terminal.ansiBrightMagenta#dcc0fa
- terminal.ansiBrightRed#ffb8b8
- terminal.ansiBrightWhite#f7f9fd
- terminal.ansiBrightYellow#fae4a8
- terminal.ansiCyan#8fe0e8
- terminal.ansiGreen#8fe3a5
- terminal.ansiMagenta#c9a6f5
- terminal.ansiRed#ff9a9a
- terminal.ansiWhite#d8dfee
- terminal.ansiYellow#f5d68a
- terminal.background#262c3a
- terminal.border#3d4759
- terminal.foreground#eef1f8
- terminal.selectionBackground#f582b840
- terminalCursor.background#2f3646
- terminalCursor.foreground#f582b8
- textBlockQuote.background#2a3140
- textBlockQuote.border#f582b8
- textCodeBlock.background#262c3a
- textLink.activeForeground#ffa8d0
- textLink.foreground#8fc9f0
- textPreformat.foreground#b3f0c2
- titleBar.activeBackground#222735
- titleBar.activeForeground#d8dfee
- titleBar.border#363f4f
- titleBar.inactiveBackground#1e222f
- titleBar.inactiveForeground#8794ad
- tree.inactiveIndentGuidesStroke#383f4d
- tree.indentGuidesStroke#4a5568
- window.activeBorder#3d4759
- window.inactiveBorder#333b4c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #95a2ba | italic |
| string, string.quoted, string.template | #8fe3a5 | — |
| constant.numeric, constant.language, constant.character.escape | #f5d68a | — |
| keyword, storage.type, storage.modifier | #f582b8 | — |
| keyword.control, keyword.control.flow | #f582b8 | bold |
| keyword.operator, punctuation.separator, punctuation.accessor | #a9b6d0 | — |
| variable, meta.definition.variable.name | #eef1f8 | — |
| variable.parameter, meta.parameter | #f0b8d8 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #8fc9f0 | — |
| entity.name.function, support.function, meta.function-call | #ffa8d0 | bold |
| entity.name.type, entity.name.class, support.type, support.class | #c9a6f5 | — |
| entity.name.tag, punctuation.definition.tag | #f582b8 | — |
| entity.other.attribute-name | #f5d68a | — |
| string.regexp, constant.regexp | #8fe0e8 | — |
| invalid, invalid.illegal | #ff9a9a | — |
| markup.heading, entity.name.section.markdown | #f582b8 | bold |
| markup.bold | #f5d68a | bold |
| markup.italic | #c9a6f5 | italic |
| markup.underline.link | #8fc9f0 | underline |
| markup.inline.raw, markup.fenced_code.block | #8fe3a5 | — |
| markup.inserted | #8fe3a5 | — |
| markup.deleted | #ff9a9a | — |
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#b56bff
- activityBar.activeFocusBorder#ff5ec4
- activityBar.background#0b070f
- activityBar.border#b56bff
- activityBar.foreground#ffd23d
- activityBar.inactiveForeground#ff5ec4
- activityBarBadge.background#f71d5c
- activityBarBadge.foreground#f8a0a9
- activityBarTop.activeBorder#ffd23d
- activityBarTop.foreground#ffd23d
- badge.background#7829e1
- badge.foreground#eeaadd
- breadcrumb.activeSelectionForeground#b56bff
- breadcrumb.background#160f1e
- breadcrumb.focusForeground#eeaadd
- breadcrumb.foreground#b56bff
- breadcrumbPicker.background#100a15
- button.background#6b9dff
- button.foreground#b56bff
- button.hoverBackground#802ee8
- button.secondaryBackground#392055
- button.secondaryForeground#f3ebff
- button.secondaryHoverBackground#49286a
- checkbox.background#0b070f
- checkbox.border#b56bff
- checkbox.foreground#f3ebff
- commandCenter.activeBackground#261636
- commandCenter.activeBorder#b56bff
- commandCenter.activeForeground#ff5ec4
- commandCenter.background#0d0912
- commandCenter.border#ff5ec4
- commandCenter.foreground#ffd23d
- contrastActiveBorder#b56bff
- contrastBorder#b56bff
- debugToolBar.border#6b9dff
- descriptionForeground#b28ad2
- diffEditor.diagonalFill#4c2b67
- diffEditor.insertedLineBackground#24682e33
- diffEditor.insertedTextBackground#32974055
- diffEditor.removedLineBackground#7d182633
- diffEditor.removedTextBackground#b61b3155
- disabledForeground#756585
- dropdown.background#0a060d
- dropdown.border#ffd23d
- dropdown.foreground#f3ebff
- dropdown.listBackground#08050a
- editor.background#160f1e
- editor.findMatchBackground#bb6910AA
- editor.findMatchBorder#ffd063
- editor.findMatchHighlightBackground#89581c66
- editor.findRangeHighlightBackground#7132b433
- editor.foldBackground#6f2ec522
- editor.foreground#f3ebff
- editor.hoverHighlightBackground#91b6ff19
- editor.inactiveSelectionBackground#67337d55
- editor.lineHighlightBackground#180e25
- editor.lineHighlightBorder#211230
- editor.rangeHighlightBackground#7132b42E
- editor.selectionBackground#7132b480
- editor.selectionHighlightBackground#8f4fe244
- editor.snippetFinalTabstopHighlightBorder#ffc142
- editor.snippetTabstopHighlightBackground#8f4fe233
- editor.symbolHighlightBackground#91b6ff22
- editor.wordHighlightBackground#6a9ffe2B
- editor.wordHighlightStrongBackground#e72d6338
- editorBracketHighlight.foreground1#5cff9d
- editorBracketHighlight.foreground2#ff5ec4
- editorBracketHighlight.foreground3#b56bff
- editorBracketHighlight.foreground4#ff8a4b
- editorBracketHighlight.foreground5#6b9dff
- editorBracketHighlight.foreground6#ffd23d
- editorBracketHighlight.unexpectedBracket.foreground#ff7e8d
- editorBracketMatch.background#8f4fe233
- editorBracketMatch.border#ffd23d
- editorCodeLens.foreground#806e92
- editorCursor.foreground#ff5ec4
- editorError.foreground#ff7e8d
- editorGroup.border#ffd23d
- editorGroup.dropBackground#331c4a
- editorGroupHeader.noTabsBackground#100a15
- editorGroupHeader.tabsBackground#0b070f
- editorGroupHeader.tabsBorder#ffd23d
- editorGutter.addedBackground#5de376
- editorGutter.deletedBackground#ff4856
- editorGutter.modifiedBackground#699fff
- editorHint.foreground#5de376
- editorHoverWidget.background#100a15
- editorHoverWidget.border#6b9dff
- editorIndentGuide.activeBackground1#7a39d0
- editorIndentGuide.background1#3b2152
- editorInfo.foreground#699fff
- editorInlayHint.background#1d1029
- editorInlayHint.foreground#a598b2
- editorInlayHint.parameterBackground#22122f
- editorInlayHint.parameterForeground#cb9dea
- editorInlayHint.typeBackground#101c2a
- editorInlayHint.typeForeground#91b6ff
- editorLineNumber.activeForeground#ff5ec4
- editorLineNumber.foreground#ffd23d
- editorLink.activeForeground#ffd23d
- editorOverviewRuler.addedForeground#69d77eAA
- editorOverviewRuler.deletedForeground#ff4856AA
- editorOverviewRuler.errorForeground#ff7e8dCC
- editorOverviewRuler.infoForeground#6a9ffeAA
- editorOverviewRuler.modifiedForeground#6a9ffeAA
- editorOverviewRuler.warningForeground#ffc450CC
- editorRuler.foreground#3c2055
- editorSuggestWidget.background#100a15
- editorSuggestWidget.border#6b9dff
- editorSuggestWidget.focusHighlightForeground#ffd063
- editorSuggestWidget.foreground#e7e4e9
- editorSuggestWidget.highlightForeground#ff5ec4
- editorSuggestWidget.selectedBackground#301948
- editorWarning.foreground#ffc450
- editorWhitespace.foreground#483e52
- editorWidget.background#100a15
- editorWidget.border#6b9dff
- editorWidget.foreground#f3ebff
- editorWidget.resizeBorder#8d41f0
- errorForeground#ff7e8d
- focusBorder#ffd23d
- foreground#f3ebff
- gitDecoration.addedResourceForeground#5de376
- gitDecoration.conflictingResourceForeground#ff7d42
- gitDecoration.deletedResourceForeground#ff4856
- gitDecoration.ignoredResourceForeground#6e5e7d
- gitDecoration.modifiedResourceForeground#699fff
- gitDecoration.renamedResourceForeground#ae83ff
- gitDecoration.stageDeletedResourceForeground#ff6673
- gitDecoration.stageModifiedResourceForeground#91b6ff
- gitDecoration.submoduleResourceForeground#ffc142
- gitDecoration.untrackedResourceForeground#80e691
- icon.foreground#ffd23d
- input.background#0b070f
- input.border#b56bff
- input.foreground#ff5ec4
- input.placeholderForeground#ffd23d
- inputOption.activeBackground#33194d
- inputOption.activeBorder#ff5ec4
- inputOption.activeForeground#f3ebff
- inputValidation.errorBackground#2a1018
- inputValidation.errorBorder#ff7e8d
- inputValidation.infoBackground#101a2a
- inputValidation.infoBorder#699fff
- inputValidation.warningBackground#292010
- inputValidation.warningBorder#ffc142
- list.activeSelectionBackground#301948
- list.activeSelectionForeground#f3ebff
- list.dropBackground#89581c77
- list.errorForeground#ff7e8d
- list.focusAndSelectionOutline#c199ff
- list.focusBackground#371a53
- list.focusForeground#f3ebff
- list.focusOutline#ffd23d
- list.highlightForeground#ff5ec4
- list.hoverBackground#1d1229
- list.hoverForeground#f3ebff
- list.inactiveSelectionBackground#251733
- list.inactiveSelectionForeground#f3ebff
- list.invalidItemForeground#ff6673
- list.warningForeground#ffc450
- menu.background#100a15
- menu.border#6b9dff
- menu.foreground#f3ebff
- menu.selectionBackground#301948
- menu.selectionForeground#f3ebff
- menu.separatorBackground#4c2b67
- minimap.background#100a15
- minimap.errorHighlight#ff7e8d
- minimap.findMatchHighlight#ffbf42c0
- minimap.selectionHighlight#8d41f0cf
- minimap.warningHighlight#ffc450
- minimapSlider.activeBackground#8f4fe255
- minimapSlider.background#60357e33
- minimapSlider.hoverBackground#713db644
- notificationCenter.border#5a347a
- notificationCenterHeader.background#100a15
- notificationCenterHeader.foreground#f3d0a5
- notificationLink.foreground#ffd23d
- notifications.background#100a15
- notifications.border#6b9dff
- notifications.foreground#f3ebff
- notificationsErrorIcon.foreground#ff7e8d
- notificationsInfoIcon.foreground#699fff
- notificationsWarningIcon.foreground#ffc450
- notificationToast.border#6b9dff
- panel.background#0e0913
- panel.border#ffd23d
- panelInput.border#b56bff
- panelTitle.activeBorder#b56bff
- panelTitle.activeForeground#ff5ec4
- panelTitle.inactiveForeground#ffd23d
- peekView.border#6b9dff
- peekViewEditor.background#0d0912
- peekViewEditor.matchHighlightBackground#89581c88
- peekViewResult.background#0b070f
- peekViewResult.fileForeground#f3d0a5
- peekViewResult.lineForeground#b28ad2
- peekViewResult.matchHighlightBackground#89581c66
- peekViewResult.selectionBackground#301948
- peekViewTitle.background#100a15
- peekViewTitleDescription.foreground#b28ad2
- peekViewTitleLabel.foreground#eeaadd
- pickerGroup.border#6b9dff
- pickerGroup.foreground#b56bff
- progressBar.background#b56bff
- quickInput.background#100a15
- quickInput.foreground#f3ebff
- quickInputList.focusBackground#301948
- quickInputList.focusForeground#f3ebff
- quickInputList.focusIconForeground#ffd063
- scrollbar.shadow#0a0610
- scrollbarSlider.activeBackground#8f4fe299
- scrollbarSlider.background#713db655
- scrollbarSlider.hoverBackground#8f4fe277
- selection.background#7132b466
- settings.checkboxBorder#b56bff
- settings.dropdownBorder#ffd23d
- settings.headerForeground#b56bff
- settings.modifiedItemIndicator#b56bff
- settings.textInputBorder#ffd23d
- sideBar.background#100a15
- sideBar.border#b56bff
- sideBar.foreground#ffd23d
- sideBarActivityBarTop.border#ff5ec4
- sideBarSectionHeader.background#0d0912
- sideBarSectionHeader.border#ff5ec4
- sideBarSectionHeader.foreground#c699ff
- sideBarTitle.border#ff5ec4
- sideBarTitle.foreground#ff5ec4
- statusBar.background#08050b
- statusBar.border#6b9dff
- statusBar.debuggingBackground#90214e
- statusBar.debuggingForeground#f3ebff
- statusBar.foreground#ff5ec4
- statusBar.noFolderBackground#0b070f
- statusBarItem.activeBackground#381c54
- statusBarItem.errorBackground#b81931
- statusBarItem.errorForeground#f8a0a9
- statusBarItem.focusBorder#ffd063
- statusBarItem.hoverBackground#29183a
- statusBarItem.prominentBackground#392055
- statusBarItem.prominentHoverBackground#49286a
- statusBarItem.remoteBackground#451f7d
- statusBarItem.remoteForeground#ff5ec4
- statusBarItem.warningBackground#a26b10
- statusBarItem.warningForeground#ffd999
- tab.activeBackground#160f1e
- tab.activeBorder#ff5ec4
- tab.activeBorderTop#ffd23d
- tab.activeForeground#b56bff
- tab.border#6b9dff
- tab.hoverBackground#1d1228
- tab.hoverForeground#f3ebff
- tab.inactiveBackground#0b070f
- tab.inactiveForeground#ffd23d
- tab.unfocusedActiveBorderTop#6b9dff
- tab.unfocusedActiveForeground#cfcad4
- tab.unfocusedInactiveForeground#706080
- terminal.ansiBlack#1d0f28
- terminal.ansiBlue#699fff
- terminal.ansiBrightBlack#706080
- terminal.ansiBrightBlue#91b6ff
- terminal.ansiBrightCyan#74eaf2
- terminal.ansiBrightGreen#80e691
- terminal.ansiBrightMagenta#ae83ff
- terminal.ansiBrightRed#ff7e8d
- terminal.ansiBrightWhite#eeaadd
- terminal.ansiBrightYellow#ffd063
- terminal.ansiCyan#45d8e6
- terminal.ansiGreen#5de376
- terminal.ansiMagenta#8d41f0
- terminal.ansiRed#ff4856
- terminal.ansiWhite#cfcad4
- terminal.ansiYellow#ffc142
- terminal.background#0b070f
- terminal.border#b56bff
- terminal.foreground#f3ebff
- terminal.selectionBackground#7132b480
- terminalCursor.background#160f1e
- terminalCursor.foreground#ff5ec4
- textBlockQuote.background#100a15
- textBlockQuote.border#ff5ec4
- textCodeBlock.background#0b070f
- textLink.activeForeground#ff5ec4
- textLink.foreground#ffd23d
- textPreformat.foreground#6b9dff
- textSeparator.foreground#5a347a
- titleBar.activeBackground#08050b
- titleBar.activeForeground#ffd23d
- titleBar.border#6b9dff
- titleBar.inactiveBackground#070409
- titleBar.inactiveForeground#766586
- tree.inactiveIndentGuidesStroke#221331
- tree.indentGuidesStroke#4e2b6b
- widget.shadow#0f061cA6
- window.activeBorder#b56bff
- window.inactiveBorder#b56bff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9271b3 | italic |
| string, string.quoted, string.template | #80e691 | — |
| constant.character.escape, string.regexp | #ff7d42 | — |
| constant.numeric, constant.language, support.constant | #ffc142 | — |
| keyword, storage.type, storage.modifier | #ae83ff | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #c199ff | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #ff7d42 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #ffd063 | — |
| entity.name.type, entity.name.class, support.class, support.type | #91b6ff | — |
| variable, variable.other.readwrite, variable.other.object | #f3d0a5 | — |
| variable.parameter, meta.function.parameters | #ff7b9a | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #91b6ff | — |
| variable.language, variable.language.this, variable.language.super | #ff7d42 | italic |
| entity.name.namespace, entity.name.module | #699fff | — |
| entity.name.tag, punctuation.definition.tag | #f71d5c | — |
| entity.other.attribute-name, support.type.property-name.css | #ffc142 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #91b6ff | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #80e691 | — |
| support.type.property-name.json, string.json support.type.property-name | #91b6ff | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml | #91b6ff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #ffc142 | — |
| invalid, invalid.illegal | #f8a0a9 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #ffd063 | bold |
| markup.bold, punctuation.definition.bold.markdown | #ff7b9a | bold |
| markup.italic, punctuation.definition.italic.markdown | #c199ff | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #91b6ff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #80e691 | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #ffc142 | — |
| markup.inserted, meta.diff.header.to-file | #80e691 | — |
| markup.deleted, meta.diff.header.from-file | #ff7e8d | — |
| markup.changed, meta.diff.range | #91b6ff | — |
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#ffd66b
- activityBar.activeFocusBorder#fff3d0
- activityBar.background#070a12
- activityBar.border#ffd66b
- activityBar.foreground#7fb2ff
- activityBar.inactiveForeground#5f80b8
- activityBarBadge.background#d7a93c
- activityBarBadge.foreground#120d04
- activityBarTop.activeBorder#ffd66b
- activityBarTop.foreground#7fb2ff
- badge.background#1450a8
- badge.foreground#dfeaff
- breadcrumb.activeSelectionForeground#ffd66b
- breadcrumb.background#0b101a
- breadcrumb.focusForeground#fff3d0
- breadcrumb.foreground#8098c4
- breadcrumbPicker.background#06090f
- button.background#d7a93c
- button.foreground#120d04
- button.hoverBackground#ffd66b
- button.secondaryBackground#16294a
- button.secondaryForeground#e6edfb
- button.secondaryHoverBackground#1e3a66
- checkbox.background#070a12
- checkbox.border#ffd66b
- checkbox.foreground#e6edfb
- commandCenter.activeBackground#16294a
- commandCenter.activeBorder#ffd66b
- commandCenter.activeForeground#fff3d0
- commandCenter.background#06090f
- commandCenter.border#b9a6ff
- commandCenter.foreground#7fb2ff
- contrastActiveBorder#ffd66b
- contrastBorder#ffd66b
- debugToolBar.border#b9a6ff
- descriptionForeground#8098c4
- diffEditor.diagonalFill#1b3560
- diffEditor.insertedLineBackground#12613633
- diffEditor.insertedTextBackground#1f8a4e55
- diffEditor.removedLineBackground#7a141d33
- diffEditor.removedTextBackground#b41c2755
- disabledForeground#5a6884
- dropdown.background#06090f
- dropdown.border#7fb2ff
- dropdown.foreground#e6edfb
- dropdown.listBackground#050710
- editor.background#0b101a
- editor.findMatchBackground#a5760aAA
- editor.findMatchBorder#ffd66b
- editor.findMatchHighlightBackground#8f660f66
- editor.findRangeHighlightBackground#0b57c433
- editor.foldBackground#0b57c422
- editor.foreground#e6edfb
- editor.hoverHighlightBackground#7fb2ff19
- editor.inactiveSelectionBackground#0a4ea855
- editor.lineHighlightBackground#0d1424
- editor.lineHighlightBorder#131c30
- editor.rangeHighlightBackground#0b57c42E
- editor.selectionBackground#0b57c480
- editor.selectionHighlightBackground#2f7ae044
- editor.snippetFinalTabstopHighlightBorder#ffd66b
- editor.snippetTabstopHighlightBackground#2f7ae033
- editor.symbolHighlightBackground#7fb2ff22
- editor.wordHighlightBackground#7fb2ff2B
- editor.wordHighlightStrongBackground#d7a93c38
- editorBracketHighlight.foreground1#ffd66b
- editorBracketHighlight.foreground2#7fb2ff
- editorBracketHighlight.foreground3#c9baff
- editorBracketHighlight.foreground4#fff3d0
- editorBracketHighlight.foreground5#a9c4ff
- editorBracketHighlight.foreground6#d7a93c
- editorBracketHighlight.unexpectedBracket.foreground#ff8a7a
- editorBracketMatch.background#2f7ae033
- editorBracketMatch.border#7fb2ff
- editorCodeLens.foreground#5d7eb4
- editorCursor.foreground#ffd66b
- editorError.foreground#ff8a7a
- editorGroup.border#7fb2ff
- editorGroup.dropBackground#16294a
- editorGroupHeader.noTabsBackground#0a0e18
- editorGroupHeader.tabsBackground#070a12
- editorGroupHeader.tabsBorder#7fb2ff
- editorGutter.addedBackground#6ee7a8
- editorGutter.deletedBackground#e0483c
- editorGutter.modifiedBackground#7fb2ff
- editorHint.foreground#6ee7a8
- editorHoverWidget.background#0a0e18
- editorHoverWidget.border#b9a6ff
- editorIndentGuide.activeBackground1#2f66b8
- editorIndentGuide.background1#16345e
- editorInfo.foreground#7fb2ff
- editorInlayHint.background#101a2e
- editorInlayHint.foreground#8fabd8
- editorInlayHint.parameterBackground#131f36
- editorInlayHint.parameterForeground#f2d9a0
- editorInlayHint.typeBackground#151c33
- editorInlayHint.typeForeground#a9c4ff
- editorLineNumber.activeForeground#ffd66b
- editorLineNumber.foreground#5d7eb4
- editorLink.activeForeground#7fb2ff
- editorOverviewRuler.addedForeground#6ee7a8AA
- editorOverviewRuler.deletedForeground#e0483cAA
- editorOverviewRuler.errorForeground#ff8a7aCC
- editorOverviewRuler.infoForeground#7fb2ffAA
- editorOverviewRuler.modifiedForeground#7fb2ffAA
- editorOverviewRuler.warningForeground#ffd35dCC
- editorRuler.foreground#16345e
- editorSuggestWidget.background#0a0e18
- editorSuggestWidget.border#b9a6ff
- editorSuggestWidget.focusHighlightForeground#fff3d0
- editorSuggestWidget.foreground#c4d4ee
- editorSuggestWidget.highlightForeground#ffd66b
- editorSuggestWidget.selectedBackground#16294a
- editorWarning.foreground#ffd35d
- editorWhitespace.foreground#1d3f70
- editorWidget.background#0a0e18
- editorWidget.border#b9a6ff
- editorWidget.foreground#e6edfb
- editorWidget.resizeBorder#7fb2ff
- errorForeground#ff8a7a
- focusBorder#7fb2ff
- foreground#e6edfb
- gitDecoration.addedResourceForeground#6ee7a8
- gitDecoration.conflictingResourceForeground#ffab5c
- gitDecoration.deletedResourceForeground#e0483c
- gitDecoration.ignoredResourceForeground#5a6884
- gitDecoration.modifiedResourceForeground#7fb2ff
- gitDecoration.renamedResourceForeground#b9a6ff
- gitDecoration.stageDeletedResourceForeground#ff8a7a
- gitDecoration.stageModifiedResourceForeground#a9c4ff
- gitDecoration.submoduleResourceForeground#d7a93c
- gitDecoration.untrackedResourceForeground#92f0c0
- icon.foreground#7fb2ff
- input.background#070a12
- input.border#ffd66b
- input.foreground#e6edfb
- input.placeholderForeground#6f88b6
- inputOption.activeBackground#1a2c4d
- inputOption.activeBorder#ffd66b
- inputOption.activeForeground#e6edfb
- inputValidation.errorBackground#2a1014
- inputValidation.errorBorder#ff8a7a
- inputValidation.infoBackground#0f1c33
- inputValidation.infoBorder#7fb2ff
- inputValidation.warningBackground#2a2110
- inputValidation.warningBorder#ffd35d
- list.activeSelectionBackground#16294a
- list.activeSelectionForeground#e6edfb
- list.dropBackground#8f660f77
- list.errorForeground#ff8a7a
- list.focusAndSelectionOutline#ffd66b
- list.focusBackground#1a3157
- list.focusForeground#e6edfb
- list.focusOutline#7fb2ff
- list.highlightForeground#ffd66b
- list.hoverBackground#101a2e
- list.hoverForeground#e6edfb
- list.inactiveSelectionBackground#141f36
- list.inactiveSelectionForeground#e6edfb
- list.invalidItemForeground#ff8a7a
- list.warningForeground#ffd35d
- menu.background#0a0e18
- menu.border#b9a6ff
- menu.foreground#e6edfb
- menu.selectionBackground#16294a
- menu.selectionForeground#fff3d0
- menu.separatorBackground#1b3560
- minimap.background#0a0e18
- minimap.errorHighlight#ff8a7a
- minimap.findMatchHighlight#ffd66bcb
- minimap.selectionHighlight#3a7fe0cd
- minimap.warningHighlight#ffd35d
- minimapSlider.activeBackground#2f7ae055
- minimapSlider.background#1b4c8f33
- minimapSlider.hoverBackground#2564b844
- notificationCenter.border#1e4478
- notificationCenterHeader.background#0a0e18
- notificationCenterHeader.foreground#a9c4ff
- notificationLink.foreground#7fb2ff
- notifications.background#0a0e18
- notifications.border#b9a6ff
- notifications.foreground#e6edfb
- notificationsErrorIcon.foreground#ff8a7a
- notificationsInfoIcon.foreground#7fb2ff
- notificationsWarningIcon.foreground#ffd35d
- notificationToast.border#b9a6ff
- panel.background#080b14
- panel.border#7fb2ff
- panelInput.border#ffd66b
- panelTitle.activeBorder#ffd66b
- panelTitle.activeForeground#fff3d0
- panelTitle.inactiveForeground#6f8ec0
- peekView.border#b9a6ff
- peekViewEditor.background#06090f
- peekViewEditor.matchHighlightBackground#8f660f88
- peekViewResult.background#070a12
- peekViewResult.fileForeground#a9c4ff
- peekViewResult.lineForeground#8098c4
- peekViewResult.matchHighlightBackground#8f660f66
- peekViewResult.selectionBackground#16294a
- peekViewTitle.background#0a0e18
- peekViewTitleDescription.foreground#8098c4
- peekViewTitleLabel.foreground#fff3d0
- pickerGroup.border#b9a6ff
- pickerGroup.foreground#ffd66b
- progressBar.background#ffd66b
- quickInput.background#0a0e18
- quickInput.foreground#e6edfb
- quickInputList.focusBackground#16294a
- quickInputList.focusForeground#fff3d0
- quickInputList.focusIconForeground#ffd66b
- scrollbar.shadow#04060b
- scrollbarSlider.activeBackground#2f7ae099
- scrollbarSlider.background#2564b855
- scrollbarSlider.hoverBackground#2f7ae077
- selection.background#0b57c466
- settings.checkboxBorder#ffd66b
- settings.dropdownBorder#7fb2ff
- settings.headerForeground#ffd66b
- settings.modifiedItemIndicator#ffd66b
- settings.textInputBorder#7fb2ff
- sideBar.background#0a0e18
- sideBar.border#ffd66b
- sideBar.foreground#b4c6e4
- sideBarActivityBarTop.border#ffd66b
- sideBarSectionHeader.background#070a12
- sideBarSectionHeader.border#ffd66b
- sideBarSectionHeader.foreground#ffd66b
- sideBarTitle.border#ffd66b
- sideBarTitle.foreground#fff3d0
- statusBar.background#04060b
- statusBar.border#b9a6ff
- statusBar.debuggingBackground#8a3a12
- statusBar.debuggingForeground#fff3d0
- statusBar.foreground#ffd66b
- statusBar.noFolderBackground#070a12
- statusBarItem.activeBackground#1b3055
- statusBarItem.errorBackground#b41c27
- statusBarItem.errorForeground#ffd6d0
- statusBarItem.focusBorder#ffd66b
- statusBarItem.hoverBackground#16253f
- statusBarItem.prominentBackground#16294a
- statusBarItem.prominentHoverBackground#1e3a66
- statusBarItem.remoteBackground#d7a93c
- statusBarItem.remoteForeground#120d04
- statusBarItem.warningBackground#8a5c08
- statusBarItem.warningForeground#ffe9a8
- tab.activeBackground#0b101a
- tab.activeBorder#ffd66b
- tab.activeBorderTop#7fb2ff
- tab.activeForeground#fff3d0
- tab.border#b9a6ff
- tab.hoverBackground#111a2c
- tab.hoverForeground#fff3d0
- tab.inactiveBackground#070a12
- tab.inactiveForeground#6f8ec0
- tab.unfocusedActiveBorderTop#b9a6ff
- tab.unfocusedActiveForeground#a9c4ff
- tab.unfocusedInactiveForeground#6b7a96
- terminal.ansiBlack#101a2e
- terminal.ansiBlue#3a7fe0
- terminal.ansiBrightBlack#5a6884
- terminal.ansiBrightBlue#7fb2ff
- terminal.ansiBrightCyan#8fd8f5
- terminal.ansiBrightGreen#6ee7a8
- terminal.ansiBrightMagenta#b9a6ff
- terminal.ansiBrightRed#ff8a7a
- terminal.ansiBrightWhite#fff3d0
- terminal.ansiBrightYellow#ffd66b
- terminal.ansiCyan#55b6e8
- terminal.ansiGreen#3fc98a
- terminal.ansiMagenta#8f74e8
- terminal.ansiRed#e0483c
- terminal.ansiWhite#b4c6e4
- terminal.ansiYellow#d7a93c
- terminal.background#070a12
- terminal.border#ffd66b
- terminal.foreground#e6edfb
- terminal.selectionBackground#0b57c480
- terminalCursor.background#0b101a
- terminalCursor.foreground#ffd66b
- textBlockQuote.background#0a0e18
- textBlockQuote.border#ffd66b
- textCodeBlock.background#070a12
- textLink.activeForeground#fff3d0
- textLink.foreground#7fb2ff
- textPreformat.foreground#ffd66b
- textSeparator.foreground#1e4478
- titleBar.activeBackground#04060b
- titleBar.activeForeground#ffd66b
- titleBar.border#b9a6ff
- titleBar.inactiveBackground#030509
- titleBar.inactiveForeground#5f80b8
- tree.inactiveIndentGuidesStroke#14203a
- tree.indentGuidesStroke#1b3f75
- widget.shadow#00040cA6
- window.activeBorder#ffd66b
- window.inactiveBorder#6d5a2a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5d7eb4 | italic |
| string, string.quoted, string.template | #92d3ea | — |
| constant.character.escape, string.regexp | #f0b95c | — |
| constant.numeric, constant.language, support.constant | #ffd66b | — |
| keyword, storage.type, storage.modifier | #b9a6ff | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #c9baff | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #e0b060 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #ffe9a8 | — |
| entity.name.type, entity.name.class, support.class, support.type | #7fb2ff | — |
| variable, variable.other.readwrite, variable.other.object | #dbe6ff | — |
| variable.parameter, meta.function.parameters | #f2d9a0 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #a9c4ff | — |
| variable.language, variable.language.this, variable.language.super | #d7a93c | italic |
| entity.name.namespace, entity.name.module | #6aa6ff | — |
| entity.name.tag, punctuation.definition.tag | #ffd66b | — |
| entity.other.attribute-name, support.type.property-name.css | #a9c4ff | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #7fb2ff | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #92d3ea | — |
| support.type.property-name.json, entity.name.tag.yaml, string.unquoted.plain.out.yaml | #a9c4ff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #d7a93c | — |
| invalid, invalid.illegal | #ff8a7a | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #ffd66b | bold |
| markup.bold, punctuation.definition.bold.markdown | #ffe9a8 | bold |
| markup.italic, punctuation.definition.italic.markdown | #c9baff | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #7fb2ff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #a9c4ff | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #f2d9a0 | — |
| markup.inserted, meta.diff.header.to-file | #6ee7a8 | — |
| markup.deleted, meta.diff.header.from-file | #ff8a7a | — |
| markup.changed, meta.diff.range | #7fb2ff | — |
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#b3ffbe
- activityBar.activeFocusBorder#eef3ff
- activityBar.background#0f1422
- activityBar.border#b3ffbe
- activityBar.foreground#eef3ff
- activityBar.inactiveForeground#8496bd
- activityBarBadge.background#72b8ff
- activityBarBadge.foreground#0c1428
- activityBarTop.activeBorder#72b8ff
- activityBarTop.foreground#eef3ff
- badge.background#fffd8e
- badge.foreground#22220f
- breadcrumb.activeSelectionForeground#eef3ff
- breadcrumb.background#151c30
- breadcrumb.focusForeground#eef3ff
- breadcrumb.foreground#a9b9d6
- breadcrumbPicker.background#0d111c
- button.background#72b8ff
- button.foreground#0c1428
- button.hoverBackground#bfdcff
- button.secondaryBackground#253560
- button.secondaryForeground#eef3ff
- button.secondaryHoverBackground#2e4070
- checkbox.background#0f1422
- checkbox.border#5273b8
- checkbox.foreground#eef3ff
- commandCenter.activeBackground#253560
- commandCenter.activeBorder#72b8ff
- commandCenter.activeForeground#eef3ff
- commandCenter.background#0d111c
- commandCenter.border#6377b8
- commandCenter.foreground#d3dff2
- contrastActiveBorder#72b8ff
- contrastBorder#5273b8
- debugToolBar.border#6377b8
- descriptionForeground#a9b9d6
- diffEditor.diagonalFill#33416b
- diffEditor.insertedLineBackground#35a06d33
- diffEditor.insertedTextBackground#48c48a55
- diffEditor.removedLineBackground#9a404c33
- diffEditor.removedTextBackground#c0525e55
- disabledForeground#7486ab
- dropdown.background#0f1422
- dropdown.border#fffd8e
- dropdown.foreground#eef3ff
- dropdown.listBackground#0a0e17
- editor.background#151c30
- editor.findMatchBackground#85802fAA
- editor.findMatchBorder#fffd8e
- editor.findMatchHighlightBackground#75702a66
- editor.findRangeHighlightBackground#3d5fa033
- editor.foldBackground#3d5fa022
- editor.foreground#eef3ff
- editor.hoverHighlightBackground#72b8ff19
- editor.inactiveSelectionBackground#3d5fa055
- editor.lineHighlightBackground#1a2340
- editor.lineHighlightBorder#222c4c
- editor.rangeHighlightBackground#3d5fa02E
- editor.selectionBackground#3d5fa0AA
- editor.selectionHighlightBackground#5273b844
- editor.snippetFinalTabstopHighlightBorder#fffd8e
- editor.snippetTabstopHighlightBackground#5273b833
- editor.symbolHighlightBackground#72b8ff22
- editor.wordHighlightBackground#72b8ff2B
- editor.wordHighlightStrongBackground#b3ffbe2B
- editorBracketHighlight.foreground1#72b8ff
- editorBracketHighlight.foreground2#b3ffbe
- editorBracketHighlight.foreground3#a2a8fd
- editorBracketHighlight.foreground4#fffd8e
- editorBracketHighlight.foreground5#96dde6
- editorBracketHighlight.foreground6#bfdcff
- editorBracketHighlight.unexpectedBracket.foreground#f79595
- editorBracketMatch.background#72b8ff26
- editorBracketMatch.border#72b8ff
- editorCodeLens.foreground#8496bd
- editorCursor.foreground#fffd8e
- editorError.foreground#f79595
- editorGroup.border#5273b8
- editorGroup.dropBackground#253560
- editorGroupHeader.noTabsBackground#121828
- editorGroupHeader.tabsBackground#0f1422
- editorGroupHeader.tabsBorder#5273b8
- editorGutter.addedBackground#b3ffbe
- editorGutter.deletedBackground#f79595
- editorGutter.modifiedBackground#72b8ff
- editorHint.foreground#b3ffbe
- editorHoverWidget.background#121828
- editorHoverWidget.border#6377b8
- editorIndentGuide.activeBackground1#465687
- editorIndentGuide.background1#263153
- editorInfo.foreground#72b8ff
- editorInlayHint.background#1d2742
- editorInlayHint.foreground#b0c0dc
- editorInlayHint.parameterBackground#1f2a48
- editorInlayHint.parameterForeground#ced2ff
- editorInlayHint.typeBackground#1b2b3e
- editorInlayHint.typeForeground#b8ebf2
- editorLineNumber.activeForeground#fffd8e
- editorLineNumber.foreground#8496bd
- editorLink.activeForeground#bfdcff
- editorOverviewRuler.addedForeground#b3ffbeAA
- editorOverviewRuler.deletedForeground#f79595AA
- editorOverviewRuler.errorForeground#f79595CC
- editorOverviewRuler.infoForeground#72b8ffAA
- editorOverviewRuler.modifiedForeground#72b8ffAA
- editorOverviewRuler.warningForeground#fffd8eCC
- editorRuler.foreground#263153
- editorSuggestWidget.background#121828
- editorSuggestWidget.border#6377b8
- editorSuggestWidget.focusHighlightForeground#eef3ff
- editorSuggestWidget.foreground#d3dff2
- editorSuggestWidget.highlightForeground#fffd8e
- editorSuggestWidget.selectedBackground#253560
- editorWarning.foreground#ebd881
- editorWhitespace.foreground#2e3b64
- editorWidget.background#121828
- editorWidget.border#6377b8
- editorWidget.foreground#eef3ff
- editorWidget.resizeBorder#72b8ff
- errorForeground#f79595
- focusBorder#72b8ff
- foreground#eef3ff
- gitDecoration.addedResourceForeground#b3ffbe
- gitDecoration.conflictingResourceForeground#ebd881
- gitDecoration.deletedResourceForeground#f79595
- gitDecoration.ignoredResourceForeground#7486ab
- gitDecoration.modifiedResourceForeground#72b8ff
- gitDecoration.renamedResourceForeground#a2a8fd
- gitDecoration.stageDeletedResourceForeground#fbb0b0
- gitDecoration.stageModifiedResourceForeground#bfdcff
- gitDecoration.submoduleResourceForeground#fffd8e
- gitDecoration.untrackedResourceForeground#b3ffbe
- icon.foreground#d3dff2
- input.background#0f1422
- input.border#5273b8
- input.foreground#eef3ff
- input.placeholderForeground#8496bd
- inputOption.activeBackground#2e4070
- inputOption.activeBorder#fffd8e
- inputOption.activeForeground#eef3ff
- inputValidation.errorBackground#381c24
- inputValidation.errorBorder#f79595
- inputValidation.infoBackground#152442
- inputValidation.infoBorder#72b8ff
- inputValidation.warningBackground#302e19
- inputValidation.warningBorder#ebd881
- list.activeSelectionBackground#253560
- list.activeSelectionForeground#eef3ff
- list.dropBackground#75702a66
- list.errorForeground#f79595
- list.focusAndSelectionOutline#fffd8e
- list.focusBackground#2e4070
- list.focusForeground#eef3ff
- list.focusOutline#72b8ff
- list.highlightForeground#fffd8e
- list.hoverBackground#1b2440
- list.hoverForeground#eef3ff
- list.inactiveSelectionBackground#1f2946
- list.inactiveSelectionForeground#eef3ff
- list.invalidItemForeground#f79595
- list.warningForeground#ebd881
- menu.background#121828
- menu.border#fffd8e
- menu.foreground#eef3ff
- menu.selectionBackground#253560
- menu.selectionForeground#eef3ff
- menu.separatorBackground#364272
- minimap.background#121828
- minimap.errorHighlight#f79595
- minimap.findMatchHighlight#fffd8ecb
- minimap.selectionHighlight#6390d0cd
- minimap.warningHighlight#ebd881
- minimapSlider.activeBackground#6390d099
- minimapSlider.background#5273b855
- minimapSlider.hoverBackground#6390d077
- notificationCenter.border#6377b8
- notificationCenterHeader.background#121828
- notificationCenterHeader.foreground#d3dff2
- notificationLink.foreground#72b8ff
- notifications.background#121828
- notifications.border#6377b8
- notifications.foreground#eef3ff
- notificationsErrorIcon.foreground#f79595
- notificationsInfoIcon.foreground#72b8ff
- notificationsWarningIcon.foreground#ebd881
- notificationToast.border#6377b8
- panel.background#111726
- panel.border#fffd8e
- panelInput.border#5273b8
- panelTitle.activeBorder#fffd8e
- panelTitle.activeForeground#eef3ff
- panelTitle.inactiveForeground#8496bd
- peekView.border#6377b8
- peekViewEditor.background#0d111c
- peekViewEditor.matchHighlightBackground#75702a88
- peekViewResult.background#0f1422
- peekViewResult.fileForeground#bfdcff
- peekViewResult.lineForeground#a9b9d6
- peekViewResult.matchHighlightBackground#75702a66
- peekViewResult.selectionBackground#253560
- peekViewTitle.background#121828
- peekViewTitleDescription.foreground#a9b9d6
- peekViewTitleLabel.foreground#eef3ff
- pickerGroup.border#6377b8
- pickerGroup.foreground#fffd8e
- progressBar.background#72b8ff
- quickInput.background#121828
- quickInput.foreground#eef3ff
- quickInputList.focusBackground#253560
- quickInputList.focusForeground#eef3ff
- quickInputList.focusIconForeground#fffd8e
- scrollbar.shadow#080b14
- scrollbarSlider.activeBackground#6390d099
- scrollbarSlider.background#5273b855
- scrollbarSlider.hoverBackground#6390d077
- selection.background#3d5fa066
- settings.checkboxBorder#5273b8
- settings.dropdownBorder#5273b8
- settings.headerForeground#eef3ff
- settings.modifiedItemIndicator#fffd8e
- settings.textInputBorder#5273b8
- sideBar.background#121828
- sideBar.border#b3ffbe
- sideBar.foreground#d3dff2
- sideBarActivityBarTop.border#5273b8
- sideBarSectionHeader.background#0d111c
- sideBarSectionHeader.border#5273b8
- sideBarSectionHeader.foreground#d3dff2
- sideBarTitle.border#5273b8
- sideBarTitle.foreground#eef3ff
- statusBar.background#0c101a
- statusBar.border#fffd8e
- statusBar.debuggingBackground#856230
- statusBar.debuggingForeground#eef3ff
- statusBar.foreground#d3dff2
- statusBar.noFolderBackground#0f1422
- statusBarItem.activeBackground#2e4070
- statusBarItem.errorBackground#a03a3a
- statusBarItem.errorForeground#ffdada
- statusBarItem.focusBorder#fffd8e
- statusBarItem.hoverBackground#212c4e
- statusBarItem.prominentBackground#253560
- statusBarItem.prominentHoverBackground#2e4070
- statusBarItem.remoteBackground#fffd8e
- statusBarItem.remoteForeground#22220f
- statusBarItem.warningBackground#665f1e
- statusBarItem.warningForeground#f5f0c4
- tab.activeBackground#151c30
- tab.activeBorder#fffd8e
- tab.activeBorderTop#72b8ff
- tab.activeForeground#eef3ff
- tab.border#33416b
- tab.hoverBackground#1b2440
- tab.hoverForeground#eef3ff
- tab.inactiveBackground#0f1422
- tab.inactiveForeground#8496bd
- tab.unfocusedActiveBorderTop#6377b8
- tab.unfocusedActiveForeground#a9b9d6
- tab.unfocusedInactiveForeground#7486ab
- terminal.ansiBlack#1a2340
- terminal.ansiBlue#72b8ff
- terminal.ansiBrightBlack#8496bd
- terminal.ansiBrightBlue#bfdcff
- terminal.ansiBrightCyan#b8ebf2
- terminal.ansiBrightGreen#b3ffbe
- terminal.ansiBrightMagenta#ced2ff
- terminal.ansiBrightRed#fbb0b0
- terminal.ansiBrightWhite#f4f8ff
- terminal.ansiBrightYellow#eeecb0
- terminal.ansiCyan#96dde6
- terminal.ansiGreen#b3ffbe
- terminal.ansiMagenta#a2a8fd
- terminal.ansiRed#f79595
- terminal.ansiWhite#d3dff2
- terminal.ansiYellow#fffd8e
- terminal.background#0f1422
- terminal.border#5273b8
- terminal.foreground#eef3ff
- terminal.selectionBackground#3d5fa0AA
- terminalCursor.background#151c30
- terminalCursor.foreground#fffd8e
- textBlockQuote.background#121828
- textBlockQuote.border#72b8ff
- textCodeBlock.background#0f1422
- textLink.activeForeground#bfdcff
- textLink.foreground#72b8ff
- textPreformat.foreground#fffd8e
- textSeparator.foreground#2f4070
- titleBar.activeBackground#0c101a
- titleBar.activeForeground#d3dff2
- titleBar.border#6377b8
- titleBar.inactiveBackground#090c15
- titleBar.inactiveForeground#8496bd
- tree.inactiveIndentGuidesStroke#222c4a
- tree.indentGuidesStroke#364272
- widget.shadow#04070fA6
- window.activeBorder#5273b8
- window.inactiveBorder#2f4070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8496bd | italic |
| string, string.quoted, string.template | #b3ffbe | — |
| constant.character.escape, string.regexp | #b3ffbe | — |
| constant.numeric, constant.language, support.constant | #fffd8e | — |
| keyword, storage.type, storage.modifier | #a2a8fd | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #a2a8fd | bold |
| keyword.operator, punctuation.separator, punctuation.accessor | #98a9d0 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #72b8ff | — |
| entity.name.type, entity.name.class, support.class, support.type | #96dde6 | — |
| variable, variable.other.readwrite, variable.other.object | #eef3ff | — |
| variable.parameter, meta.function.parameters | #ced2ff | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #bfdcff | — |
| variable.language, variable.language.this, variable.language.super | #fffd8e | italic |
| entity.name.namespace, entity.name.module | #96dde6 | — |
| entity.name.tag, punctuation.definition.tag | #a2a8fd | — |
| entity.other.attribute-name, support.type.property-name.css | #fffd8e | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #96dde6 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #b3ffbe | — |
| support.type.property-name.json, entity.name.tag.yaml, string.unquoted.plain.out.yaml | #bfdcff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #fffd8e | — |
| invalid, invalid.illegal | #f79595 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #72b8ff | bold |
| markup.bold, punctuation.definition.bold.markdown | #fffd8e | bold |
| markup.italic, punctuation.definition.italic.markdown | #a2a8fd | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #bfdcff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #b3ffbe | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #b3ffbe | — |
| markup.inserted, meta.diff.header.to-file | #b3ffbe | — |
| markup.deleted, meta.diff.header.from-file | #f79595 | — |
| markup.changed, meta.diff.range | #72b8ff | — |