Eclipse Wave
Publisher: Arin MandalThemes in package: 4
A cosmic dark theme with soft, eye-friendly colors — designed for long coding sessions. Beautiful syntax highlighting for JS, TS, Python, React, Rust, Go, HTML, CSS, Markdown & more.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#222436
- activityBar.activeBorder#B8A0FF
- activityBar.background#1A1C2E
- activityBar.border#292E42
- activityBar.foreground#B8A0FF
- activityBar.inactiveForeground#414868
- activityBarBadge.background#B8A0FF
- activityBarBadge.foreground#1E2030
- badge.background#B8A0FF
- badge.foreground#1E2030
- breadcrumb.activeSelectionForeground#C0CAF5
- breadcrumb.background#222436
- breadcrumb.focusForeground#C0CAF5
- breadcrumb.foreground#8B92B8
- breadcrumbPicker.background#222436
- button.background#B8A0FF
- button.foreground#1E2030
- button.hoverBackground#B8A0FF
- button.secondaryBackground#323650
- button.secondaryForeground#C0CAF5
- button.secondaryHoverBackground#2A2D43
- charts.blue#7FC3FF
- charts.foreground#C0CAF5
- charts.green#A1C682
- charts.lines#8B92B8
- charts.orange#FFAD70
- charts.purple#B8A0FF
- charts.red#E17888
- charts.yellow#D7BA7D
- commandCenter.activeBackground#323650
- commandCenter.activeForeground#C0CAF5
- commandCenter.background#222436
- commandCenter.border#292E42
- commandCenter.foreground#C0CAF5
- commandCenter.inactiveBorder#292E42
- debugTokenExpression.boolean#B8A0FF
- debugTokenExpression.error#E17888
- debugTokenExpression.name#7FC3FF
- debugTokenExpression.number#FFAD70
- debugTokenExpression.string#A8D8A0
- debugTokenExpression.value#A8D8A0
- debugToolBar.background#222436
- debugView.exceptionLabelBackground#E1788830
- debugView.exceptionLabelForeground#E17888
- debugView.stateLabelBackground#323650
- debugView.stateLabelForeground#C0CAF5
- debugView.valueChangedHighlight#B8A0FF
- descriptionForeground#8B92B8
- diffEditor.insertedLineBackground#A1C68210
- diffEditor.insertedTextBackground#A1C68218
- diffEditor.removedLineBackground#E1788810
- diffEditor.removedTextBackground#E1788818
- diffEditorGutter.insertedLineBackground#A1C68220
- diffEditorGutter.removedLineBackground#E1788820
- diffEditorOverview.insertedForeground#A1C682
- diffEditorOverview.removedForeground#E17888
- disabledForeground#414868
- dropdown.background#222436
- dropdown.border#292E42
- dropdown.foreground#C0CAF5
- dropdown.listBackground#222436
- editor.background#1E2030
- editor.findMatchBackground#E8C97A60
- editor.findMatchHighlightBackground#E8C97A30
- editor.focusedStackFrameHighlightBackground#B8A0FF28
- editor.foreground#C0CAF5
- editor.hoverHighlightBackground#B8A0FF18
- editor.inactiveSelectionBackground#B8A0FF18
- editor.lineHighlightBackground#ffffff07
- editor.selectionBackground#B8A0FF28
- editor.selectionHighlightBackground#B8A0FF18
- editor.stackFrameHighlightBackground#E8C97A30
- editor.wordHighlightBackground#B8A0FF18
- editor.wordHighlightStrongBackground#B8A0FF28
- editorBracketHighlight.foreground1#B8A0FF
- editorBracketHighlight.foreground2#7FC3FF
- editorBracketHighlight.foreground3#FAB387
- editorBracketHighlight.foreground4#A8D8A0
- editorBracketHighlight.foreground5#89DCEB
- editorBracketHighlight.foreground6#CBA6F7
- editorBracketHighlight.unexpectedBracket.foreground#E17888
- editorBracketMatch.background#B8A0FF28
- editorBracketMatch.border#B8A0FF
- editorBracketPairGuide.activeBackground1#B8A0FF40
- editorBracketPairGuide.activeBackground2#7FC3FF40
- editorBracketPairGuide.activeBackground3#FAB38740
- editorBracketPairGuide.background1#B8A0FF20
- editorBracketPairGuide.background2#7FC3FF20
- editorBracketPairGuide.background3#FAB38720
- editorCodeLens.foreground#8B92B8
- editorCursor.background#1E2030
- editorCursor.foreground#B8A0FF
- editorError.foreground#E17888
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#8B92B8
- editorGroupHeader.tabsBackground#1A1C2E
- editorGroupHeader.tabsBorder#292E42
- editorGutter.addedBackground#A1C682
- editorGutter.background#1E2030
- editorGutter.deletedBackground#E17888
- editorGutter.modifiedBackground#7CC8DE
- editorHint.foreground#6C7A9C
- editorIndentGuide.activeBackground1#8B92B8
- editorIndentGuide.background1#414868
- editorInfo.foreground#89DCEB
- editorLightBulb.foreground#FAB387
- editorLineNumber.activeForeground#8B92B8
- editorLineNumber.foreground#414868
- editorLink.activeForeground#7FC3FF
- editorOverviewRuler.border#292E42
- editorOverviewRuler.errorForeground#E17888
- editorOverviewRuler.findMatchForeground#E8C97A60
- editorOverviewRuler.infoForeground#89DCEB
- editorOverviewRuler.selectionHighlightForeground#B8A0FF28
- editorOverviewRuler.warningForeground#D7BA7D
- editorRuler.foreground#292E42
- editorWarning.foreground#D7BA7D
- editorWhitespace.foreground#414868
- errorForeground#E17888
- extensionBadge.remoteBackground#323650
- extensionBadge.remoteForeground#C0CAF5
- focusBorder#B8A0FF
- foreground#C0CAF5
- gitDecoration.addedResourceForeground#A1C682
- gitDecoration.conflictingResourceForeground#D7BA7D
- gitDecoration.deletedResourceForeground#E17888
- gitDecoration.ignoredResourceForeground#414868
- gitDecoration.modifiedResourceForeground#7CC8DE
- gitDecoration.renamedResourceForeground#FAB387
- gitDecoration.stageDeletedResourceForeground#E17888
- gitDecoration.stageModifiedResourceForeground#7CC8DE
- gitDecoration.submoduleResourceForeground#7FC3FF
- gitDecoration.untrackedResourceForeground#A1C682
- icon.foreground#8B92B8
- inlineSuggestion.foreground#8B92B8
- input.background#222436
- input.border#292E42
- input.foreground#C0CAF5
- input.placeholderForeground#8B92B8
- inputOption.activeBackground#B8A0FF28
- inputOption.activeBorder#B8A0FF
- inputOption.activeForeground#C0CAF5
- inputValidation.errorBackground#222436
- inputValidation.errorBorder#E17888
- inputValidation.errorForeground#E17888
- inputValidation.infoBackground#222436
- inputValidation.infoBorder#89DCEB
- inputValidation.infoForeground#89DCEB
- inputValidation.warningBackground#222436
- inputValidation.warningBorder#D7BA7D
- inputValidation.warningForeground#D7BA7D
- keybindingLabel.background#323650
- keybindingLabel.border#292E42
- keybindingLabel.bottomBorder#292E42
- keybindingLabel.foreground#C0CAF5
- list.activeSelectionBackground#323650
- list.activeSelectionForeground#C0CAF5
- list.dropBackground#323650
- list.errorForeground#E17888
- list.focusBackground#323650
- list.focusForeground#C0CAF5
- list.highlightForeground#B8A0FF
- list.hoverBackground#2A2D43
- list.hoverForeground#C0CAF5
- list.inactiveSelectionBackground#2A2D43
- list.inactiveSelectionForeground#C0CAF5
- list.warningForeground#D7BA7D
- listFilterWidget.background#222436
- listFilterWidget.noMatchesOutline#E17888
- listFilterWidget.outline#B8A0FF
- mergeEditor.change.background#7CC8DE10
- mergeEditor.change.word.background#7CC8DE30
- mergeEditor.conflict.input1.background#A1C68218
- mergeEditor.conflict.input2.background#82AAFF18
- minimap.background#222436
- minimap.errorHighlight#E17888
- minimap.findMatchHighlight#E8C97A60
- minimap.selectionHighlight#B8A0FF28
- minimap.warningHighlight#D7BA7D
- minimapGutter.addedBackground#A1C682
- minimapGutter.deletedBackground#E17888
- minimapGutter.modifiedBackground#7CC8DE
- notebook.cellBorderColor#292E42
- notebook.cellEditorBackground#222436
- notebook.cellStatusBarItemHoverBackground#2A2D43
- notebook.editorBackground#1E2030
- notebook.focusedCellBorder#B8A0FF
- notebook.inactiveFocusedCellBorder#292E42
- notebook.outputContainerBackground#222436
- notebook.selectedCellBackground#2A2D43
- notificationCenterHeader.background#323650
- notificationCenterHeader.foreground#C0CAF5
- notifications.background#222436
- notifications.border#292E42
- notifications.foreground#C0CAF5
- notificationsErrorIcon.foreground#E17888
- notificationsInfoIcon.foreground#89DCEB
- notificationsWarningIcon.foreground#D7BA7D
- panel.background#222436
- panel.border#292E42
- panelTitle.activeBorder#B8A0FF
- panelTitle.activeForeground#C0CAF5
- panelTitle.inactiveForeground#8B92B8
- peekView.border#B8A0FF
- peekViewEditor.background#222436
- peekViewEditor.matchHighlightBackground#E8C97A60
- peekViewResult.background#222436
- peekViewResult.fileForeground#C0CAF5
- peekViewResult.lineForeground#8B92B8
- peekViewResult.matchHighlightBackground#E8C97A30
- peekViewResult.selectionBackground#323650
- peekViewResult.selectionForeground#C0CAF5
- peekViewTitle.background#323650
- peekViewTitleDescription.foreground#8B92B8
- peekViewTitleLabel.foreground#C0CAF5
- pickerGroup.border#292E42
- pickerGroup.foreground#8B92B8
- progressBar.background#B8A0FF
- quickInput.background#222436
- quickInput.foreground#C0CAF5
- quickInputList.focusBackground#323650
- quickInputList.focusForeground#C0CAF5
- quickInputList.focusIconForeground#B8A0FF
- quickInputTitle.background#323650
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#8B92B8A0
- scrollbarSlider.background#41486860
- scrollbarSlider.hoverBackground#8B92B880
- selection.background#B8A0FF28
- settings.checkboxBackground#222436
- settings.checkboxBorder#292E42
- settings.checkboxForeground#C0CAF5
- settings.dropdownBackground#222436
- settings.dropdownBorder#292E42
- settings.dropdownForeground#C0CAF5
- settings.focusedRowBackground#2A2D43
- settings.headerForeground#C0CAF5
- settings.modifiedItemIndicator#B8A0FF
- settings.numberInputBackground#222436
- settings.numberInputBorder#292E42
- settings.numberInputForeground#C0CAF5
- settings.rowHoverBackground#2A2D43
- settings.textInputBackground#222436
- settings.textInputBorder#292E42
- settings.textInputForeground#C0CAF5
- sideBar.background#222436
- sideBar.border#292E42
- sideBar.dropBackground#323650
- sideBar.foreground#C0CAF5
- sideBarSectionHeader.background#222436
- sideBarSectionHeader.border#292E42
- sideBarSectionHeader.foreground#8B92B8
- sideBarTitle.foreground#8B92B8
- statusBar.background#1E2030
- statusBar.border#292E42
- statusBar.debuggingBackground#E17888
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C0CAF5
- statusBar.noFolderBackground#1E2030
- statusBar.noFolderForeground#C0CAF5
- statusBarItem.activeBackground#323650
- statusBarItem.errorBackground#E17888
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#2A2D43
- statusBarItem.remoteBackground#B8A0FF
- statusBarItem.remoteForeground#1E2030
- statusBarItem.warningBackground#D7BA7D
- statusBarItem.warningForeground#1E2030
- symbolIcon.arrayForeground#FFAD70
- symbolIcon.booleanForeground#B8A0FF
- symbolIcon.classForeground#E8C97A
- symbolIcon.classForeground2#E8C97A
- symbolIcon.colorForeground#F28FAD
- symbolIcon.constantForeground#FAB387
- symbolIcon.constructorForeground#7FC3FF
- symbolIcon.enumeratorForeground#CBA6F7
- symbolIcon.enumeratorMemberForeground#FFAD70
- symbolIcon.eventForeground#F28FAD
- symbolIcon.fieldForeground#89DCEB
- symbolIcon.fileForeground#8B92B8
- symbolIcon.folderForeground#8B92B8
- symbolIcon.functionForeground#7FC3FF
- symbolIcon.functionForeground2#7FC3FF
- symbolIcon.interfaceForeground#89DCEB
- symbolIcon.keyForeground#B8A0FF
- symbolIcon.keywordForeground#B8A0FF
- symbolIcon.methodForeground#7FC3FF
- symbolIcon.moduleForeground#FAB387
- symbolIcon.namespaceForeground#F28FAD
- symbolIcon.nullForeground#B8A0FF
- symbolIcon.numberForeground#FFAD70
- symbolIcon.objectForeground#E8C97A
- symbolIcon.operatorForeground#CBA6F7
- symbolIcon.packageForeground#FAB387
- symbolIcon.propertyForeground#89DCEB
- symbolIcon.referenceForeground#7FC3FF
- symbolIcon.snippetForeground#A8D8A0
- symbolIcon.stringForeground#A8D8A0
- symbolIcon.structForeground#E8C97A
- symbolIcon.textForeground#C0CAF5
- symbolIcon.typeParameterForeground#E8C97A
- symbolIcon.unitForeground#FFAD70
- symbolIcon.variableForeground#FFAD70
- tab.activeBackground#1E2030
- tab.activeBorder#00000000
- tab.activeBorderTop#B8A0FF
- tab.activeForeground#C0CAF5
- tab.border#292E42
- tab.hoverBackground#2A2D43
- tab.hoverForeground#C0CAF5
- tab.inactiveBackground#1A1C2E
- tab.inactiveForeground#7A82A8
- tab.unfocusedActiveBackground#1A1C2E
- tab.unfocusedActiveForeground#8B92B8
- tab.unfocusedInactiveBackground#1A1C2E
- tab.unfocusedInactiveForeground#414868
- terminal.ansiBlack#1E2030
- terminal.ansiBlue#7FC3FF
- terminal.ansiBrightBlack#6C7A9C
- terminal.ansiBrightBlue#96CEFF
- terminal.ansiBrightCyan#A0E8F4
- terminal.ansiBrightGreen#BCE0B4
- terminal.ansiBrightMagenta#D4BEFF
- terminal.ansiBrightRed#FF9EB8
- terminal.ansiBrightWhite#E0E6FF
- terminal.ansiBrightYellow#FAB387
- terminal.ansiCyan#89DCEB
- terminal.ansiGreen#A8D8A0
- terminal.ansiMagenta#CBA6F7
- terminal.ansiRed#F28FAD
- terminal.ansiWhite#C0CAF5
- terminal.ansiYellow#E8C97A
- terminal.background#1E2030
- terminal.border#292E42
- terminal.cursor.background#1E2030
- terminal.cursor.foreground#B8A0FF
- terminal.foreground#C0CAF5
- terminal.inactiveSelectionBackground#B8A0FF18
- terminal.selectionBackground#B8A0FF28
- terminalCursor.background#1E2030
- terminalCursor.foreground#B8A0FF
- titleBar.activeBackground#1A1C2E
- titleBar.activeForeground#C0CAF5
- titleBar.border#292E42
- titleBar.inactiveBackground#1A1C2E
- titleBar.inactiveForeground#8B92B8
- tree.indentGuidesStroke#414868
- tree.tableColumnsSeparator#292E42
- walkThrough.embeddedEditorBackground#222436
- welcomePage.progress.background#323650
- welcomePage.progress.foreground#B8A0FF
- welcomePage.tileBackground#222436
- welcomePage.tileBorder#292E42
- welcomePage.tileHoverBackground#2A2D43
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #C0CAF5 | — | |
| comment, punctuation.definition.comment, string.quoted.docstring | #6C7A9C | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.import, keyword.other.export, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #B8A0FF | — |
| entity.name.function, meta.function-call, support.function, entity.name.method, meta.method-call.js, support.function.misc, keyword.other.special-method, entity.name.function.python | #7FC3FF | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, markup.inline.raw | #A8D8A0 | — |
| constant.numeric, constant.language.numeric | #FFAD70 | — |
| variable, variable.other, variable.object.property, variable.other.object.property, variable.other.constant, variable.parameter.function | #FFAD70 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.class, support.type, meta.type.annotation, entity.other.inherited-class | #E8C97A | — |
| entity.name.type.interface, support.type.builtin, support.constant.property-descriptor, support.variable.property, support.variable.dom, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #89DCEB | — |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.type.annotation, meta.decorator, punctuation.decorator, constant.language.enum | #CBA6F7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag.html, entity.name.tag.xml | #F28FAD | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #F28FAD | — |
| support.type.property-name, support.type.property-name.css, entity.name.tag.css | #89DCEB | — |
| support.constant.property-value.css, constant.other.color, constant.other.unit | #A8D8A0 | — |
| entity.name.module, variable.other.module, support.other.module, keyword.control.module, meta.import, meta.export, entity.name.tag.jsx, entity.name.tag.tsx | #FAB387 | — |
| support.type.property-name.json, string.json meta.structure.dictionary.json > string.quoted.json | #7FC3FF | — |
| markup.heading, entity.name.section.markdown | #B8A0FF | bold |
| markup.bold, markup.bold.markdown | #E8C97A | bold |
| markup.italic, markup.italic.markdown | #FFAD70 | italic |
| markup.underline.link, string.other.link.description | #7FC3FF | — |
| markup.fenced_code, markup.inline.raw.string.markdown | #A8D8A0 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.curly, meta.brace.square | #8B92B8 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan | #B8A0FF | — |
| punctuation.definition.template-expression | #CBA6F7 | — |
| constant.character.escape | #FAB387 | — |
| string.regexp, string.regexp.character-class | #F28FAD | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.SQL | #B8A0FF | — |
| keyword.operator.pipe, keyword.operator.redirect | #CBA6F7 | — |
| keyword.other.definition.ini, variable.other.key.toml | #7FC3FF | — |
| keyword.other.special-method.dockerfile | #B8A0FF | — |
| keyword.operation.graphql, entity.name.fragment.graphql | #B8A0FF | — |
| entity.name.tag.yaml | #7FC3FF | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#EAEEF2
- activityBar.activeBorder#7847CC
- activityBar.background#EAEEF2
- activityBar.border#D0D7DE
- activityBar.foreground#7847CC
- activityBar.inactiveForeground#B0B2C8
- activityBarBadge.background#7847CC
- activityBarBadge.foreground#FFFFFF
- badge.background#7847CC
- badge.foreground#F6F8FA
- breadcrumb.activeSelectionForeground#1F2328
- breadcrumb.background#EAEEF2
- breadcrumb.focusForeground#1F2328
- breadcrumb.foreground#6668A0
- breadcrumbPicker.background#EAEEF2
- button.background#7847CC
- button.foreground#F6F8FA
- button.hoverBackground#7847CC
- button.secondaryBackground#D0D7DE
- button.secondaryForeground#1F2328
- button.secondaryHoverBackground#DDE3EB
- charts.blue#1C5FAA
- charts.foreground#1F2328
- charts.green#A1C682
- charts.lines#6668A0
- charts.orange#953800
- charts.purple#7847CC
- charts.red#E17888
- charts.yellow#D7BA7D
- commandCenter.activeBackground#D0D7DE
- commandCenter.activeForeground#1F2328
- commandCenter.background#EAEEF2
- commandCenter.border#D0D7DE
- commandCenter.foreground#1F2328
- commandCenter.inactiveBorder#D0D7DE
- debugTokenExpression.boolean#7847CC
- debugTokenExpression.error#E17888
- debugTokenExpression.name#1C5FAA
- debugTokenExpression.number#953800
- debugTokenExpression.string#287A46
- debugTokenExpression.value#287A46
- debugToolBar.background#EAEEF2
- debugView.exceptionLabelBackground#E1788830
- debugView.exceptionLabelForeground#E17888
- debugView.stateLabelBackground#D0D7DE
- debugView.stateLabelForeground#1F2328
- debugView.valueChangedHighlight#7847CC
- descriptionForeground#6668A0
- diffEditor.insertedLineBackground#A1C68210
- diffEditor.insertedTextBackground#A1C68218
- diffEditor.removedLineBackground#E1788810
- diffEditor.removedTextBackground#E1788818
- diffEditorGutter.insertedLineBackground#A1C68220
- diffEditorGutter.removedLineBackground#E1788820
- diffEditorOverview.insertedForeground#A1C682
- diffEditorOverview.removedForeground#E17888
- disabledForeground#B0B2C8
- dropdown.background#EAEEF2
- dropdown.border#D0D7DE
- dropdown.foreground#1F2328
- dropdown.listBackground#EAEEF2
- editor.background#F6F8FA
- editor.findMatchBackground#287A4660
- editor.findMatchHighlightBackground#287A4630
- editor.focusedStackFrameHighlightBackground#7847CC28
- editor.foreground#1F2328
- editor.hoverHighlightBackground#7847CC18
- editor.inactiveSelectionBackground#7847CC18
- editor.lineHighlightBackground#00000006
- editor.selectionBackground#7847CC28
- editor.selectionHighlightBackground#7847CC18
- editor.stackFrameHighlightBackground#287A4630
- editor.wordHighlightBackground#7847CC18
- editor.wordHighlightStrongBackground#7847CC28
- editorBracketHighlight.foreground1#7847CC
- editorBracketHighlight.foreground2#1C5FAA
- editorBracketHighlight.foreground3#8250DF
- editorBracketHighlight.foreground4#287A46
- editorBracketHighlight.foreground5#006080
- editorBracketHighlight.foreground6#8250DF
- editorBracketHighlight.unexpectedBracket.foreground#E17888
- editorBracketMatch.background#7847CC28
- editorBracketMatch.border#7847CC
- editorBracketPairGuide.activeBackground1#7847CC40
- editorBracketPairGuide.activeBackground2#1C5FAA40
- editorBracketPairGuide.activeBackground3#8250DF40
- editorBracketPairGuide.background1#7847CC20
- editorBracketPairGuide.background2#1C5FAA20
- editorBracketPairGuide.background3#8250DF20
- editorCodeLens.foreground#6668A0
- editorCursor.background#F6F8FA
- editorCursor.foreground#7847CC
- editorError.foreground#E17888
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#6668A0
- editorGroupHeader.tabsBackground#EAEEF2
- editorGroupHeader.tabsBorder#D0D7DE
- editorGutter.addedBackground#A1C682
- editorGutter.background#F6F8FA
- editorGutter.deletedBackground#E17888
- editorGutter.modifiedBackground#7CC8DE
- editorHint.foreground#57606A
- editorIndentGuide.activeBackground1#6668A0
- editorIndentGuide.background1#B0B2C8
- editorInfo.foreground#006080
- editorLightBulb.foreground#8250DF
- editorLineNumber.activeForeground#6668A0
- editorLineNumber.foreground#B0B2C8
- editorLink.activeForeground#1C5FAA
- editorOverviewRuler.border#D0D7DE
- editorOverviewRuler.errorForeground#E17888
- editorOverviewRuler.findMatchForeground#287A4660
- editorOverviewRuler.infoForeground#006080
- editorOverviewRuler.selectionHighlightForeground#7847CC28
- editorOverviewRuler.warningForeground#D7BA7D
- editorRuler.foreground#D0D7DE
- editorWarning.foreground#D7BA7D
- editorWhitespace.foreground#B0B2C8
- errorForeground#E17888
- extensionBadge.remoteBackground#D0D7DE
- extensionBadge.remoteForeground#1F2328
- focusBorder#7847CC
- foreground#1F2328
- gitDecoration.addedResourceForeground#A1C682
- gitDecoration.conflictingResourceForeground#D7BA7D
- gitDecoration.deletedResourceForeground#E17888
- gitDecoration.ignoredResourceForeground#B0B2C8
- gitDecoration.modifiedResourceForeground#7CC8DE
- gitDecoration.renamedResourceForeground#8250DF
- gitDecoration.stageDeletedResourceForeground#E17888
- gitDecoration.stageModifiedResourceForeground#7CC8DE
- gitDecoration.submoduleResourceForeground#1C5FAA
- gitDecoration.untrackedResourceForeground#A1C682
- icon.foreground#6668A0
- inlineSuggestion.foreground#6668A0
- input.background#EAEEF2
- input.border#D0D7DE
- input.foreground#1F2328
- input.placeholderForeground#6668A0
- inputOption.activeBackground#7847CC28
- inputOption.activeBorder#7847CC
- inputOption.activeForeground#1F2328
- inputValidation.errorBackground#EAEEF2
- inputValidation.errorBorder#E17888
- inputValidation.errorForeground#E17888
- inputValidation.infoBackground#EAEEF2
- inputValidation.infoBorder#006080
- inputValidation.infoForeground#006080
- inputValidation.warningBackground#EAEEF2
- inputValidation.warningBorder#D7BA7D
- inputValidation.warningForeground#D7BA7D
- keybindingLabel.background#D0D7DE
- keybindingLabel.border#D0D7DE
- keybindingLabel.bottomBorder#D0D7DE
- keybindingLabel.foreground#1F2328
- list.activeSelectionBackground#D0D7DE
- list.activeSelectionForeground#1F2328
- list.dropBackground#D0D7DE
- list.errorForeground#E17888
- list.focusBackground#D0D7DE
- list.focusForeground#1F2328
- list.highlightForeground#7847CC
- list.hoverBackground#DDE3EB
- list.hoverForeground#1F2328
- list.inactiveSelectionBackground#DDE3EB
- list.inactiveSelectionForeground#1F2328
- list.warningForeground#D7BA7D
- listFilterWidget.background#EAEEF2
- listFilterWidget.noMatchesOutline#E17888
- listFilterWidget.outline#7847CC
- mergeEditor.change.background#7CC8DE10
- mergeEditor.change.word.background#7CC8DE30
- mergeEditor.conflict.input1.background#A1C68218
- mergeEditor.conflict.input2.background#82AAFF18
- minimap.background#EAEEF2
- minimap.errorHighlight#E17888
- minimap.findMatchHighlight#287A4660
- minimap.selectionHighlight#7847CC28
- minimap.warningHighlight#D7BA7D
- minimapGutter.addedBackground#A1C682
- minimapGutter.deletedBackground#E17888
- minimapGutter.modifiedBackground#7CC8DE
- notebook.cellBorderColor#D0D7DE
- notebook.cellEditorBackground#EAEEF2
- notebook.cellStatusBarItemHoverBackground#DDE3EB
- notebook.editorBackground#F6F8FA
- notebook.focusedCellBorder#7847CC
- notebook.inactiveFocusedCellBorder#D0D7DE
- notebook.outputContainerBackground#EAEEF2
- notebook.selectedCellBackground#DDE3EB
- notificationCenterHeader.background#D0D7DE
- notificationCenterHeader.foreground#1F2328
- notifications.background#EAEEF2
- notifications.border#D0D7DE
- notifications.foreground#1F2328
- notificationsErrorIcon.foreground#E17888
- notificationsInfoIcon.foreground#006080
- notificationsWarningIcon.foreground#D7BA7D
- panel.background#EAEEF2
- panel.border#D0D7DE
- panelTitle.activeBorder#7847CC
- panelTitle.activeForeground#1F2328
- panelTitle.inactiveForeground#6668A0
- peekView.border#7847CC
- peekViewEditor.background#EAEEF2
- peekViewEditor.matchHighlightBackground#287A4660
- peekViewResult.background#EAEEF2
- peekViewResult.fileForeground#1F2328
- peekViewResult.lineForeground#6668A0
- peekViewResult.matchHighlightBackground#287A4630
- peekViewResult.selectionBackground#D0D7DE
- peekViewResult.selectionForeground#1F2328
- peekViewTitle.background#D0D7DE
- peekViewTitleDescription.foreground#6668A0
- peekViewTitleLabel.foreground#1F2328
- pickerGroup.border#D0D7DE
- pickerGroup.foreground#6668A0
- progressBar.background#7847CC
- quickInput.background#EAEEF2
- quickInput.foreground#1F2328
- quickInputList.focusBackground#D0D7DE
- quickInputList.focusForeground#1F2328
- quickInputList.focusIconForeground#7847CC
- quickInputTitle.background#D0D7DE
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#6668A0A0
- scrollbarSlider.background#B0B2C860
- scrollbarSlider.hoverBackground#6668A080
- selection.background#7847CC28
- settings.checkboxBackground#EAEEF2
- settings.checkboxBorder#D0D7DE
- settings.checkboxForeground#1F2328
- settings.dropdownBackground#EAEEF2
- settings.dropdownBorder#D0D7DE
- settings.dropdownForeground#1F2328
- settings.focusedRowBackground#DDE3EB
- settings.headerForeground#1F2328
- settings.modifiedItemIndicator#7847CC
- settings.numberInputBackground#EAEEF2
- settings.numberInputBorder#D0D7DE
- settings.numberInputForeground#1F2328
- settings.rowHoverBackground#DDE3EB
- settings.textInputBackground#EAEEF2
- settings.textInputBorder#D0D7DE
- settings.textInputForeground#1F2328
- sideBar.background#EAEEF2
- sideBar.border#D0D7DE
- sideBar.dropBackground#D0D7DE
- sideBar.foreground#1F2328
- sideBarSectionHeader.background#EAEEF2
- sideBarSectionHeader.border#D0D7DE
- sideBarSectionHeader.foreground#6668A0
- sideBarTitle.foreground#6668A0
- statusBar.background#DDE3EB
- statusBar.border#D0D7DE
- statusBar.debuggingBackground#E17888
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#1F2328
- statusBar.noFolderBackground#DDE3EB
- statusBar.noFolderForeground#1F2328
- statusBarItem.activeBackground#D0D7DE
- statusBarItem.errorBackground#E17888
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#DDE3EB
- statusBarItem.remoteBackground#7847CC
- statusBarItem.remoteForeground#F6F8FA
- statusBarItem.warningBackground#D7BA7D
- statusBarItem.warningForeground#F6F8FA
- symbolIcon.arrayForeground#953800
- symbolIcon.booleanForeground#7847CC
- symbolIcon.classForeground#7847CC
- symbolIcon.classForeground2#7847CC
- symbolIcon.colorForeground#A0336B
- symbolIcon.constantForeground#8250DF
- symbolIcon.constructorForeground#1C5FAA
- symbolIcon.enumeratorForeground#8250DF
- symbolIcon.enumeratorMemberForeground#953800
- symbolIcon.eventForeground#A0336B
- symbolIcon.fieldForeground#006080
- symbolIcon.fileForeground#6668A0
- symbolIcon.folderForeground#6668A0
- symbolIcon.functionForeground#1C5FAA
- symbolIcon.functionForeground2#1C5FAA
- symbolIcon.interfaceForeground#006080
- symbolIcon.keyForeground#7847CC
- symbolIcon.keywordForeground#7847CC
- symbolIcon.methodForeground#1C5FAA
- symbolIcon.moduleForeground#8250DF
- symbolIcon.namespaceForeground#A0336B
- symbolIcon.nullForeground#7847CC
- symbolIcon.numberForeground#953800
- symbolIcon.objectForeground#7847CC
- symbolIcon.operatorForeground#8250DF
- symbolIcon.packageForeground#8250DF
- symbolIcon.propertyForeground#006080
- symbolIcon.referenceForeground#1C5FAA
- symbolIcon.snippetForeground#287A46
- symbolIcon.stringForeground#287A46
- symbolIcon.structForeground#7847CC
- symbolIcon.textForeground#1F2328
- symbolIcon.typeParameterForeground#7847CC
- symbolIcon.unitForeground#953800
- symbolIcon.variableForeground#953800
- tab.activeBackground#F6F8FA
- tab.activeBorder#00000000
- tab.activeBorderTop#7847CC
- tab.activeForeground#1F2328
- tab.border#D0D7DE
- tab.hoverBackground#DDE3EB
- tab.hoverForeground#1F2328
- tab.inactiveBackground#EAEEF2
- tab.inactiveForeground#6668A0
- tab.unfocusedActiveBackground#EAEEF2
- tab.unfocusedActiveForeground#6668A0
- tab.unfocusedInactiveBackground#EAEEF2
- tab.unfocusedInactiveForeground#B0B2C8
- terminal.ansiBlack#1F2328
- terminal.ansiBlue#1C5FAA
- terminal.ansiBrightBlack#57606A
- terminal.ansiBrightBlue#2468C4
- terminal.ansiBrightCyan#007090
- terminal.ansiBrightGreen#2E9052
- terminal.ansiBrightMagenta#9B6EFF
- terminal.ansiBrightRed#E5220A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#953800
- terminal.ansiCyan#006080
- terminal.ansiGreen#287A46
- terminal.ansiMagenta#8250DF
- terminal.ansiRed#CF222E
- terminal.ansiWhite#F6F8FA
- terminal.ansiYellow#7847CC
- terminal.background#F6F8FA
- terminal.border#D0D7DE
- terminal.cursor.background#F6F8FA
- terminal.cursor.foreground#7847CC
- terminal.foreground#1F2328
- terminal.inactiveSelectionBackground#7847CC18
- terminal.selectionBackground#7847CC28
- terminalCursor.background#F6F8FA
- terminalCursor.foreground#7847CC
- titleBar.activeBackground#EAEEF2
- titleBar.activeForeground#1F2328
- titleBar.border#D0D7DE
- titleBar.inactiveBackground#EAEEF2
- titleBar.inactiveForeground#6668A0
- tree.indentGuidesStroke#B0B2C8
- tree.tableColumnsSeparator#D0D7DE
- walkThrough.embeddedEditorBackground#EAEEF2
- welcomePage.progress.background#D0D7DE
- welcomePage.progress.foreground#7847CC
- welcomePage.tileBackground#EAEEF2
- welcomePage.tileBorder#D0D7DE
- welcomePage.tileHoverBackground#DDE3EB
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #1F2328 | — | |
| comment, punctuation.definition.comment, string.quoted.docstring | #57606A | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.import, keyword.other.export, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #7847CC | — |
| entity.name.function, meta.function-call, support.function, entity.name.method, meta.method-call.js, support.function.misc, keyword.other.special-method, entity.name.function.python | #1C5FAA | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, markup.inline.raw | #287A46 | — |
| constant.numeric, constant.language.numeric | #953800 | — |
| variable, variable.other, variable.object.property, variable.other.object.property, variable.other.constant, variable.parameter.function | #953800 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.class, support.type, meta.type.annotation, entity.other.inherited-class | #7847CC | — |
| entity.name.type.interface, support.type.builtin, support.constant.property-descriptor, support.variable.property, support.variable.dom, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #006080 | — |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.type.annotation, meta.decorator, punctuation.decorator, constant.language.enum | #8250DF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag.html, entity.name.tag.xml | #CF222E | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #A0336B | — |
| support.type.property-name, support.type.property-name.css, entity.name.tag.css | #006080 | — |
| support.constant.property-value.css, constant.other.color, constant.other.unit | #287A46 | — |
| entity.name.module, variable.other.module, support.other.module, keyword.control.module, meta.import, meta.export, entity.name.tag.jsx, entity.name.tag.tsx | #8250DF | — |
| support.type.property-name.json, string.json meta.structure.dictionary.json > string.quoted.json | #1C5FAA | — |
| markup.heading, entity.name.section.markdown | #7847CC | bold |
| markup.bold, markup.bold.markdown | #7847CC | bold |
| markup.italic, markup.italic.markdown | #953800 | italic |
| markup.underline.link, string.other.link.description | #1C5FAA | — |
| markup.fenced_code, markup.inline.raw.string.markdown | #287A46 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.curly, meta.brace.square | #6B7280 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan | #7847CC | — |
| punctuation.definition.template-expression | #8250DF | — |
| constant.character.escape | #8250DF | — |
| string.regexp, string.regexp.character-class | #A0336B | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.SQL | #7847CC | — |
| keyword.operator.pipe, keyword.operator.redirect | #8250DF | — |
| keyword.other.definition.ini, variable.other.key.toml | #1C5FAA | — |
| keyword.other.special-method.dockerfile | #7847CC | — |
| keyword.operation.graphql, entity.name.fragment.graphql | #7847CC | — |
| entity.name.tag.yaml | #1C5FAA | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#0D0D0D
- activityBar.activeBorder#A78BFA
- activityBar.background#000000
- activityBar.border#1E1E2E
- activityBar.foreground#A78BFA
- activityBar.inactiveForeground#313244
- activityBarBadge.background#A78BFA
- activityBarBadge.foreground#000000
- badge.background#A78BFA
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#CDD6F4
- breadcrumb.background#0D0D0D
- breadcrumb.focusForeground#CDD6F4
- breadcrumb.foreground#6878A0
- breadcrumbPicker.background#0D0D0D
- button.background#A78BFA
- button.foreground#000000
- button.hoverBackground#A78BFA
- button.secondaryBackground#1C1C1C
- button.secondaryForeground#CDD6F4
- button.secondaryHoverBackground#141414
- charts.blue#60A5FA
- charts.foreground#CDD6F4
- charts.green#A1C682
- charts.lines#6878A0
- charts.orange#FB923C
- charts.purple#A78BFA
- charts.red#E17888
- charts.yellow#D7BA7D
- commandCenter.activeBackground#1C1C1C
- commandCenter.activeForeground#CDD6F4
- commandCenter.background#0D0D0D
- commandCenter.border#1E1E2E
- commandCenter.foreground#CDD6F4
- commandCenter.inactiveBorder#1E1E2E
- debugTokenExpression.boolean#A78BFA
- debugTokenExpression.error#E17888
- debugTokenExpression.name#60A5FA
- debugTokenExpression.number#FB923C
- debugTokenExpression.string#34D399
- debugTokenExpression.value#34D399
- debugToolBar.background#0D0D0D
- debugView.exceptionLabelBackground#E1788830
- debugView.exceptionLabelForeground#E17888
- debugView.stateLabelBackground#1C1C1C
- debugView.stateLabelForeground#CDD6F4
- debugView.valueChangedHighlight#A78BFA
- descriptionForeground#6878A0
- diffEditor.insertedLineBackground#A1C68210
- diffEditor.insertedTextBackground#A1C68218
- diffEditor.removedLineBackground#E1788810
- diffEditor.removedTextBackground#E1788818
- diffEditorGutter.insertedLineBackground#A1C68220
- diffEditorGutter.removedLineBackground#E1788820
- diffEditorOverview.insertedForeground#A1C682
- diffEditorOverview.removedForeground#E17888
- disabledForeground#313244
- dropdown.background#0D0D0D
- dropdown.border#1E1E2E
- dropdown.foreground#CDD6F4
- dropdown.listBackground#0D0D0D
- editor.background#000000
- editor.findMatchBackground#F9E2AF60
- editor.findMatchHighlightBackground#F9E2AF30
- editor.focusedStackFrameHighlightBackground#A78BFA28
- editor.foreground#CDD6F4
- editor.hoverHighlightBackground#A78BFA18
- editor.inactiveSelectionBackground#A78BFA18
- editor.lineHighlightBackground#ffffff05
- editor.selectionBackground#A78BFA28
- editor.selectionHighlightBackground#A78BFA18
- editor.stackFrameHighlightBackground#F9E2AF30
- editor.wordHighlightBackground#A78BFA18
- editor.wordHighlightStrongBackground#A78BFA28
- editorBracketHighlight.foreground1#A78BFA
- editorBracketHighlight.foreground2#60A5FA
- editorBracketHighlight.foreground3#FBBF24
- editorBracketHighlight.foreground4#34D399
- editorBracketHighlight.foreground5#94E2D5
- editorBracketHighlight.foreground6#CBA6F7
- editorBracketHighlight.unexpectedBracket.foreground#E17888
- editorBracketMatch.background#A78BFA28
- editorBracketMatch.border#A78BFA
- editorBracketPairGuide.activeBackground1#A78BFA40
- editorBracketPairGuide.activeBackground2#60A5FA40
- editorBracketPairGuide.activeBackground3#FBBF2440
- editorBracketPairGuide.background1#A78BFA20
- editorBracketPairGuide.background2#60A5FA20
- editorBracketPairGuide.background3#FBBF2420
- editorCodeLens.foreground#6878A0
- editorCursor.background#000000
- editorCursor.foreground#A78BFA
- editorError.foreground#E17888
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#6878A0
- editorGroupHeader.tabsBackground#0D0D0D
- editorGroupHeader.tabsBorder#1E1E2E
- editorGutter.addedBackground#A1C682
- editorGutter.background#000000
- editorGutter.deletedBackground#E17888
- editorGutter.modifiedBackground#7CC8DE
- editorHint.foreground#5C6888
- editorIndentGuide.activeBackground1#6878A0
- editorIndentGuide.background1#313244
- editorInfo.foreground#94E2D5
- editorLightBulb.foreground#FBBF24
- editorLineNumber.activeForeground#6878A0
- editorLineNumber.foreground#313244
- editorLink.activeForeground#60A5FA
- editorOverviewRuler.border#1E1E2E
- editorOverviewRuler.errorForeground#E17888
- editorOverviewRuler.findMatchForeground#F9E2AF60
- editorOverviewRuler.infoForeground#94E2D5
- editorOverviewRuler.selectionHighlightForeground#A78BFA28
- editorOverviewRuler.warningForeground#D7BA7D
- editorRuler.foreground#1E1E2E
- editorWarning.foreground#D7BA7D
- editorWhitespace.foreground#313244
- errorForeground#E17888
- extensionBadge.remoteBackground#1C1C1C
- extensionBadge.remoteForeground#CDD6F4
- focusBorder#A78BFA
- foreground#CDD6F4
- gitDecoration.addedResourceForeground#A1C682
- gitDecoration.conflictingResourceForeground#D7BA7D
- gitDecoration.deletedResourceForeground#E17888
- gitDecoration.ignoredResourceForeground#313244
- gitDecoration.modifiedResourceForeground#7CC8DE
- gitDecoration.renamedResourceForeground#FBBF24
- gitDecoration.stageDeletedResourceForeground#E17888
- gitDecoration.stageModifiedResourceForeground#7CC8DE
- gitDecoration.submoduleResourceForeground#60A5FA
- gitDecoration.untrackedResourceForeground#A1C682
- icon.foreground#6878A0
- inlineSuggestion.foreground#6878A0
- input.background#0D0D0D
- input.border#1E1E2E
- input.foreground#CDD6F4
- input.placeholderForeground#6878A0
- inputOption.activeBackground#A78BFA28
- inputOption.activeBorder#A78BFA
- inputOption.activeForeground#CDD6F4
- inputValidation.errorBackground#0D0D0D
- inputValidation.errorBorder#E17888
- inputValidation.errorForeground#E17888
- inputValidation.infoBackground#0D0D0D
- inputValidation.infoBorder#94E2D5
- inputValidation.infoForeground#94E2D5
- inputValidation.warningBackground#0D0D0D
- inputValidation.warningBorder#D7BA7D
- inputValidation.warningForeground#D7BA7D
- keybindingLabel.background#1C1C1C
- keybindingLabel.border#1E1E2E
- keybindingLabel.bottomBorder#1E1E2E
- keybindingLabel.foreground#CDD6F4
- list.activeSelectionBackground#1C1C1C
- list.activeSelectionForeground#CDD6F4
- list.dropBackground#1C1C1C
- list.errorForeground#E17888
- list.focusBackground#1C1C1C
- list.focusForeground#CDD6F4
- list.highlightForeground#A78BFA
- list.hoverBackground#141414
- list.hoverForeground#CDD6F4
- list.inactiveSelectionBackground#141414
- list.inactiveSelectionForeground#CDD6F4
- list.warningForeground#D7BA7D
- listFilterWidget.background#0D0D0D
- listFilterWidget.noMatchesOutline#E17888
- listFilterWidget.outline#A78BFA
- mergeEditor.change.background#7CC8DE10
- mergeEditor.change.word.background#7CC8DE30
- mergeEditor.conflict.input1.background#A1C68218
- mergeEditor.conflict.input2.background#82AAFF18
- minimap.background#0D0D0D
- minimap.errorHighlight#E17888
- minimap.findMatchHighlight#F9E2AF60
- minimap.selectionHighlight#A78BFA28
- minimap.warningHighlight#D7BA7D
- minimapGutter.addedBackground#A1C682
- minimapGutter.deletedBackground#E17888
- minimapGutter.modifiedBackground#7CC8DE
- notebook.cellBorderColor#1E1E2E
- notebook.cellEditorBackground#0D0D0D
- notebook.cellStatusBarItemHoverBackground#141414
- notebook.editorBackground#000000
- notebook.focusedCellBorder#A78BFA
- notebook.inactiveFocusedCellBorder#1E1E2E
- notebook.outputContainerBackground#0D0D0D
- notebook.selectedCellBackground#141414
- notificationCenterHeader.background#1C1C1C
- notificationCenterHeader.foreground#CDD6F4
- notifications.background#0D0D0D
- notifications.border#1E1E2E
- notifications.foreground#CDD6F4
- notificationsErrorIcon.foreground#E17888
- notificationsInfoIcon.foreground#94E2D5
- notificationsWarningIcon.foreground#D7BA7D
- panel.background#0D0D0D
- panel.border#1E1E2E
- panelTitle.activeBorder#A78BFA
- panelTitle.activeForeground#CDD6F4
- panelTitle.inactiveForeground#6878A0
- peekView.border#A78BFA
- peekViewEditor.background#0D0D0D
- peekViewEditor.matchHighlightBackground#F9E2AF60
- peekViewResult.background#0D0D0D
- peekViewResult.fileForeground#CDD6F4
- peekViewResult.lineForeground#6878A0
- peekViewResult.matchHighlightBackground#F9E2AF30
- peekViewResult.selectionBackground#1C1C1C
- peekViewResult.selectionForeground#CDD6F4
- peekViewTitle.background#1C1C1C
- peekViewTitleDescription.foreground#6878A0
- peekViewTitleLabel.foreground#CDD6F4
- pickerGroup.border#1E1E2E
- pickerGroup.foreground#6878A0
- progressBar.background#A78BFA
- quickInput.background#0D0D0D
- quickInput.foreground#CDD6F4
- quickInputList.focusBackground#1C1C1C
- quickInputList.focusForeground#CDD6F4
- quickInputList.focusIconForeground#A78BFA
- quickInputTitle.background#1C1C1C
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#6878A0A0
- scrollbarSlider.background#31324460
- scrollbarSlider.hoverBackground#6878A080
- selection.background#A78BFA28
- settings.checkboxBackground#0D0D0D
- settings.checkboxBorder#1E1E2E
- settings.checkboxForeground#CDD6F4
- settings.dropdownBackground#0D0D0D
- settings.dropdownBorder#1E1E2E
- settings.dropdownForeground#CDD6F4
- settings.focusedRowBackground#141414
- settings.headerForeground#CDD6F4
- settings.modifiedItemIndicator#A78BFA
- settings.numberInputBackground#0D0D0D
- settings.numberInputBorder#1E1E2E
- settings.numberInputForeground#CDD6F4
- settings.rowHoverBackground#141414
- settings.textInputBackground#0D0D0D
- settings.textInputBorder#1E1E2E
- settings.textInputForeground#CDD6F4
- sideBar.background#0D0D0D
- sideBar.border#1E1E2E
- sideBar.dropBackground#1C1C1C
- sideBar.foreground#CDD6F4
- sideBarSectionHeader.background#0D0D0D
- sideBarSectionHeader.border#1E1E2E
- sideBarSectionHeader.foreground#6878A0
- sideBarTitle.foreground#6878A0
- statusBar.background#000000
- statusBar.border#1E1E2E
- statusBar.debuggingBackground#E17888
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#CDD6F4
- statusBar.noFolderBackground#000000
- statusBar.noFolderForeground#CDD6F4
- statusBarItem.activeBackground#1C1C1C
- statusBarItem.errorBackground#E17888
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#141414
- statusBarItem.remoteBackground#A78BFA
- statusBarItem.remoteForeground#000000
- statusBarItem.warningBackground#D7BA7D
- statusBarItem.warningForeground#000000
- symbolIcon.arrayForeground#FB923C
- symbolIcon.booleanForeground#A78BFA
- symbolIcon.classForeground#F9E2AF
- symbolIcon.classForeground2#F9E2AF
- symbolIcon.colorForeground#F472B6
- symbolIcon.constantForeground#FBBF24
- symbolIcon.constructorForeground#60A5FA
- symbolIcon.enumeratorForeground#CBA6F7
- symbolIcon.enumeratorMemberForeground#FB923C
- symbolIcon.eventForeground#F472B6
- symbolIcon.fieldForeground#94E2D5
- symbolIcon.fileForeground#6878A0
- symbolIcon.folderForeground#6878A0
- symbolIcon.functionForeground#60A5FA
- symbolIcon.functionForeground2#60A5FA
- symbolIcon.interfaceForeground#94E2D5
- symbolIcon.keyForeground#A78BFA
- symbolIcon.keywordForeground#A78BFA
- symbolIcon.methodForeground#60A5FA
- symbolIcon.moduleForeground#FBBF24
- symbolIcon.namespaceForeground#F472B6
- symbolIcon.nullForeground#A78BFA
- symbolIcon.numberForeground#FB923C
- symbolIcon.objectForeground#F9E2AF
- symbolIcon.operatorForeground#CBA6F7
- symbolIcon.packageForeground#FBBF24
- symbolIcon.propertyForeground#94E2D5
- symbolIcon.referenceForeground#60A5FA
- symbolIcon.snippetForeground#34D399
- symbolIcon.stringForeground#34D399
- symbolIcon.structForeground#F9E2AF
- symbolIcon.textForeground#CDD6F4
- symbolIcon.typeParameterForeground#F9E2AF
- symbolIcon.unitForeground#FB923C
- symbolIcon.variableForeground#FB923C
- tab.activeBackground#000000
- tab.activeBorder#00000000
- tab.activeBorderTop#A78BFA
- tab.activeForeground#CDD6F4
- tab.border#1E1E2E
- tab.hoverBackground#141414
- tab.hoverForeground#CDD6F4
- tab.inactiveBackground#0D0D0D
- tab.inactiveForeground#6878A0
- tab.unfocusedActiveBackground#0D0D0D
- tab.unfocusedActiveForeground#6878A0
- tab.unfocusedInactiveBackground#0D0D0D
- tab.unfocusedInactiveForeground#313244
- terminal.ansiBlack#000000
- terminal.ansiBlue#60A5FA
- terminal.ansiBrightBlack#5C6888
- terminal.ansiBrightBlue#80BCFF
- terminal.ansiBrightCyan#ADEFEA
- terminal.ansiBrightGreen#50EFB0
- terminal.ansiBrightMagenta#D4BEFF
- terminal.ansiBrightRed#FF8FAD
- terminal.ansiBrightWhite#E8E8FF
- terminal.ansiBrightYellow#FBBF24
- terminal.ansiCyan#94E2D5
- terminal.ansiGreen#34D399
- terminal.ansiMagenta#CBA6F7
- terminal.ansiRed#F38BA8
- terminal.ansiWhite#CDD6F4
- terminal.ansiYellow#F9E2AF
- terminal.background#000000
- terminal.border#1E1E2E
- terminal.cursor.background#000000
- terminal.cursor.foreground#A78BFA
- terminal.foreground#CDD6F4
- terminal.inactiveSelectionBackground#A78BFA18
- terminal.selectionBackground#A78BFA28
- terminalCursor.background#000000
- terminalCursor.foreground#A78BFA
- titleBar.activeBackground#000000
- titleBar.activeForeground#CDD6F4
- titleBar.border#1E1E2E
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#6878A0
- tree.indentGuidesStroke#313244
- tree.tableColumnsSeparator#1E1E2E
- walkThrough.embeddedEditorBackground#0D0D0D
- welcomePage.progress.background#1C1C1C
- welcomePage.progress.foreground#A78BFA
- welcomePage.tileBackground#0D0D0D
- welcomePage.tileBorder#1E1E2E
- welcomePage.tileHoverBackground#141414
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #CDD6F4 | — | |
| comment, punctuation.definition.comment, string.quoted.docstring | #5C6888 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.import, keyword.other.export, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #A78BFA | — |
| entity.name.function, meta.function-call, support.function, entity.name.method, meta.method-call.js, support.function.misc, keyword.other.special-method, entity.name.function.python | #60A5FA | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, markup.inline.raw | #34D399 | — |
| constant.numeric, constant.language.numeric | #FB923C | — |
| variable, variable.other, variable.object.property, variable.other.object.property, variable.other.constant, variable.parameter.function | #FB923C | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.class, support.type, meta.type.annotation, entity.other.inherited-class | #F9E2AF | — |
| entity.name.type.interface, support.type.builtin, support.constant.property-descriptor, support.variable.property, support.variable.dom, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #94E2D5 | — |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.type.annotation, meta.decorator, punctuation.decorator, constant.language.enum | #CBA6F7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag.html, entity.name.tag.xml | #F38BA8 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #F472B6 | — |
| support.type.property-name, support.type.property-name.css, entity.name.tag.css | #94E2D5 | — |
| support.constant.property-value.css, constant.other.color, constant.other.unit | #34D399 | — |
| entity.name.module, variable.other.module, support.other.module, keyword.control.module, meta.import, meta.export, entity.name.tag.jsx, entity.name.tag.tsx | #FBBF24 | — |
| support.type.property-name.json, string.json meta.structure.dictionary.json > string.quoted.json | #60A5FA | — |
| markup.heading, entity.name.section.markdown | #A78BFA | bold |
| markup.bold, markup.bold.markdown | #F9E2AF | bold |
| markup.italic, markup.italic.markdown | #FB923C | italic |
| markup.underline.link, string.other.link.description | #60A5FA | — |
| markup.fenced_code, markup.inline.raw.string.markdown | #34D399 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.curly, meta.brace.square | #7888A8 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan | #A78BFA | — |
| punctuation.definition.template-expression | #CBA6F7 | — |
| constant.character.escape | #FBBF24 | — |
| string.regexp, string.regexp.character-class | #F472B6 | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.SQL | #A78BFA | — |
| keyword.operator.pipe, keyword.operator.redirect | #CBA6F7 | — |
| keyword.other.definition.ini, variable.other.key.toml | #60A5FA | — |
| keyword.other.special-method.dockerfile | #A78BFA | — |
| keyword.operation.graphql, entity.name.fragment.graphql | #A78BFA | — |
| entity.name.tag.yaml | #60A5FA | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#161B22
- activityBar.activeBorder#D2A8FF
- activityBar.background#010409
- activityBar.border#30363D
- activityBar.foreground#D2A8FF
- activityBar.inactiveForeground#30363D
- activityBarBadge.background#D2A8FF
- activityBarBadge.foreground#0D1117
- badge.background#D2A8FF
- badge.foreground#0D1117
- breadcrumb.activeSelectionForeground#E6EDF3
- breadcrumb.background#161B22
- breadcrumb.focusForeground#E6EDF3
- breadcrumb.foreground#7088B0
- breadcrumbPicker.background#161B22
- button.background#D2A8FF
- button.foreground#0D1117
- button.hoverBackground#D2A8FF
- button.secondaryBackground#22272E
- button.secondaryForeground#E6EDF3
- button.secondaryHoverBackground#1C2128
- charts.blue#D2A8FF
- charts.foreground#E6EDF3
- charts.green#A1C682
- charts.lines#7088B0
- charts.orange#FFA657
- charts.purple#FF7B72
- charts.red#E17888
- charts.yellow#D7BA7D
- commandCenter.activeBackground#22272E
- commandCenter.activeForeground#E6EDF3
- commandCenter.background#161B22
- commandCenter.border#30363D
- commandCenter.foreground#E6EDF3
- commandCenter.inactiveBorder#30363D
- debugTokenExpression.boolean#FF7B72
- debugTokenExpression.error#E17888
- debugTokenExpression.name#D2A8FF
- debugTokenExpression.number#FFA657
- debugTokenExpression.string#A5D6FF
- debugTokenExpression.value#A5D6FF
- debugToolBar.background#161B22
- debugView.exceptionLabelBackground#E1788830
- debugView.exceptionLabelForeground#E17888
- debugView.stateLabelBackground#22272E
- debugView.stateLabelForeground#E6EDF3
- debugView.valueChangedHighlight#D2A8FF
- descriptionForeground#7088B0
- diffEditor.insertedLineBackground#A1C68210
- diffEditor.insertedTextBackground#A1C68218
- diffEditor.removedLineBackground#E1788810
- diffEditor.removedTextBackground#E1788818
- diffEditorGutter.insertedLineBackground#A1C68220
- diffEditorGutter.removedLineBackground#E1788820
- diffEditorOverview.insertedForeground#A1C682
- diffEditorOverview.removedForeground#E17888
- disabledForeground#30363D
- dropdown.background#161B22
- dropdown.border#30363D
- dropdown.foreground#E6EDF3
- dropdown.listBackground#161B22
- editor.background#0D1117
- editor.findMatchBackground#FFA65760
- editor.findMatchHighlightBackground#FFA65730
- editor.focusedStackFrameHighlightBackground#D2A8FF28
- editor.foreground#E6EDF3
- editor.hoverHighlightBackground#D2A8FF18
- editor.inactiveSelectionBackground#D2A8FF18
- editor.lineHighlightBackground#ffffff06
- editor.selectionBackground#D2A8FF28
- editor.selectionHighlightBackground#D2A8FF18
- editor.stackFrameHighlightBackground#FFA65730
- editor.wordHighlightBackground#D2A8FF18
- editor.wordHighlightStrongBackground#D2A8FF28
- editorBracketHighlight.foreground1#FF7B72
- editorBracketHighlight.foreground2#D2A8FF
- editorBracketHighlight.foreground3#FFA657
- editorBracketHighlight.foreground4#A5D6FF
- editorBracketHighlight.foreground5#79C0FF
- editorBracketHighlight.foreground6#D2A8FF
- editorBracketHighlight.unexpectedBracket.foreground#E17888
- editorBracketMatch.background#D2A8FF28
- editorBracketMatch.border#D2A8FF
- editorBracketPairGuide.activeBackground1#FF7B7240
- editorBracketPairGuide.activeBackground2#D2A8FF40
- editorBracketPairGuide.activeBackground3#FFA65740
- editorBracketPairGuide.background1#FF7B7220
- editorBracketPairGuide.background2#D2A8FF20
- editorBracketPairGuide.background3#FFA65720
- editorCodeLens.foreground#7088B0
- editorCursor.background#0D1117
- editorCursor.foreground#D2A8FF
- editorError.foreground#E17888
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#7088B0
- editorGroupHeader.tabsBackground#010409
- editorGroupHeader.tabsBorder#30363D
- editorGutter.addedBackground#A1C682
- editorGutter.background#0D1117
- editorGutter.deletedBackground#E17888
- editorGutter.modifiedBackground#7CC8DE
- editorHint.foreground#8B949E
- editorIndentGuide.activeBackground1#7088B0
- editorIndentGuide.background1#30363D
- editorInfo.foreground#79C0FF
- editorLightBulb.foreground#FFA657
- editorLineNumber.activeForeground#7088B0
- editorLineNumber.foreground#30363D
- editorLink.activeForeground#D2A8FF
- editorOverviewRuler.border#30363D
- editorOverviewRuler.errorForeground#E17888
- editorOverviewRuler.findMatchForeground#FFA65760
- editorOverviewRuler.infoForeground#79C0FF
- editorOverviewRuler.selectionHighlightForeground#D2A8FF28
- editorOverviewRuler.warningForeground#D7BA7D
- editorRuler.foreground#30363D
- editorWarning.foreground#D7BA7D
- editorWhitespace.foreground#30363D
- errorForeground#E17888
- extensionBadge.remoteBackground#22272E
- extensionBadge.remoteForeground#E6EDF3
- focusBorder#D2A8FF
- foreground#E6EDF3
- gitDecoration.addedResourceForeground#A1C682
- gitDecoration.conflictingResourceForeground#D7BA7D
- gitDecoration.deletedResourceForeground#E17888
- gitDecoration.ignoredResourceForeground#30363D
- gitDecoration.modifiedResourceForeground#7CC8DE
- gitDecoration.renamedResourceForeground#FFA657
- gitDecoration.stageDeletedResourceForeground#E17888
- gitDecoration.stageModifiedResourceForeground#7CC8DE
- gitDecoration.submoduleResourceForeground#D2A8FF
- gitDecoration.untrackedResourceForeground#A1C682
- icon.foreground#7088B0
- inlineSuggestion.foreground#7088B0
- input.background#161B22
- input.border#30363D
- input.foreground#E6EDF3
- input.placeholderForeground#7088B0
- inputOption.activeBackground#D2A8FF28
- inputOption.activeBorder#D2A8FF
- inputOption.activeForeground#E6EDF3
- inputValidation.errorBackground#161B22
- inputValidation.errorBorder#E17888
- inputValidation.errorForeground#E17888
- inputValidation.infoBackground#161B22
- inputValidation.infoBorder#79C0FF
- inputValidation.infoForeground#79C0FF
- inputValidation.warningBackground#161B22
- inputValidation.warningBorder#D7BA7D
- inputValidation.warningForeground#D7BA7D
- keybindingLabel.background#22272E
- keybindingLabel.border#30363D
- keybindingLabel.bottomBorder#30363D
- keybindingLabel.foreground#E6EDF3
- list.activeSelectionBackground#22272E
- list.activeSelectionForeground#E6EDF3
- list.dropBackground#22272E
- list.errorForeground#E17888
- list.focusBackground#22272E
- list.focusForeground#E6EDF3
- list.highlightForeground#D2A8FF
- list.hoverBackground#1C2128
- list.hoverForeground#E6EDF3
- list.inactiveSelectionBackground#1C2128
- list.inactiveSelectionForeground#E6EDF3
- list.warningForeground#D7BA7D
- listFilterWidget.background#161B22
- listFilterWidget.noMatchesOutline#E17888
- listFilterWidget.outline#D2A8FF
- mergeEditor.change.background#7CC8DE10
- mergeEditor.change.word.background#7CC8DE30
- mergeEditor.conflict.input1.background#A1C68218
- mergeEditor.conflict.input2.background#82AAFF18
- minimap.background#161B22
- minimap.errorHighlight#E17888
- minimap.findMatchHighlight#FFA65760
- minimap.selectionHighlight#D2A8FF28
- minimap.warningHighlight#D7BA7D
- minimapGutter.addedBackground#A1C682
- minimapGutter.deletedBackground#E17888
- minimapGutter.modifiedBackground#7CC8DE
- notebook.cellBorderColor#30363D
- notebook.cellEditorBackground#161B22
- notebook.cellStatusBarItemHoverBackground#1C2128
- notebook.editorBackground#0D1117
- notebook.focusedCellBorder#D2A8FF
- notebook.inactiveFocusedCellBorder#30363D
- notebook.outputContainerBackground#161B22
- notebook.selectedCellBackground#1C2128
- notificationCenterHeader.background#22272E
- notificationCenterHeader.foreground#E6EDF3
- notifications.background#161B22
- notifications.border#30363D
- notifications.foreground#E6EDF3
- notificationsErrorIcon.foreground#E17888
- notificationsInfoIcon.foreground#79C0FF
- notificationsWarningIcon.foreground#D7BA7D
- panel.background#161B22
- panel.border#30363D
- panelTitle.activeBorder#D2A8FF
- panelTitle.activeForeground#E6EDF3
- panelTitle.inactiveForeground#7088B0
- peekView.border#D2A8FF
- peekViewEditor.background#161B22
- peekViewEditor.matchHighlightBackground#FFA65760
- peekViewResult.background#161B22
- peekViewResult.fileForeground#E6EDF3
- peekViewResult.lineForeground#7088B0
- peekViewResult.matchHighlightBackground#FFA65730
- peekViewResult.selectionBackground#22272E
- peekViewResult.selectionForeground#E6EDF3
- peekViewTitle.background#22272E
- peekViewTitleDescription.foreground#7088B0
- peekViewTitleLabel.foreground#E6EDF3
- pickerGroup.border#30363D
- pickerGroup.foreground#7088B0
- progressBar.background#D2A8FF
- quickInput.background#161B22
- quickInput.foreground#E6EDF3
- quickInputList.focusBackground#22272E
- quickInputList.focusForeground#E6EDF3
- quickInputList.focusIconForeground#D2A8FF
- quickInputTitle.background#22272E
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#7088B0A0
- scrollbarSlider.background#30363D60
- scrollbarSlider.hoverBackground#7088B080
- selection.background#D2A8FF28
- settings.checkboxBackground#161B22
- settings.checkboxBorder#30363D
- settings.checkboxForeground#E6EDF3
- settings.dropdownBackground#161B22
- settings.dropdownBorder#30363D
- settings.dropdownForeground#E6EDF3
- settings.focusedRowBackground#1C2128
- settings.headerForeground#E6EDF3
- settings.modifiedItemIndicator#D2A8FF
- settings.numberInputBackground#161B22
- settings.numberInputBorder#30363D
- settings.numberInputForeground#E6EDF3
- settings.rowHoverBackground#1C2128
- settings.textInputBackground#161B22
- settings.textInputBorder#30363D
- settings.textInputForeground#E6EDF3
- sideBar.background#161B22
- sideBar.border#30363D
- sideBar.dropBackground#22272E
- sideBar.foreground#E6EDF3
- sideBarSectionHeader.background#161B22
- sideBarSectionHeader.border#30363D
- sideBarSectionHeader.foreground#7088B0
- sideBarTitle.foreground#7088B0
- statusBar.background#0D1117
- statusBar.border#30363D
- statusBar.debuggingBackground#E17888
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#E6EDF3
- statusBar.noFolderBackground#0D1117
- statusBar.noFolderForeground#E6EDF3
- statusBarItem.activeBackground#22272E
- statusBarItem.errorBackground#E17888
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#1C2128
- statusBarItem.remoteBackground#D2A8FF
- statusBarItem.remoteForeground#0D1117
- statusBarItem.warningBackground#D7BA7D
- statusBarItem.warningForeground#0D1117
- symbolIcon.arrayForeground#FFA657
- symbolIcon.booleanForeground#FF7B72
- symbolIcon.classForeground#7EE787
- symbolIcon.classForeground2#7EE787
- symbolIcon.colorForeground#FF7B72
- symbolIcon.constantForeground#FFA657
- symbolIcon.constructorForeground#D2A8FF
- symbolIcon.enumeratorForeground#D2A8FF
- symbolIcon.enumeratorMemberForeground#FFA657
- symbolIcon.eventForeground#FF7B72
- symbolIcon.fieldForeground#79C0FF
- symbolIcon.fileForeground#7088B0
- symbolIcon.folderForeground#7088B0
- symbolIcon.functionForeground#D2A8FF
- symbolIcon.functionForeground2#D2A8FF
- symbolIcon.interfaceForeground#79C0FF
- symbolIcon.keyForeground#FF7B72
- symbolIcon.keywordForeground#FF7B72
- symbolIcon.methodForeground#D2A8FF
- symbolIcon.moduleForeground#FFA657
- symbolIcon.namespaceForeground#FF7B72
- symbolIcon.nullForeground#FF7B72
- symbolIcon.numberForeground#FFA657
- symbolIcon.objectForeground#7EE787
- symbolIcon.operatorForeground#D2A8FF
- symbolIcon.packageForeground#FFA657
- symbolIcon.propertyForeground#79C0FF
- symbolIcon.referenceForeground#D2A8FF
- symbolIcon.snippetForeground#A5D6FF
- symbolIcon.stringForeground#A5D6FF
- symbolIcon.structForeground#7EE787
- symbolIcon.textForeground#E6EDF3
- symbolIcon.typeParameterForeground#7EE787
- symbolIcon.unitForeground#FFA657
- symbolIcon.variableForeground#FFA657
- tab.activeBackground#0D1117
- tab.activeBorder#00000000
- tab.activeBorderTop#D2A8FF
- tab.activeForeground#E6EDF3
- tab.border#30363D
- tab.hoverBackground#1C2128
- tab.hoverForeground#E6EDF3
- tab.inactiveBackground#010409
- tab.inactiveForeground#7088B0
- tab.unfocusedActiveBackground#010409
- tab.unfocusedActiveForeground#7088B0
- tab.unfocusedInactiveBackground#010409
- tab.unfocusedInactiveForeground#30363D
- terminal.ansiBlack#0D1117
- terminal.ansiBlue#79C0FF
- terminal.ansiBrightBlack#8B949E
- terminal.ansiBrightBlue#79C0FF
- terminal.ansiBrightCyan#B3E0FF
- terminal.ansiBrightGreen#56D364
- terminal.ansiBrightMagenta#E2C5FF
- terminal.ansiBrightRed#FFA198
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0C000
- terminal.ansiCyan#A5D6FF
- terminal.ansiGreen#7EE787
- terminal.ansiMagenta#D2A8FF
- terminal.ansiRed#FF7B72
- terminal.ansiWhite#E6EDF3
- terminal.ansiYellow#E3B341
- terminal.background#0D1117
- terminal.border#30363D
- terminal.cursor.background#0D1117
- terminal.cursor.foreground#D2A8FF
- terminal.foreground#E6EDF3
- terminal.inactiveSelectionBackground#D2A8FF18
- terminal.selectionBackground#D2A8FF28
- terminalCursor.background#0D1117
- terminalCursor.foreground#D2A8FF
- titleBar.activeBackground#010409
- titleBar.activeForeground#E6EDF3
- titleBar.border#30363D
- titleBar.inactiveBackground#010409
- titleBar.inactiveForeground#7088B0
- tree.indentGuidesStroke#30363D
- tree.tableColumnsSeparator#30363D
- walkThrough.embeddedEditorBackground#161B22
- welcomePage.progress.background#22272E
- welcomePage.progress.foreground#D2A8FF
- welcomePage.tileBackground#161B22
- welcomePage.tileBorder#30363D
- welcomePage.tileHoverBackground#1C2128
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| #E6EDF3 | — | |
| comment, punctuation.definition.comment, string.quoted.docstring | #8B949E | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.import, keyword.other.export, storage.type, storage.modifier, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #FF7B72 | — |
| entity.name.function, meta.function-call, support.function, entity.name.method, meta.method-call.js, support.function.misc, keyword.other.special-method, entity.name.function.python | #D2A8FF | — |
| string, string.quoted, string.template, string.interpolated, string.regexp, markup.inline.raw | #A5D6FF | — |
| constant.numeric, constant.language.numeric | #FFA657 | — |
| variable, variable.other, variable.object.property, variable.other.object.property, variable.other.constant, variable.parameter.function | #FFA657 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, support.class, support.type, meta.type.annotation, entity.other.inherited-class | #7EE787 | — |
| entity.name.type.interface, support.type.builtin, support.constant.property-descriptor, support.variable.property, support.variable.dom, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #79C0FF | — |
| keyword.operator, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise, keyword.operator.type.annotation, meta.decorator, punctuation.decorator, constant.language.enum | #D2A8FF | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.name.tag.html, entity.name.tag.xml | #7EE787 | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml | #FF7B72 | — |
| support.type.property-name, support.type.property-name.css, entity.name.tag.css | #79C0FF | — |
| support.constant.property-value.css, constant.other.color, constant.other.unit | #A5D6FF | — |
| entity.name.module, variable.other.module, support.other.module, keyword.control.module, meta.import, meta.export, entity.name.tag.jsx, entity.name.tag.tsx | #FFA657 | — |
| support.type.property-name.json, string.json meta.structure.dictionary.json > string.quoted.json | #D2A8FF | — |
| markup.heading, entity.name.section.markdown | #FF7B72 | bold |
| markup.bold, markup.bold.markdown | #7EE787 | bold |
| markup.italic, markup.italic.markdown | #FFA657 | italic |
| markup.underline.link, string.other.link.description | #D2A8FF | — |
| markup.fenced_code, markup.inline.raw.string.markdown | #A5D6FF | — |
| punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.curly, meta.brace.square | #8B949E | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.infinity, constant.language.nan | #FF7B72 | — |
| punctuation.definition.template-expression | #D2A8FF | — |
| constant.character.escape | #FFA657 | — |
| string.regexp, string.regexp.character-class | #FF7B72 | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.SQL | #FF7B72 | — |
| keyword.operator.pipe, keyword.operator.redirect | #D2A8FF | — |
| keyword.other.definition.ini, variable.other.key.toml | #D2A8FF | — |
| keyword.other.special-method.dockerfile | #FF7B72 | — |
| keyword.operation.graphql, entity.name.fragment.graphql | #FF7B72 | — |
| entity.name.tag.yaml | #D2A8FF | — |