Sleepy Theme
Publisher: PcoiDevThemes in package: 9
A VSCode theme with GitHub Dark syntax colors on a deep neutral background with a single soft accent, in nine gemstone flavors
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.background#0b0b0b
- activityBar.border#050505
- activityBar.foreground#7d7d7d
- activityBar.inactiveForeground#525252
- activityBarBadge.background#a5a5a5
- activityBarBadge.foreground#fff
- activityBarTop.foreground#7d7d7d
- activityBarTop.inactiveForeground#525252
- badge.background#a5a5a530
- badge.foreground#c7c7c7
- breadcrumb.activeSelectionForeground#d7d7d7
- breadcrumb.background#0b0b0b
- breadcrumb.focusForeground#d7d7d7
- breadcrumb.foreground#4f4f4f
- breadcrumbPicker.background#0b0b0b
- button.background#a5a5a5
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#a3a3a3
- button.secondaryBackground#191919
- button.secondaryForeground#a5a5a5
- button.secondaryHoverBackground#2a2a2a
- charts.blue#a5a5a5
- charts.foreground#a5a5a5
- charts.green#41a6b5
- charts.lines#0b0b0b
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- chat.avatarBackground#a5a5a5
- chat.avatarForeground#ffffff
- chat.requestBorder#060606
- chat.slashCommandBackground#111111
- chat.slashCommandForeground#a5a5a5
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#7d7d7d
- debugConsole.sourceForeground#7d7d7d
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#050505
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#484848
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#c3c3c3
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#a7a7a7
- debugToolBar.background#050505
- debugView.stateLabelBackground#111111
- debugView.stateLabelForeground#7d7d7d
- debugView.valueChangedHighlight#a5a5a5AA
- descriptionForeground#4f4f4f
- diffEditor.diagonalFill#191919
- diffEditor.insertedLineBackground#41a6b520
- diffEditor.insertedTextBackground#41a6b520
- diffEditor.removedLineBackground#db4b4b22
- diffEditor.removedTextBackground#db4b4b22
- diffEditor.unchangedCodeBackground#19191966
- diffEditorGutter.insertedLineBackground#41a6b525
- diffEditorGutter.removedLineBackground#db4b4b22
- diffEditorOverview.insertedForeground#41a6b525
- diffEditorOverview.removedForeground#db4b4b22
- disabledForeground#4a4a4a
- dropdown.background#111111
- dropdown.foreground#7d7d7d
- dropdown.listBackground#111111
- editor.background#111111
- editor.findMatchBackground#b6b6b660
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#b6b6b640
- editor.findRangeHighlightBackground#b6b6b625
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foldBackground#1010104a
- editor.foreground#b3b3b3
- editor.inactiveSelectionBackground#b6b6b618
- editor.lineHighlightBackground#1d1d1d
- editor.rangeHighlightBackground#b6b6b615
- editor.selectionBackground#b6b6b635
- editor.selectionHighlightBackground#b6b6b628
- editor.stackFrameHighlightBackground#E2BD3A20
- editor.wordHighlightBackground#b6b6b628
- editor.wordHighlightStrongBackground#b6b6b635
- editorBracketHighlight.foreground1#698cd6
- editorBracketHighlight.foreground2#68b3de
- editorBracketHighlight.foreground3#9a7ecc
- editorBracketHighlight.foreground4#25aac2
- editorBracketHighlight.foreground5#80a856
- editorBracketHighlight.foreground6#c49a5a
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketMatch.background#0b0b0b
- editorBracketMatch.border#353535
- editorBracketPairGuide.activeBackground1#698cd6
- editorBracketPairGuide.activeBackground2#68b3de
- editorBracketPairGuide.activeBackground3#9a7ecc
- editorBracketPairGuide.activeBackground4#25aac2
- editorBracketPairGuide.activeBackground5#80a856
- editorBracketPairGuide.activeBackground6#c49a5a
- editorCodeLens.foreground#3e3e3e
- editorCursor.foreground#cccccc
- editorError.foreground#db4b4b
- editorGhostText.foreground#3c3c3c
- editorGroup.border#050505
- editorGroup.dropBackground#191919
- editorGroupHeader.border#050505
- editorGroupHeader.noTabsBackground#0b0b0b
- editorGroupHeader.tabsBackground#0b0b0b
- editorGroupHeader.tabsBorder#050505
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#3e3e3e
- editorHint.foreground#8f8f8f
- editorHoverWidget.background#0b0b0b
- editorHoverWidget.border#050505
- editorIndentGuide.activeBackground1#353535
- editorIndentGuide.background1#191919
- editorInfo.foreground#8f8f8f
- editorInlayHint.foreground#3c3c3c
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#7d7d7d
- editorLineNumber.foreground#3e3e3e
- editorLink.activeForeground#b2b2b2
- editorMarkerNavigation.background#0b0b0b
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#050505
- editorOverviewRuler.bracketMatchForeground#050505
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#b3b3b344
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#3e3e3e
- editorOverviewRuler.rangeHighlightForeground#b3b3b344
- editorOverviewRuler.selectionHighlightForeground#b3b3b322
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#111111
- editorRuler.foreground#050505
- editorSuggestWidget.background#0b0b0b
- editorSuggestWidget.border#050505
- editorSuggestWidget.highlightForeground#b6b6b6
- editorSuggestWidget.selectedBackground#191919
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#3e3e3e
- editorWidget.background#111111
- editorWidget.border#050505
- editorWidget.foreground#7d7d7d
- editorWidget.resizeBorder#b6b6b633
- errorForeground#4f4f4f
- extensionBadge.remoteBackground#a5a5a5
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#a5a5a5CC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#a5a5a599
- focusBorder#a5a5a5
- foreground#7d7d7d
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#4f4f4f
- gitDecoration.modifiedResourceForeground#a5a5a5
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#a5a5a5
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterBackgroundColor#0b0b0b
- gitlens.gutterForegroundColor#7d7d7d
- gitlens.gutterUncommittedForegroundColor#a5a5a5
- gitlens.trailingLineForegroundColor#3c3c3c
- icon.foreground#a5a5a5
- inlineChat.foreground#b3b3b3
- inlineChatDiff.inserted#41a6b540
- inlineChatDiff.removed#db4b4b42
- inlineChatInput.background#111111
- input.background#111111
- input.border#111111
- input.foreground#b3b3b3
- input.placeholderForeground#7d7d7d88
- inputOption.activeBackground#a5a5a544
- inputOption.activeForeground#cccccc
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#c3c3c3
- inputValidation.infoBackground#a5a5a55c
- inputValidation.infoBorder#a5a5a5
- inputValidation.infoForeground#c3c3c3
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#353535
- list.activeSelectionForeground#ececec
- list.deemphasizedForeground#7d7d7d
- list.dropBackground#191919
- list.errorForeground#bb616b
- list.focusBackground#202020
- list.focusForeground#d7d7d7
- list.highlightForeground#a5a5a5
- list.hoverBackground#1c1c1c
- list.hoverForeground#a5a5a5
- list.inactiveSelectionBackground#202020
- list.inactiveSelectionForeground#d7d7d7
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#050505
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#a5a5a5
- menu.background#0b0b0b
- menu.border#050505
- menu.foreground#7d7d7d
- menu.selectionBackground#191919
- menu.selectionForeground#d7d7d7
- menu.separatorBackground#050505
- menubar.selectionBackground#191919
- menubar.selectionBorder#0d0d0d
- menubar.selectionForeground#d7d7d7
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#a5a5a544
- merge.incomingHeaderBackground#a5a5a5AA
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimapGutter.addedBackground#1C5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#4e4e4e
- multiDiffEditor.border#111111
- multiDiffEditor.headerBackground#111111
- notebook.cellBorderColor#050505
- notebook.cellEditorBackground#0b0b0b
- notebook.cellStatusBarItemHoverBackground#1c1c1c
- notebook.editorBackground#111111
- notebook.focusedCellBorder#373737
- notificationCenterHeader.background#050505
- notificationLink.foreground#a5a5a5
- notifications.background#050505
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#757575
- notificationsWarningIcon.foreground#bba461
- panel.background#0b0b0b
- panel.border#050505
- panelInput.border#0b0b0b
- panelTitle.activeBorder#0b0b0b
- panelTitle.activeForeground#7d7d7d
- panelTitle.border#202020
- panelTitle.inactiveForeground#3e3e3e
- peekView.border#050505
- peekViewEditor.background#0b0b0b
- peekViewEditor.matchHighlightBackground#b6b6b666
- peekViewResult.background#050505
- peekViewResult.fileForeground#7d7d7d
- peekViewResult.lineForeground#d7d7d7
- peekViewResult.matchHighlightBackground#b6b6b666
- peekViewResult.selectionBackground#b6b6b633
- peekViewResult.selectionForeground#d7d7d7
- peekViewTitle.background#050505
- peekViewTitleDescription.foreground#7d7d7d
- peekViewTitleLabel.foreground#d7d7d7
- pickerGroup.border#050505
- pickerGroup.foreground#a5a5a5
- progressBar.background#a5a5a5
- sash.hoverBorder#373737
- scmGraph.foreground1#ff9e64
- scmGraph.foreground2#e0af68
- scmGraph.foreground3#41a6b5
- scmGraph.foreground4#a5a5a5
- scmGraph.foreground5#bb9af7
- scmGraph.historyItemBaseRefColor#9d7cd8
- scmGraph.historyItemHoverAdditionsForeground#41a6b5
- scmGraph.historyItemHoverDefaultLabelForeground#d7d7d7
- scmGraph.historyItemHoverDeletionsForeground#f7768e
- scmGraph.historyItemHoverLabelForeground#0b0b0b
- scmGraph.historyItemRefColor#a5a5a5
- scmGraph.historyItemRemoteRefColor#41a6b5
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#a5a5a525
- scrollbarSlider.background#a5a5a510
- scrollbarSlider.hoverBackground#a5a5a518
- selection.background#b6b6b630
- settings.headerForeground#a5a5a5
- sideBar.background#0b0b0b
- sideBar.border#050505
- sideBar.dropBackground#191919
- sideBar.foreground#7d7d7d
- sideBarSectionHeader.background#0b0b0b
- sideBarSectionHeader.border#050505
- sideBarSectionHeader.foreground#a5a5a5
- sideBarTitle.foreground#7d7d7d
- statusBar.background#0b0b0b
- statusBar.border#050505
- statusBar.debuggingBackground#0b0b0b
- statusBar.debuggingForeground#7d7d7d
- statusBar.foreground#7d7d7d
- statusBar.noFolderBackground#0b0b0b
- statusBarItem.activeBackground#050505
- statusBarItem.hoverBackground#191919
- statusBarItem.prominentBackground#050505
- statusBarItem.prominentHoverBackground#191919
- tab.activeBackground#111111
- tab.activeBorder#a5a5a5
- tab.activeForeground#d7d7d7
- tab.activeModifiedBorder#111111
- tab.border#050505
- tab.hoverForeground#d7d7d7
- tab.inactiveBackground#0b0b0b
- tab.inactiveForeground#4f4f4f
- tab.inactiveModifiedBorder#191919
- tab.lastPinnedBorder#1c1c1c
- tab.unfocusedActiveBorder#191919
- tab.unfocusedActiveForeground#d7d7d7
- tab.unfocusedHoverForeground#a5a5a5
- tab.unfocusedInactiveForeground#4f4f4f
- terminal.ansiBlack#3d3d3d
- terminal.ansiBlue#a5a5a5
- terminal.ansiBrightBlack#3d3d3d
- terminal.ansiBrightBlue#a5a5a5
- terminal.ansiBrightCyan#c0c0c0
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#d7d7d7
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#c0c0c0
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#a5a5a5
- terminal.ansiYellow#e0af68
- terminal.background#0b0b0b
- terminal.foreground#a5a5a5
- terminal.selectionBackground#a5a5a54d
- textBlockQuote.background#0b0b0b
- textCodeBlock.background#0b0b0b
- textLink.activeForeground#c3c3c3
- textLink.foreground#a5a5a5
- textPreformat.foreground#a5a5a5
- textSeparator.foreground#3e3e3e
- titleBar.activeBackground#0b0b0b
- titleBar.activeForeground#7d7d7d
- titleBar.border#050505
- titleBar.inactiveBackground#080808
- titleBar.inactiveForeground#4f4f4f
- toolbar.activeBackground#191919
- toolbar.hoverBackground#191919
- tree.indentGuidesStroke#1e1e1e
- walkThrough.embeddedEditorBackground#0b0b0b
- widget.shadow#00000066
- window.activeBorder#050505
- window.inactiveBorder#050505
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant.other.placeholder, constant.character | #ff7b72 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity | #58C4F5 | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #e6edf3 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type, storage.modifier | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e6edf3 | — |
| string, string punctuation.section.embedded source | #87d8f7 | — |
| support | #58C4F5 | — |
| support.type.primitive, support.type.builtin | #ffa657 | — |
| meta.property-name | #58C4F5 | — |
| variable | #ffa657 | — |
| variable.other | #e6edf3 | — |
| variable.property, variable.object.property | #e6edf3 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #ff7b72 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #f0f6fc | italic underline |
| message.error | #ffa198 | — |
| string variable | #58C4F5 | — |
| source.regexp, string.regexp | #87d8f7 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #87d8f7 | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #58C4F5 | — |
| support.variable | #58C4F5 | — |
| support.type.property-name.json | #7ee787 | — |
| meta.module-reference | #58C4F5 | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #58C4F5 | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #e6edf3 | italic |
| markup.bold | #e6edf3 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #58C4F5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| punctuation.section.embedded | #ff7b72 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #58C4F5 | — |
| meta.separator | #58C4F5 | bold |
| meta.output | #58C4F5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #87d8f7 | underline |
| variable.language | #ff7b72 | — |
| support.type, entity.other.inherited-class | #ffa657 | — |
| support.function | #d2a8ff | — |
| variable.parameter | #e6edf3 | — |
| variable.parameter.function.language.special.self | #ff7b72 | — |
| source.toml support.type.property-name | #e6edf3 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d2a8ff | bold |
| source.toml punctuation | #59667a | — |
| source.toml punctuation.definition.comment | #8b949e | — |
| source.toml constant.numeric, source.toml constant.language, source.toml constant.other.time | #ffa657 | — |
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.background#0d0a09
- activityBar.border#060504
- activityBar.foreground#99736d
- activityBar.inactiveForeground#694844
- activityBarBadge.background#ca9692
- activityBarBadge.foreground#fff
- activityBarTop.foreground#99736d
- activityBarTop.inactiveForeground#694844
- badge.background#ca969230
- badge.foreground#e9b9b7
- breadcrumb.activeSelectionForeground#efcecb
- breadcrumb.background#0d0a09
- breadcrumb.focusForeground#efcecb
- breadcrumb.foreground#5f4945
- breadcrumbPicker.background#0d0a09
- button.background#ca9692
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#ff6868
- button.secondaryBackground#1d1817
- button.secondaryForeground#ca9692
- button.secondaryHoverBackground#302826
- charts.blue#ca9692
- charts.foreground#ca9692
- charts.green#41a6b5
- charts.lines#0d0a09
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- chat.avatarBackground#ca9692
- chat.avatarForeground#ffffff
- chat.requestBorder#070505
- chat.slashCommandBackground#13100f
- chat.slashCommandForeground#ca9692
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#99736d
- debugConsole.sourceForeground#99736d
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#060504
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#5d4139
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#e2b8b5
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#dd917c
- debugToolBar.background#060504
- debugView.stateLabelBackground#13100f
- debugView.stateLabelForeground#99736d
- debugView.valueChangedHighlight#ca9692AA
- descriptionForeground#5f4945
- diffEditor.diagonalFill#1d1817
- diffEditor.insertedLineBackground#41a6b520
- diffEditor.insertedTextBackground#41a6b520
- diffEditor.removedLineBackground#db4b4b22
- diffEditor.removedTextBackground#db4b4b22
- diffEditor.unchangedCodeBackground#1d181766
- diffEditorGutter.insertedLineBackground#41a6b525
- diffEditorGutter.removedLineBackground#db4b4b22
- diffEditorOverview.insertedForeground#41a6b525
- diffEditorOverview.removedForeground#db4b4b22
- disabledForeground#594441
- dropdown.background#13100f
- dropdown.foreground#99736d
- dropdown.listBackground#13100f
- editor.background#13100f
- editor.findMatchBackground#ff7b7a60
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#ff7b7a40
- editor.findRangeHighlightBackground#ff7b7a25
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foldBackground#120f0e4a
- editor.foreground#e4a08c
- editor.inactiveSelectionBackground#ff7b7a18
- editor.lineHighlightBackground#201b1a
- editor.rangeHighlightBackground#ff7b7a15
- editor.selectionBackground#ff7b7a35
- editor.selectionHighlightBackground#ff7b7a28
- editor.stackFrameHighlightBackground#E2BD3A20
- editor.wordHighlightBackground#ff7b7a28
- editor.wordHighlightStrongBackground#ff7b7a35
- editorBracketHighlight.foreground1#698cd6
- editorBracketHighlight.foreground2#68b3de
- editorBracketHighlight.foreground3#9a7ecc
- editorBracketHighlight.foreground4#25aac2
- editorBracketHighlight.foreground5#80a856
- editorBracketHighlight.foreground6#c49a5a
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketMatch.background#0d0a09
- editorBracketMatch.border#3e312f
- editorBracketPairGuide.activeBackground1#698cd6
- editorBracketPairGuide.activeBackground2#68b3de
- editorBracketPairGuide.activeBackground3#9a7ecc
- editorBracketPairGuide.activeBackground4#25aac2
- editorBracketPairGuide.activeBackground5#80a856
- editorBracketPairGuide.activeBackground6#c49a5a
- editorCodeLens.foreground#4c3836
- editorCursor.foreground#ffb69f
- editorError.foreground#db4b4b
- editorGhostText.foreground#3c3c3c
- editorGroup.border#060504
- editorGroup.dropBackground#1d1817
- editorGroupHeader.border#060504
- editorGroupHeader.noTabsBackground#0d0a09
- editorGroupHeader.tabsBackground#0d0a09
- editorGroupHeader.tabsBorder#060504
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#563433
- editorHint.foreground#e85664
- editorHoverWidget.background#0d0a09
- editorHoverWidget.border#060504
- editorIndentGuide.activeBackground1#3e312f
- editorIndentGuide.background1#1d1817
- editorInfo.foreground#e85664
- editorInlayHint.foreground#3c3c3c
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#99736d
- editorLineNumber.foreground#4c3836
- editorLink.activeForeground#dca390
- editorMarkerNavigation.background#0d0a09
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#060504
- editorOverviewRuler.bracketMatchForeground#060504
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#e4a08c44
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#563433
- editorOverviewRuler.rangeHighlightForeground#e4a08c44
- editorOverviewRuler.selectionHighlightForeground#e4a08c22
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#13100f
- editorRuler.foreground#060504
- editorSuggestWidget.background#0d0a09
- editorSuggestWidget.border#060504
- editorSuggestWidget.highlightForeground#ff7b7a
- editorSuggestWidget.selectedBackground#1d1817
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#4c3836
- editorWidget.background#13100f
- editorWidget.border#060504
- editorWidget.foreground#99736d
- editorWidget.resizeBorder#ff7b7a33
- errorForeground#5f4945
- extensionBadge.remoteBackground#ca9692
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#ca9692CC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ca969299
- focusBorder#ca9692
- foreground#99736d
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#5f4945
- gitDecoration.modifiedResourceForeground#ca9692
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#ca9692
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterBackgroundColor#0d0a09
- gitlens.gutterForegroundColor#99736d
- gitlens.gutterUncommittedForegroundColor#ca9692
- gitlens.trailingLineForegroundColor#3c3c3c
- icon.foreground#ca9692
- inlineChat.foreground#e4a08c
- inlineChatDiff.inserted#41a6b540
- inlineChatDiff.removed#db4b4b42
- inlineChatInput.background#13100f
- input.background#13100f
- input.border#13100f
- input.foreground#e4a08c
- input.placeholderForeground#99736d88
- inputOption.activeBackground#ca969244
- inputOption.activeForeground#ffb69f
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#ecb5a4
- inputValidation.infoBackground#ca96925c
- inputValidation.infoBorder#ca9692
- inputValidation.infoForeground#ecb5a4
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#3e312f
- list.activeSelectionForeground#ffe4e1
- list.deemphasizedForeground#99736d
- list.dropBackground#1d1817
- list.errorForeground#bb616b
- list.focusBackground#251f1e
- list.focusForeground#efcecb
- list.highlightForeground#ca9692
- list.hoverBackground#201a19
- list.hoverForeground#ca9692
- list.inactiveSelectionBackground#251f1e
- list.inactiveSelectionForeground#efcecb
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#060504
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#ca9692
- menu.background#0d0a09
- menu.border#060504
- menu.foreground#99736d
- menu.selectionBackground#1d1817
- menu.selectionForeground#efcecb
- menu.separatorBackground#060504
- menubar.selectionBackground#1d1817
- menubar.selectionBorder#0f0c0b
- menubar.selectionForeground#efcecb
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#ca969244
- merge.incomingHeaderBackground#ca9692AA
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimapGutter.addedBackground#1C5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#733b39
- multiDiffEditor.border#13100f
- multiDiffEditor.headerBackground#13100f
- notebook.cellBorderColor#060504
- notebook.cellEditorBackground#0d0a09
- notebook.cellStatusBarItemHoverBackground#201a19
- notebook.editorBackground#13100f
- notebook.focusedCellBorder#403433
- notificationCenterHeader.background#060504
- notificationLink.foreground#ca9692
- notifications.background#060504
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#986663
- notificationsWarningIcon.foreground#bba461
- panel.background#0d0a09
- panel.border#060504
- panelInput.border#0d0a09
- panelTitle.activeBorder#0d0a09
- panelTitle.activeForeground#99736d
- panelTitle.border#251f1e
- panelTitle.inactiveForeground#4c3836
- peekView.border#060504
- peekViewEditor.background#0d0a09
- peekViewEditor.matchHighlightBackground#ff7b7a66
- peekViewResult.background#060504
- peekViewResult.fileForeground#99736d
- peekViewResult.lineForeground#efcecb
- peekViewResult.matchHighlightBackground#ff7b7a66
- peekViewResult.selectionBackground#ff7b7a33
- peekViewResult.selectionForeground#efcecb
- peekViewTitle.background#060504
- peekViewTitleDescription.foreground#99736d
- peekViewTitleLabel.foreground#efcecb
- pickerGroup.border#060504
- pickerGroup.foreground#ca9692
- progressBar.background#ca9692
- sash.hoverBorder#403433
- scmGraph.foreground1#ff9e64
- scmGraph.foreground2#e0af68
- scmGraph.foreground3#41a6b5
- scmGraph.foreground4#ca9692
- scmGraph.foreground5#bb9af7
- scmGraph.historyItemBaseRefColor#9d7cd8
- scmGraph.historyItemHoverAdditionsForeground#41a6b5
- scmGraph.historyItemHoverDefaultLabelForeground#efcecb
- scmGraph.historyItemHoverDeletionsForeground#f7768e
- scmGraph.historyItemHoverLabelForeground#0d0a09
- scmGraph.historyItemRefColor#ca9692
- scmGraph.historyItemRemoteRefColor#41a6b5
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#ca969225
- scrollbarSlider.background#ca969210
- scrollbarSlider.hoverBackground#ca969218
- selection.background#ff7b7a30
- settings.headerForeground#ca9692
- sideBar.background#0d0a09
- sideBar.border#060504
- sideBar.dropBackground#1d1817
- sideBar.foreground#99736d
- sideBarSectionHeader.background#0d0a09
- sideBarSectionHeader.border#060504
- sideBarSectionHeader.foreground#ca9692
- sideBarTitle.foreground#99736d
- statusBar.background#0d0a09
- statusBar.border#060504
- statusBar.debuggingBackground#0d0a09
- statusBar.debuggingForeground#99736d
- statusBar.foreground#99736d
- statusBar.noFolderBackground#0d0a09
- statusBarItem.activeBackground#060504
- statusBarItem.hoverBackground#1d1817
- statusBarItem.prominentBackground#060504
- statusBarItem.prominentHoverBackground#1d1817
- tab.activeBackground#13100f
- tab.activeBorder#ca9692
- tab.activeForeground#efcecb
- tab.activeModifiedBorder#13100f
- tab.border#060504
- tab.hoverForeground#efcecb
- tab.inactiveBackground#0d0a09
- tab.inactiveForeground#5f4945
- tab.inactiveModifiedBorder#1d1817
- tab.lastPinnedBorder#201a19
- tab.unfocusedActiveBorder#1d1817
- tab.unfocusedActiveForeground#efcecb
- tab.unfocusedHoverForeground#ca9692
- tab.unfocusedInactiveForeground#5f4945
- terminal.ansiBlack#4d3730
- terminal.ansiBlue#ca9692
- terminal.ansiBrightBlack#4d3730
- terminal.ansiBrightBlue#ca9692
- terminal.ansiBrightCyan#f0acaa
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#efcecb
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#f0acaa
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#ca9692
- terminal.ansiYellow#e0af68
- terminal.background#0d0a09
- terminal.foreground#ca9692
- terminal.selectionBackground#ca96924d
- textBlockQuote.background#0d0a09
- textCodeBlock.background#0d0a09
- textLink.activeForeground#e2b8b5
- textLink.foreground#ca9692
- textPreformat.foreground#ca9692
- textSeparator.foreground#4c3836
- titleBar.activeBackground#0d0a09
- titleBar.activeForeground#99736d
- titleBar.border#060504
- titleBar.inactiveBackground#0b0706
- titleBar.inactiveForeground#5f4945
- toolbar.activeBackground#1d1817
- toolbar.hoverBackground#1d1817
- tree.indentGuidesStroke#1e1e1e
- walkThrough.embeddedEditorBackground#0d0a09
- widget.shadow#00000066
- window.activeBorder#060504
- window.inactiveBorder#060504
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant.other.placeholder, constant.character | #ff7b72 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity | #58C4F5 | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #e6edf3 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type, storage.modifier | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e6edf3 | — |
| string, string punctuation.section.embedded source | #87d8f7 | — |
| support | #58C4F5 | — |
| support.type.primitive, support.type.builtin | #ffa657 | — |
| meta.property-name | #58C4F5 | — |
| variable | #ffa657 | — |
| variable.other | #e6edf3 | — |
| variable.property, variable.object.property | #e6edf3 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #ff7b72 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #f0f6fc | italic underline |
| message.error | #ffa198 | — |
| string variable | #58C4F5 | — |
| source.regexp, string.regexp | #87d8f7 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #87d8f7 | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #58C4F5 | — |
| support.variable | #58C4F5 | — |
| support.type.property-name.json | #7ee787 | — |
| meta.module-reference | #58C4F5 | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #58C4F5 | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #e6edf3 | italic |
| markup.bold | #e6edf3 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #58C4F5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| punctuation.section.embedded | #ff7b72 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #58C4F5 | — |
| meta.separator | #58C4F5 | bold |
| meta.output | #58C4F5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #87d8f7 | underline |
| variable.language | #ff7b72 | — |
| support.type, entity.other.inherited-class | #ffa657 | — |
| support.function | #d2a8ff | — |
| variable.parameter | #e6edf3 | — |
| variable.parameter.function.language.special.self | #ff7b72 | — |
| source.toml support.type.property-name | #e6edf3 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d2a8ff | bold |
| source.toml punctuation | #59667a | — |
| source.toml punctuation.definition.comment | #8b949e | — |
| source.toml constant.numeric, source.toml constant.language, source.toml constant.other.time | #ffa657 | — |
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.background#080b13
- activityBar.border#04050a
- activityBar.foreground#6f7e9b
- activityBar.inactiveForeground#3f5276
- activityBarBadge.background#90a7cb
- activityBarBadge.foreground#fff
- activityBarTop.foreground#6f7e9b
- activityBarTop.inactiveForeground#3f5276
- badge.background#90a7cb30
- badge.foreground#b2c9e9
- breadcrumb.activeSelectionForeground#c9d8ef
- breadcrumb.background#080b13
- breadcrumb.focusForeground#c9d8ef
- breadcrumb.foreground#434f69
- breadcrumbPicker.background#080b13
- button.background#90a7cb
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#59a1ff
- button.secondaryBackground#141926
- button.secondaryForeground#90a7cb
- button.secondaryHoverBackground#212a3d
- charts.blue#90a7cb
- charts.foreground#90a7cb
- charts.green#41a6b5
- charts.lines#080b13
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- chat.avatarBackground#90a7cb
- chat.avatarForeground#ffffff
- chat.requestBorder#04060a
- chat.slashCommandBackground#0d101a
- chat.slashCommandForeground#90a7cb
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#6f7e9b
- debugConsole.sourceForeground#6f7e9b
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#04050a
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#3c466d
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#b2c5e2
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#93a4e1
- debugToolBar.background#04050a
- debugView.stateLabelBackground#0d101a
- debugView.stateLabelForeground#6f7e9b
- debugView.valueChangedHighlight#90a7cbAA
- descriptionForeground#434f69
- diffEditor.diagonalFill#141926
- diffEditor.insertedLineBackground#41a6b520
- diffEditor.insertedTextBackground#41a6b520
- diffEditor.removedLineBackground#db4b4b22
- diffEditor.removedTextBackground#db4b4b22
- diffEditor.unchangedCodeBackground#14192666
- diffEditorGutter.insertedLineBackground#41a6b525
- diffEditorGutter.removedLineBackground#db4b4b22
- diffEditorOverview.insertedForeground#41a6b525
- diffEditorOverview.removedForeground#db4b4b22
- disabledForeground#3d4a64
- dropdown.background#0d101a
- dropdown.foreground#6f7e9b
- dropdown.listBackground#0d101a
- editor.background#0d101a
- editor.findMatchBackground#6ab5ff60
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#6ab5ff40
- editor.findRangeHighlightBackground#6ab5ff25
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foldBackground#0d10184a
- editor.foreground#a2b0e7
- editor.inactiveSelectionBackground#6ab5ff18
- editor.lineHighlightBackground#171c29
- editor.rangeHighlightBackground#6ab5ff15
- editor.selectionBackground#6ab5ff35
- editor.selectionHighlightBackground#6ab5ff28
- editor.stackFrameHighlightBackground#E2BD3A20
- editor.wordHighlightBackground#6ab5ff28
- editor.wordHighlightStrongBackground#6ab5ff35
- editorBracketHighlight.foreground1#698cd6
- editorBracketHighlight.foreground2#68b3de
- editorBracketHighlight.foreground3#9a7ecc
- editorBracketHighlight.foreground4#25aac2
- editorBracketHighlight.foreground5#80a856
- editorBracketHighlight.foreground6#c49a5a
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketMatch.background#080b13
- editorBracketMatch.border#2a344c
- editorBracketPairGuide.activeBackground1#698cd6
- editorBracketPairGuide.activeBackground2#68b3de
- editorBracketPairGuide.activeBackground3#9a7ecc
- editorBracketPairGuide.activeBackground4#25aac2
- editorBracketPairGuide.activeBackground5#80a856
- editorBracketPairGuide.activeBackground6#c49a5a
- editorCodeLens.foreground#2f3e5b
- editorCursor.foreground#b8c9ff
- editorError.foreground#db4b4b
- editorGhostText.foreground#3c3c3c
- editorGroup.border#04050a
- editorGroup.dropBackground#141926
- editorGroupHeader.border#04050a
- editorGroupHeader.noTabsBackground#080b13
- editorGroupHeader.tabsBackground#080b13
- editorGroupHeader.tabsBorder#04050a
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#1a3e70
- editorHint.foreground#3790f3
- editorHoverWidget.background#080b13
- editorHoverWidget.border#04050a
- editorIndentGuide.activeBackground1#2a344c
- editorIndentGuide.background1#141926
- editorInfo.foreground#3790f3
- editorInlayHint.foreground#3c3c3c
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#6f7e9b
- editorLineNumber.foreground#2f3e5b
- editorLink.activeForeground#a5b0df
- editorMarkerNavigation.background#080b13
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#04050a
- editorOverviewRuler.bracketMatchForeground#04050a
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#a2b0e744
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#1a3e70
- editorOverviewRuler.rangeHighlightForeground#a2b0e744
- editorOverviewRuler.selectionHighlightForeground#a2b0e722
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#0d101a
- editorRuler.foreground#04050a
- editorSuggestWidget.background#080b13
- editorSuggestWidget.border#04050a
- editorSuggestWidget.highlightForeground#6ab5ff
- editorSuggestWidget.selectedBackground#141926
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#2f3e5b
- editorWidget.background#0d101a
- editorWidget.border#04050a
- editorWidget.foreground#6f7e9b
- editorWidget.resizeBorder#6ab5ff33
- errorForeground#434f69
- extensionBadge.remoteBackground#90a7cb
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#90a7cbCC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#90a7cb99
- focusBorder#90a7cb
- foreground#6f7e9b
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#434f69
- gitDecoration.modifiedResourceForeground#90a7cb
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#90a7cb
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterBackgroundColor#080b13
- gitlens.gutterForegroundColor#6f7e9b
- gitlens.gutterUncommittedForegroundColor#90a7cb
- gitlens.trailingLineForegroundColor#3c3c3c
- icon.foreground#90a7cb
- inlineChat.foreground#a2b0e7
- inlineChatDiff.inserted#41a6b540
- inlineChatDiff.removed#db4b4b42
- inlineChatInput.background#0d101a
- input.background#0d101a
- input.border#0d101a
- input.foreground#a2b0e7
- input.placeholderForeground#6f7e9b88
- inputOption.activeBackground#90a7cb44
- inputOption.activeForeground#b8c9ff
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#b5c2ee
- inputValidation.infoBackground#90a7cb5c
- inputValidation.infoBorder#90a7cb
- inputValidation.infoForeground#b5c2ee
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#2a344c
- list.activeSelectionForeground#e1ecff
- list.deemphasizedForeground#6f7e9b
- list.dropBackground#141926
- list.errorForeground#bb616b
- list.focusBackground#1a2030
- list.focusForeground#c9d8ef
- list.highlightForeground#90a7cb
- list.hoverBackground#161b2a
- list.hoverForeground#90a7cb
- list.inactiveSelectionBackground#1a2030
- list.inactiveSelectionForeground#c9d8ef
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#04050a
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#90a7cb
- menu.background#080b13
- menu.border#04050a
- menu.foreground#6f7e9b
- menu.selectionBackground#141926
- menu.selectionForeground#c9d8ef
- menu.separatorBackground#04050a
- menubar.selectionBackground#141926
- menubar.selectionBorder#0a0d15
- menubar.selectionForeground#c9d8ef
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#90a7cb44
- merge.incomingHeaderBackground#90a7cbAA
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimapGutter.addedBackground#1C5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#214c8c
- multiDiffEditor.border#0d101a
- multiDiffEditor.headerBackground#0d101a
- notebook.cellBorderColor#04050a
- notebook.cellEditorBackground#080b13
- notebook.cellStatusBarItemHoverBackground#161b2a
- notebook.editorBackground#0d101a
- notebook.focusedCellBorder#2b384b
- notificationCenterHeader.background#04050a
- notificationLink.foreground#90a7cb
- notifications.background#04050a
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#5d769c
- notificationsWarningIcon.foreground#bba461
- panel.background#080b13
- panel.border#04050a
- panelInput.border#080b13
- panelTitle.activeBorder#080b13
- panelTitle.activeForeground#6f7e9b
- panelTitle.border#1a2030
- panelTitle.inactiveForeground#2f3e5b
- peekView.border#04050a
- peekViewEditor.background#080b13
- peekViewEditor.matchHighlightBackground#6ab5ff66
- peekViewResult.background#04050a
- peekViewResult.fileForeground#6f7e9b
- peekViewResult.lineForeground#c9d8ef
- peekViewResult.matchHighlightBackground#6ab5ff66
- peekViewResult.selectionBackground#6ab5ff33
- peekViewResult.selectionForeground#c9d8ef
- peekViewTitle.background#04050a
- peekViewTitleDescription.foreground#6f7e9b
- peekViewTitleLabel.foreground#c9d8ef
- pickerGroup.border#04050a
- pickerGroup.foreground#90a7cb
- progressBar.background#90a7cb
- sash.hoverBorder#2b384b
- scmGraph.foreground1#ff9e64
- scmGraph.foreground2#e0af68
- scmGraph.foreground3#41a6b5
- scmGraph.foreground4#90a7cb
- scmGraph.foreground5#bb9af7
- scmGraph.historyItemBaseRefColor#9d7cd8
- scmGraph.historyItemHoverAdditionsForeground#41a6b5
- scmGraph.historyItemHoverDefaultLabelForeground#c9d8ef
- scmGraph.historyItemHoverDeletionsForeground#f7768e
- scmGraph.historyItemHoverLabelForeground#080b13
- scmGraph.historyItemRefColor#90a7cb
- scmGraph.historyItemRemoteRefColor#41a6b5
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#90a7cb25
- scrollbarSlider.background#90a7cb10
- scrollbarSlider.hoverBackground#90a7cb18
- selection.background#6ab5ff30
- settings.headerForeground#90a7cb
- sideBar.background#080b13
- sideBar.border#04050a
- sideBar.dropBackground#141926
- sideBar.foreground#6f7e9b
- sideBarSectionHeader.background#080b13
- sideBarSectionHeader.border#04050a
- sideBarSectionHeader.foreground#90a7cb
- sideBarTitle.foreground#6f7e9b
- statusBar.background#080b13
- statusBar.border#04050a
- statusBar.debuggingBackground#080b13
- statusBar.debuggingForeground#6f7e9b
- statusBar.foreground#6f7e9b
- statusBar.noFolderBackground#080b13
- statusBarItem.activeBackground#04050a
- statusBarItem.hoverBackground#141926
- statusBarItem.prominentBackground#04050a
- statusBarItem.prominentHoverBackground#141926
- tab.activeBackground#0d101a
- tab.activeBorder#90a7cb
- tab.activeForeground#c9d8ef
- tab.activeModifiedBorder#0d101a
- tab.border#04050a
- tab.hoverForeground#c9d8ef
- tab.inactiveBackground#080b13
- tab.inactiveForeground#434f69
- tab.inactiveModifiedBorder#141926
- tab.lastPinnedBorder#161b2a
- tab.unfocusedActiveBorder#141926
- tab.unfocusedActiveForeground#c9d8ef
- tab.unfocusedHoverForeground#90a7cb
- tab.unfocusedInactiveForeground#434f69
- terminal.ansiBlack#313a5f
- terminal.ansiBlue#90a7cb
- terminal.ansiBrightBlack#313a5f
- terminal.ansiBrightBlue#90a7cb
- terminal.ansiBrightCyan#a1c3f1
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#c9d8ef
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#a1c3f1
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#90a7cb
- terminal.ansiYellow#e0af68
- terminal.background#080b13
- terminal.foreground#90a7cb
- terminal.selectionBackground#90a7cb4d
- textBlockQuote.background#080b13
- textCodeBlock.background#080b13
- textLink.activeForeground#b2c5e2
- textLink.foreground#90a7cb
- textPreformat.foreground#90a7cb
- textSeparator.foreground#2f3e5b
- titleBar.activeBackground#080b13
- titleBar.activeForeground#6f7e9b
- titleBar.border#04050a
- titleBar.inactiveBackground#050814
- titleBar.inactiveForeground#434f69
- toolbar.activeBackground#141926
- toolbar.hoverBackground#141926
- tree.indentGuidesStroke#1e1e1e
- walkThrough.embeddedEditorBackground#080b13
- widget.shadow#00000066
- window.activeBorder#04050a
- window.inactiveBorder#04050a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant.other.placeholder, constant.character | #ff7b72 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity | #58C4F5 | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #e6edf3 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type, storage.modifier | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e6edf3 | — |
| string, string punctuation.section.embedded source | #87d8f7 | — |
| support | #58C4F5 | — |
| support.type.primitive, support.type.builtin | #ffa657 | — |
| meta.property-name | #58C4F5 | — |
| variable | #ffa657 | — |
| variable.other | #e6edf3 | — |
| variable.property, variable.object.property | #e6edf3 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #ff7b72 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #f0f6fc | italic underline |
| message.error | #ffa198 | — |
| string variable | #58C4F5 | — |
| source.regexp, string.regexp | #87d8f7 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #87d8f7 | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #58C4F5 | — |
| support.variable | #58C4F5 | — |
| support.type.property-name.json | #7ee787 | — |
| meta.module-reference | #58C4F5 | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #58C4F5 | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #e6edf3 | italic |
| markup.bold | #e6edf3 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #58C4F5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| punctuation.section.embedded | #ff7b72 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #58C4F5 | — |
| meta.separator | #58C4F5 | bold |
| meta.output | #58C4F5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #87d8f7 | underline |
| variable.language | #ff7b72 | — |
| support.type, entity.other.inherited-class | #ffa657 | — |
| support.function | #d2a8ff | — |
| variable.parameter | #e6edf3 | — |
| variable.parameter.function.language.special.self | #ff7b72 | — |
| source.toml support.type.property-name | #e6edf3 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d2a8ff | bold |
| source.toml punctuation | #59667a | — |
| source.toml punctuation.definition.comment | #8b949e | — |
| source.toml constant.numeric, source.toml constant.language, source.toml constant.other.time | #ffa657 | — |
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.background#0b0a12
- activityBar.border#050409
- activityBar.foreground#7a7a9a
- activityBar.inactiveForeground#4d4d74
- activityBarBadge.background#9ea2cb
- activityBarBadge.foreground#fff
- activityBarTop.foreground#7a7a9a
- activityBarTop.inactiveForeground#4d4d74
- badge.background#9ea2cb30
- badge.foreground#bec4e9
- breadcrumb.activeSelectionForeground#d2d5ef
- breadcrumb.background#0b0a12
- breadcrumb.focusForeground#d2d5ef
- breadcrumb.foreground#4d4b67
- breadcrumbPicker.background#0b0a12
- button.background#9ea2cb
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#9092ff
- button.secondaryBackground#191826
- button.secondaryForeground#9ea2cb
- button.secondaryHoverBackground#28273c
- charts.blue#9ea2cb
- charts.foreground#9ea2cb
- charts.green#41a6b5
- charts.lines#0b0a12
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- chat.avatarBackground#9ea2cb
- chat.avatarForeground#ffffff
- chat.requestBorder#05050a
- chat.slashCommandBackground#100f1a
- chat.slashCommandForeground#9ea2cb
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#7a7a9a
- debugConsole.sourceForeground#7a7a9a
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#050409
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#4b4169
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#bdc1e2
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#a99cdb
- debugToolBar.background#050409
- debugView.stateLabelBackground#100f1a
- debugView.stateLabelForeground#7a7a9a
- debugView.valueChangedHighlight#9ea2cbAA
- descriptionForeground#4d4b67
- diffEditor.diagonalFill#191826
- diffEditor.insertedLineBackground#41a6b520
- diffEditor.insertedTextBackground#41a6b520
- diffEditor.removedLineBackground#db4b4b22
- diffEditor.removedTextBackground#db4b4b22
- diffEditor.unchangedCodeBackground#19182666
- diffEditorGutter.insertedLineBackground#41a6b525
- diffEditorGutter.removedLineBackground#db4b4b22
- diffEditorOverview.insertedForeground#41a6b525
- diffEditorOverview.removedForeground#db4b4b22
- disabledForeground#474763
- dropdown.background#100f1a
- dropdown.foreground#7a7a9a
- dropdown.listBackground#100f1a
- editor.background#100f1a
- editor.findMatchBackground#a2a6ff60
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#a2a6ff40
- editor.findRangeHighlightBackground#a2a6ff25
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foldBackground#100f174a
- editor.foreground#b6aae2
- editor.inactiveSelectionBackground#a2a6ff18
- editor.lineHighlightBackground#1c1b28
- editor.rangeHighlightBackground#a2a6ff15
- editor.selectionBackground#a2a6ff35
- editor.selectionHighlightBackground#a2a6ff28
- editor.stackFrameHighlightBackground#E2BD3A20
- editor.wordHighlightBackground#a2a6ff28
- editor.wordHighlightStrongBackground#a2a6ff35
- editorBracketHighlight.foreground1#698cd6
- editorBracketHighlight.foreground2#68b3de
- editorBracketHighlight.foreground3#9a7ecc
- editorBracketHighlight.foreground4#25aac2
- editorBracketHighlight.foreground5#80a856
- editorBracketHighlight.foreground6#c49a5a
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketMatch.background#0b0a12
- editorBracketMatch.border#33314b
- editorBracketPairGuide.activeBackground1#698cd6
- editorBracketPairGuide.activeBackground2#68b3de
- editorBracketPairGuide.activeBackground3#9a7ecc
- editorBracketPairGuide.activeBackground4#25aac2
- editorBracketPairGuide.activeBackground5#80a856
- editorBracketPairGuide.activeBackground6#c49a5a
- editorCodeLens.foreground#3b3a59
- editorCursor.foreground#cfc1ff
- editorError.foreground#db4b4b
- editorGhostText.foreground#3c3c3c
- editorGroup.border#050409
- editorGroup.dropBackground#191826
- editorGroupHeader.border#050409
- editorGroupHeader.noTabsBackground#0b0a12
- editorGroupHeader.tabsBackground#0b0a12
- editorGroupHeader.tabsBorder#050409
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#34376f
- editorHint.foreground#7382f5
- editorHoverWidget.background#0b0a12
- editorHoverWidget.border#050409
- editorIndentGuide.activeBackground1#33314b
- editorIndentGuide.background1#191826
- editorInfo.foreground#7382f5
- editorInlayHint.foreground#3c3c3c
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#7a7a9a
- editorLineNumber.foreground#3b3a59
- editorLink.activeForeground#b6aada
- editorMarkerNavigation.background#0b0a12
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#050409
- editorOverviewRuler.bracketMatchForeground#050409
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#b6aae244
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#34376f
- editorOverviewRuler.rangeHighlightForeground#b6aae244
- editorOverviewRuler.selectionHighlightForeground#b6aae222
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#100f1a
- editorRuler.foreground#050409
- editorSuggestWidget.background#0b0a12
- editorSuggestWidget.border#050409
- editorSuggestWidget.highlightForeground#a2a6ff
- editorSuggestWidget.selectedBackground#191826
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#3b3a59
- editorWidget.background#100f1a
- editorWidget.border#050409
- editorWidget.foreground#7a7a9a
- editorWidget.resizeBorder#a2a6ff33
- errorForeground#4d4b67
- extensionBadge.remoteBackground#9ea2cb
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#9ea2cbCC
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#9ea2cb99
- focusBorder#9ea2cb
- foreground#7a7a9a
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#4d4b67
- gitDecoration.modifiedResourceForeground#9ea2cb
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#9ea2cb
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterBackgroundColor#0b0a12
- gitlens.gutterForegroundColor#7a7a9a
- gitlens.gutterUncommittedForegroundColor#9ea2cb
- gitlens.trailingLineForegroundColor#3c3c3c
- icon.foreground#9ea2cb
- inlineChat.foreground#b6aae2
- inlineChatDiff.inserted#41a6b540
- inlineChatDiff.removed#db4b4b42
- inlineChatInput.background#100f1a
- input.background#100f1a
- input.border#100f1a
- input.foreground#b6aae2
- input.placeholderForeground#7a7a9a88
- inputOption.activeBackground#9ea2cb44
- inputOption.activeForeground#cfc1ff
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#c5bcea
- inputValidation.infoBackground#9ea2cb5c
- inputValidation.infoBorder#9ea2cb
- inputValidation.infoForeground#c5bcea
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#33314b
- list.activeSelectionForeground#e8eaff
- list.deemphasizedForeground#7a7a9a
- list.dropBackground#191826
- list.errorForeground#bb616b
- list.focusBackground#201e2f
- list.focusForeground#d2d5ef
- list.highlightForeground#9ea2cb
- list.hoverBackground#1b1929
- list.hoverForeground#9ea2cb
- list.inactiveSelectionBackground#201e2f
- list.inactiveSelectionForeground#d2d5ef
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#050409
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#9ea2cb
- menu.background#0b0a12
- menu.border#050409
- menu.foreground#7a7a9a
- menu.selectionBackground#191826
- menu.selectionForeground#d2d5ef
- menu.separatorBackground#050409
- menubar.selectionBackground#191826
- menubar.selectionBorder#0d0c14
- menubar.selectionForeground#d2d5ef
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#9ea2cb44
- merge.incomingHeaderBackground#9ea2cbAA
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimapGutter.addedBackground#1C5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#43438b
- multiDiffEditor.border#100f1a
- multiDiffEditor.headerBackground#100f1a
- notebook.cellBorderColor#050409
- notebook.cellEditorBackground#0b0a12
- notebook.cellStatusBarItemHoverBackground#1b1929
- notebook.editorBackground#100f1a
- notebook.focusedCellBorder#33354b
- notificationCenterHeader.background#050409
- notificationLink.foreground#9ea2cb
- notifications.background#050409
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#6d719b
- notificationsWarningIcon.foreground#bba461
- panel.background#0b0a12
- panel.border#050409
- panelInput.border#0b0a12
- panelTitle.activeBorder#0b0a12
- panelTitle.activeForeground#7a7a9a
- panelTitle.border#201e2f
- panelTitle.inactiveForeground#3b3a59
- peekView.border#050409
- peekViewEditor.background#0b0a12
- peekViewEditor.matchHighlightBackground#a2a6ff66
- peekViewResult.background#050409
- peekViewResult.fileForeground#7a7a9a
- peekViewResult.lineForeground#d2d5ef
- peekViewResult.matchHighlightBackground#a2a6ff66
- peekViewResult.selectionBackground#a2a6ff33
- peekViewResult.selectionForeground#d2d5ef
- peekViewTitle.background#050409
- peekViewTitleDescription.foreground#7a7a9a
- peekViewTitleLabel.foreground#d2d5ef
- pickerGroup.border#050409
- pickerGroup.foreground#9ea2cb
- progressBar.background#9ea2cb
- sash.hoverBorder#33354b
- scmGraph.foreground1#ff9e64
- scmGraph.foreground2#e0af68
- scmGraph.foreground3#41a6b5
- scmGraph.foreground4#9ea2cb
- scmGraph.foreground5#bb9af7
- scmGraph.historyItemBaseRefColor#9d7cd8
- scmGraph.historyItemHoverAdditionsForeground#41a6b5
- scmGraph.historyItemHoverDefaultLabelForeground#d2d5ef
- scmGraph.historyItemHoverDeletionsForeground#f7768e
- scmGraph.historyItemHoverLabelForeground#0b0a12
- scmGraph.historyItemRefColor#9ea2cb
- scmGraph.historyItemRemoteRefColor#41a6b5
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#9ea2cb25
- scrollbarSlider.background#9ea2cb10
- scrollbarSlider.hoverBackground#9ea2cb18
- selection.background#a2a6ff30
- settings.headerForeground#9ea2cb
- sideBar.background#0b0a12
- sideBar.border#050409
- sideBar.dropBackground#191826
- sideBar.foreground#7a7a9a
- sideBarSectionHeader.background#0b0a12
- sideBarSectionHeader.border#050409
- sideBarSectionHeader.foreground#9ea2cb
- sideBarTitle.foreground#7a7a9a
- statusBar.background#0b0a12
- statusBar.border#050409
- statusBar.debuggingBackground#0b0a12
- statusBar.debuggingForeground#7a7a9a
- statusBar.foreground#7a7a9a
- statusBar.noFolderBackground#0b0a12
- statusBarItem.activeBackground#050409
- statusBarItem.hoverBackground#191826
- statusBarItem.prominentBackground#050409
- statusBarItem.prominentHoverBackground#191826
- tab.activeBackground#100f1a
- tab.activeBorder#9ea2cb
- tab.activeForeground#d2d5ef
- tab.activeModifiedBorder#100f1a
- tab.border#050409
- tab.hoverForeground#d2d5ef
- tab.inactiveBackground#0b0a12
- tab.inactiveForeground#4d4b67
- tab.inactiveModifiedBorder#191826
- tab.lastPinnedBorder#1b1929
- tab.unfocusedActiveBorder#191826
- tab.unfocusedActiveForeground#d2d5ef
- tab.unfocusedHoverForeground#9ea2cb
- tab.unfocusedInactiveForeground#4d4b67
- terminal.ansiBlack#3f355c
- terminal.ansiBlue#9ea2cb
- terminal.ansiBrightBlack#3f355c
- terminal.ansiBrightBlue#9ea2cb
- terminal.ansiBrightCyan#b4bcf1
- terminal.ansiBrightGreen#73daca
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#d2d5ef
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#b4bcf1
- terminal.ansiGreen#73daca
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#9ea2cb
- terminal.ansiYellow#e0af68
- terminal.background#0b0a12
- terminal.foreground#9ea2cb
- terminal.selectionBackground#9ea2cb4d
- textBlockQuote.background#0b0a12
- textCodeBlock.background#0b0a12
- textLink.activeForeground#bdc1e2
- textLink.foreground#9ea2cb
- textPreformat.foreground#9ea2cb
- textSeparator.foreground#3b3a59
- titleBar.activeBackground#0b0a12
- titleBar.activeForeground#7a7a9a
- titleBar.border#050409
- titleBar.inactiveBackground#090613
- titleBar.inactiveForeground#4d4b67
- toolbar.activeBackground#191826
- toolbar.hoverBackground#191826
- tree.indentGuidesStroke#1e1e1e
- walkThrough.embeddedEditorBackground#0b0a12
- widget.shadow#00000066
- window.activeBorder#050409
- window.inactiveBorder#050409
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant.other.placeholder, constant.character | #ff7b72 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, entity | #58C4F5 | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #e6edf3 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type, storage.modifier | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e6edf3 | — |
| string, string punctuation.section.embedded source | #87d8f7 | — |
| support | #58C4F5 | — |
| support.type.primitive, support.type.builtin | #ffa657 | — |
| meta.property-name | #58C4F5 | — |
| variable | #ffa657 | — |
| variable.other | #e6edf3 | — |
| variable.property, variable.object.property | #e6edf3 | — |
| keyword.operator.type, keyword.operator.typecast, keyword.operator.type.function | #ff7b72 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #f0f6fc | italic underline |
| message.error | #ffa198 | — |
| string variable | #58C4F5 | — |
| source.regexp, string.regexp | #87d8f7 | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #87d8f7 | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #58C4F5 | — |
| support.variable | #58C4F5 | — |
| support.type.property-name.json | #7ee787 | — |
| meta.module-reference | #58C4F5 | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #58C4F5 | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #e6edf3 | italic |
| markup.bold | #e6edf3 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #58C4F5 | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| punctuation.section.embedded | #ff7b72 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #58C4F5 | — |
| meta.separator | #58C4F5 | bold |
| meta.output | #58C4F5 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #87d8f7 | underline |
| variable.language | #ff7b72 | — |
| support.type, entity.other.inherited-class | #ffa657 | — |
| support.function | #d2a8ff | — |
| variable.parameter | #e6edf3 | — |
| variable.parameter.function.language.special.self | #ff7b72 | — |
| source.toml support.type.property-name | #e6edf3 | — |
| support.type.property-name.table.toml, support.type.property-name.array.toml | #d2a8ff | bold |
| source.toml punctuation | #59667a | — |
| source.toml punctuation.definition.comment | #8b949e | — |
| source.toml constant.numeric, source.toml constant.language, source.toml constant.other.time | #ffa657 | — |