Vellum Theme
Publisher: seokminThemes in package: 11
Warm ivory parchment meets material high contrast dark. Two extremes, one identity.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#A6E22E
- activityBar.background#21221C
- activityBar.border#1E1F1A
- activityBar.foreground#F8F8F2
- activityBar.inactiveForeground#75715E
- activityBarBadge.background#F92672
- activityBarBadge.foreground#F8F8F2
- badge.background#F92672
- badge.foreground#F8F8F2
- banner.background#49483E
- banner.foreground#F8F8F2
- banner.iconForeground#A6E22E
- breadcrumb.activeSelectionForeground#F8F8F2
- breadcrumb.focusForeground#F8F8F2
- breadcrumb.foreground#75715E
- breadcrumbPicker.background#21221C
- button.background#A6E22E
- button.foreground#272822
- button.hoverBackground#B6F22E
- button.secondaryBackground#49483E
- button.secondaryForeground#F8F8F2
- button.secondaryHoverBackground#5A594E
- charts.blue#66D9EF
- charts.foreground#F8F8F2
- charts.green#A6E22E
- charts.lines#75715E
- charts.orange#FD971F
- charts.purple#AE81FF
- charts.red#F92672
- charts.yellow#E6DB74
- checkbox.background#21221C
- checkbox.border#49483E
- checkbox.foreground#F8F8F2
- commandCenter.activeBackground#49483E
- commandCenter.activeBorder#A6E22E
- commandCenter.activeForeground#F8F8F2
- commandCenter.background#21221C
- commandCenter.border#1E1F1A
- commandCenter.foreground#F8F8F2
- debugConsole.errorForeground#F92672
- debugConsole.infoForeground#66D9EF
- debugConsole.sourceForeground#F8F8F2
- debugConsole.warningForeground#E6DB74
- debugConsoleInputIcon.foreground#A6E22E
- debugExceptionWidget.background#21221C
- debugExceptionWidget.border#F92672
- debugIcon.breakpointDisabledForeground#75715E
- debugIcon.breakpointForeground#F92672
- debugIcon.continueForeground#A6E22E
- debugIcon.disconnectForeground#F92672
- debugIcon.pauseForeground#E6DB74
- debugIcon.restartForeground#A6E22E
- debugIcon.startForeground#A6E22E
- debugIcon.stepBackForeground#66D9EF
- debugIcon.stepIntoForeground#66D9EF
- debugIcon.stepOutForeground#66D9EF
- debugIcon.stepOverForeground#66D9EF
- debugIcon.stopForeground#F92672
- debugToolBar.background#21221C
- debugToolBar.border#1E1F1A
- descriptionForeground#75715E
- diffEditor.diagonalFill#49483E40
- diffEditor.insertedLineBackground#A6E22E15
- diffEditor.insertedTextBackground#A6E22E20
- diffEditor.removedLineBackground#F9267215
- diffEditor.removedTextBackground#F9267220
- dropdown.background#21221C
- dropdown.border#1E1F1A
- dropdown.foreground#F8F8F2
- dropdown.listBackground#272822
- editor.background#272822
- editor.findMatchBackground#E6DB7440
- editor.findMatchBorder#E6DB74
- editor.findMatchHighlightBackground#E6DB7420
- editor.foldBackground#3E3D3280
- editor.foreground#F8F8F2
- editor.hoverHighlightBackground#49483E40
- editor.inactiveSelectionBackground#49483E60
- editor.lineHighlightBackground#3E3D32
- editor.lineHighlightBorder#3E3D3200
- editor.rangeHighlightBackground#3E3D3280
- editor.selectionBackground#49483E
- editor.selectionHighlightBackground#49483E80
- editor.symbolHighlightBackground#49483E80
- editor.wordHighlightBackground#49483E80
- editor.wordHighlightStrongBackground#49483EBB
- editorBracketHighlight.foreground1#E6DB74
- editorBracketHighlight.foreground2#F92672
- editorBracketHighlight.foreground3#66D9EF
- editorBracketHighlight.foreground4#AE81FF
- editorBracketHighlight.foreground5#A6E22E
- editorBracketHighlight.foreground6#FD971F
- editorBracketHighlight.unexpectedBracket.foreground#F92672
- editorBracketMatch.background#49483E80
- editorBracketMatch.border#75715E
- editorCodeLens.foreground#75715E
- editorCursor.foreground#F8F8F2
- editorError.foreground#F92672
- editorGhostText.foreground#75715E80
- editorGroup.border#1E1F1A
- editorGroup.dropBackground#49483E80
- editorGroupHeader.noTabsBackground#272822
- editorGroupHeader.tabsBackground#1E1F1A
- editorGroupHeader.tabsBorder#1E1F1A
- editorGutter.addedBackground#A6E22E
- editorGutter.background#272822
- editorGutter.deletedBackground#F92672
- editorGutter.foldingControlForeground#75715E
- editorGutter.modifiedBackground#66D9EF
- editorHint.foreground#A6E22E
- editorHoverWidget.background#21221C
- editorHoverWidget.border#1E1F1A
- editorHoverWidget.foreground#F8F8F2
- editorHoverWidget.statusBarBackground#1E1F1A
- editorIndentGuide.activeBackground#49483E
- editorIndentGuide.background#49483E80
- editorInfo.foreground#66D9EF
- editorLightBulb.foreground#E6DB74
- editorLightBulbAutoFix.foreground#A6E22E
- editorLineNumber.activeForeground#F8F8F2
- editorLineNumber.foreground#75715E
- editorLink.activeForeground#66D9EF
- editorOverviewRuler.addedForeground#A6E22E
- editorOverviewRuler.border#1E1F1A
- editorOverviewRuler.bracketMatchForeground#75715E
- editorOverviewRuler.deletedForeground#F92672
- editorOverviewRuler.errorForeground#F92672
- editorOverviewRuler.findMatchForeground#E6DB7480
- editorOverviewRuler.infoForeground#66D9EF
- editorOverviewRuler.modifiedForeground#66D9EF
- editorOverviewRuler.rangeHighlightForeground#49483E80
- editorOverviewRuler.selectionHighlightForeground#49483EBB
- editorOverviewRuler.warningForeground#E6DB74
- editorOverviewRuler.wordHighlightForeground#49483EBB
- editorRuler.foreground#49483E
- editorStickyScroll.background#272822
- editorStickyScrollHover.background#3E3D32
- editorSuggestWidget.background#21221C
- editorSuggestWidget.border#1E1F1A
- editorSuggestWidget.focusHighlightForeground#A6E22E
- editorSuggestWidget.foreground#F8F8F2
- editorSuggestWidget.highlightForeground#A6E22E
- editorSuggestWidget.selectedBackground#49483E
- editorSuggestWidget.selectedForeground#F8F8F2
- editorSuggestWidget.selectedIconForeground#F8F8F2
- editorWarning.foreground#E6DB74
- editorWhitespace.foreground#49483E80
- editorWidget.background#21221C
- editorWidget.border#1E1F1A
- editorWidget.foreground#F8F8F2
- editorWidget.resizeBorder#A6E22E
- errorForeground#F92672
- extensionBadge.remoteBackground#F92672
- extensionBadge.remoteForeground#F8F8F2
- extensionButton.prominentBackground#A6E22E
- extensionButton.prominentForeground#272822
- extensionButton.prominentHoverBackground#B6F22E
- focusBorder#A6E22E80
- foreground#F8F8F2
- gitDecoration.addedResourceForeground#A6E22E
- gitDecoration.conflictingResourceForeground#FD971F
- gitDecoration.deletedResourceForeground#F92672
- gitDecoration.ignoredResourceForeground#75715E
- gitDecoration.modifiedResourceForeground#66D9EF
- gitDecoration.renamedResourceForeground#E6DB74
- gitDecoration.stageDeletedResourceForeground#F92672
- gitDecoration.stageModifiedResourceForeground#66D9EF
- gitDecoration.untrackedResourceForeground#A6E22E
- icon.foreground#F8F8F2
- input.background#21221C
- input.border#1E1F1A
- input.foreground#F8F8F2
- input.placeholderForeground#75715E
- inputOption.activeBackground#49483E
- inputOption.activeBorder#A6E22E
- inputOption.activeForeground#F8F8F2
- inputValidation.errorBackground#F9267230
- inputValidation.errorBorder#F92672
- inputValidation.infoBackground#66D9EF30
- inputValidation.infoBorder#66D9EF
- inputValidation.warningBackground#E6DB7430
- inputValidation.warningBorder#E6DB74
- keybindingLabel.background#49483E
- keybindingLabel.border#75715E
- keybindingLabel.bottomBorder#75715E
- keybindingLabel.foreground#F8F8F2
- list.activeSelectionBackground#49483E
- list.activeSelectionForeground#F8F8F2
- list.activeSelectionIconForeground#F8F8F2
- list.dropBackground#49483E80
- list.errorForeground#F92672
- list.focusBackground#49483E
- list.focusForeground#F8F8F2
- list.focusOutline#A6E22E80
- list.highlightForeground#A6E22E
- list.hoverBackground#49483E60
- list.hoverForeground#F8F8F2
- list.inactiveSelectionBackground#49483E80
- list.inactiveSelectionForeground#F8F8F2
- list.warningForeground#E6DB74
- menu.background#21221C
- menu.border#1E1F1A
- menu.foreground#F8F8F2
- menu.selectionBackground#49483E
- menu.selectionForeground#F8F8F2
- menu.separatorBackground#49483E
- menubar.selectionBackground#49483E
- menubar.selectionForeground#F8F8F2
- merge.border#1E1F1A
- merge.commonContentBackground#49483E80
- merge.commonHeaderBackground#49483E
- merge.currentContentBackground#A6E22E20
- merge.currentHeaderBackground#A6E22E40
- merge.incomingContentBackground#66D9EF20
- merge.incomingHeaderBackground#66D9EF40
- minimap.errorHighlight#F92672
- minimap.findMatchHighlight#A6E22E60
- minimap.selectionHighlight#49483E80
- minimap.warningHighlight#E6DB74
- minimapGutter.addedBackground#A6E22E
- minimapGutter.deletedBackground#F92672
- minimapGutter.modifiedBackground#66D9EF
- minimapSlider.activeBackground#49483E80
- minimapSlider.background#49483E40
- minimapSlider.hoverBackground#49483E60
- notificationCenter.border#1E1F1A
- notificationCenterHeader.background#21221C
- notificationCenterHeader.foreground#F8F8F2
- notificationLink.foreground#66D9EF
- notifications.background#21221C
- notifications.border#1E1F1A
- notifications.foreground#F8F8F2
- notificationsErrorIcon.foreground#F92672
- notificationsInfoIcon.foreground#66D9EF
- notificationsWarningIcon.foreground#E6DB74
- notificationToast.border#1E1F1A
- panel.background#1E1F1A
- panel.border#1E1F1A
- panel.dropBorder#A6E22E
- panelInput.border#49483E
- panelSection.border#1E1F1A
- panelSectionHeader.background#272822
- panelSectionHeader.foreground#F8F8F2
- panelTitle.activeBorder#A6E22E
- panelTitle.activeForeground#F8F8F2
- panelTitle.inactiveForeground#75715E
- peekView.border#A6E22E
- peekViewEditor.background#21221C
- peekViewEditor.matchHighlightBackground#E6DB7440
- peekViewEditorGutter.background#21221C
- peekViewResult.background#1E1F1A
- peekViewResult.fileForeground#F8F8F2
- peekViewResult.lineForeground#75715E
- peekViewResult.matchHighlightBackground#E6DB7440
- peekViewResult.selectionBackground#49483E
- peekViewResult.selectionForeground#F8F8F2
- peekViewTitle.background#1E1F1A
- peekViewTitleDescription.foreground#75715E
- peekViewTitleLabel.foreground#F8F8F2
- pickerGroup.border#49483E
- pickerGroup.foreground#A6E22E
- progressBar.background#A6E22E
- quickInput.background#21221C
- quickInput.foreground#F8F8F2
- quickInputList.focusBackground#49483E
- quickInputList.focusForeground#F8F8F2
- quickInputList.focusIconForeground#F8F8F2
- quickInputTitle.background#1E1F1A
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#49483EFF
- scrollbarSlider.background#49483E80
- scrollbarSlider.hoverBackground#49483EBB
- selection.background#49483E
- settings.checkboxBackground#21221C
- settings.checkboxBorder#49483E
- settings.checkboxForeground#F8F8F2
- settings.dropdownBackground#21221C
- settings.dropdownBorder#1E1F1A
- settings.dropdownForeground#F8F8F2
- settings.focusedRowBackground#49483E40
- settings.headerForeground#F8F8F2
- settings.modifiedItemIndicator#A6E22E
- settings.numberInputBackground#21221C
- settings.numberInputBorder#1E1F1A
- settings.numberInputForeground#F8F8F2
- settings.rowHoverBackground#49483E20
- settings.textInputBackground#21221C
- settings.textInputBorder#1E1F1A
- settings.textInputForeground#F8F8F2
- sideBar.background#21221C
- sideBar.border#1E1F1A
- sideBar.dropBackground#49483E80
- sideBar.foreground#F8F8F2
- sideBarSectionHeader.background#1E1F1A
- sideBarSectionHeader.border#1E1F1A
- sideBarSectionHeader.foreground#F8F8F2
- sideBarTitle.foreground#F8F8F2
- statusBar.background#1E1F1A
- statusBar.border#1E1F1A
- statusBar.debuggingBackground#F92672
- statusBar.debuggingForeground#F8F8F2
- statusBar.foreground#F8F8F2
- statusBar.noFolderBackground#1E1F1A
- statusBar.noFolderForeground#F8F8F2
- statusBarItem.activeBackground#49483E
- statusBarItem.errorBackground#F92672
- statusBarItem.errorForeground#F8F8F2
- statusBarItem.hoverBackground#49483E80
- statusBarItem.prominentBackground#49483E
- statusBarItem.prominentHoverBackground#49483EBB
- statusBarItem.remoteBackground#A6E22E
- statusBarItem.remoteForeground#272822
- statusBarItem.warningBackground#E6DB74
- statusBarItem.warningForeground#272822
- symbolIcon.classForeground#66D9EF
- symbolIcon.colorForeground#E6DB74
- symbolIcon.constantForeground#AE81FF
- symbolIcon.enumeratorForeground#66D9EF
- symbolIcon.enumeratorMemberForeground#AE81FF
- symbolIcon.eventForeground#FD971F
- symbolIcon.fieldForeground#F8F8F2
- symbolIcon.fileForeground#F8F8F2
- symbolIcon.folderForeground#E6DB74
- symbolIcon.functionForeground#A6E22E
- symbolIcon.interfaceForeground#66D9EF
- symbolIcon.keyForeground#FD971F
- symbolIcon.keywordForeground#F92672
- symbolIcon.methodForeground#A6E22E
- symbolIcon.moduleForeground#F92672
- symbolIcon.namespaceForeground#66D9EF
- symbolIcon.numberForeground#AE81FF
- symbolIcon.objectForeground#66D9EF
- symbolIcon.operatorForeground#F92672
- symbolIcon.packageForeground#FD971F
- symbolIcon.propertyForeground#F8F8F2
- symbolIcon.referenceForeground#AE81FF
- symbolIcon.snippetForeground#E6DB74
- symbolIcon.stringForeground#E6DB74
- symbolIcon.structForeground#66D9EF
- symbolIcon.textForeground#F8F8F2
- symbolIcon.typeParameterForeground#66D9EF
- symbolIcon.unitForeground#AE81FF
- symbolIcon.variableForeground#F8F8F2
- tab.activeBackground#272822
- tab.activeBorderTop#A6E22E
- tab.activeForeground#F8F8F2
- tab.border#1E1F1A
- tab.hoverBackground#272822
- tab.hoverForeground#F8F8F2
- tab.inactiveBackground#1E1F1A
- tab.inactiveForeground#75715E
- tab.lastPinnedBorder#49483E
- tab.unfocusedActiveBackground#272822
- tab.unfocusedActiveForeground#F8F8F2CC
- tab.unfocusedInactiveBackground#1E1F1A
- tab.unfocusedInactiveForeground#75715E
- terminal.ansiBlack#272822
- terminal.ansiBlue#66D9EF
- terminal.ansiBrightBlack#75715E
- terminal.ansiBrightBlue#78E1FF
- terminal.ansiBrightCyan#78E1FF
- terminal.ansiBrightGreen#B6F22E
- terminal.ansiBrightMagenta#C09BFF
- terminal.ansiBrightRed#FB5599
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F0E884
- terminal.ansiCyan#66D9EF
- terminal.ansiGreen#A6E22E
- terminal.ansiMagenta#AE81FF
- terminal.ansiRed#F92672
- terminal.ansiWhite#F8F8F2
- terminal.ansiYellow#E6DB74
- terminal.background#272822
- terminal.border#1E1F1A
- terminal.foreground#F8F8F2
- terminal.selectionBackground#49483E
- terminal.tab.activeBorder#A6E22E
- terminalCursor.foreground#F8F8F2
- testing.iconErrored#F92672
- testing.iconFailed#F92672
- testing.iconPassed#A6E22E
- testing.iconQueued#E6DB74
- testing.iconSkipped#75715E
- testing.iconUnset#75715E
- testing.runAction#A6E22E
- textBlockQuote.background#21221C
- textBlockQuote.border#75715E
- textLink.activeForeground#A6E22E
- textLink.foreground#66D9EF
- textPreformat.foreground#E6DB74
- titleBar.activeBackground#21221C
- titleBar.activeForeground#F8F8F2
- titleBar.border#1E1F1A
- titleBar.inactiveBackground#21221C
- titleBar.inactiveForeground#75715E
- tree.indentGuidesStroke#49483E
- tree.tableColumnsBorder#49483E80
- walkThrough.embeddedEditorBackground#21221C
- welcomePage.progress.foreground#A6E22E
- welcomePage.tileBackground#21221C
- welcomePage.tileBorder#49483E
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #75715E | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.void, keyword.operator.of, keyword.operator.in, storage, storage.type, storage.modifier | #F92672 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.ternary | #F92672 | |
| string, string.quoted, string.template, string.interpolated | #E6DB74 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #AE81FF | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan, constant.language.infinity, support.constant | #AE81FF | bold |
| entity.name.function, meta.function-call, support.function, meta.function-call entity.name.function | #A6E22E | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.other.inherited-class, support.type, support.class, entity.name.type.class | #66D9EF | italic |
| entity.name.type.interface, entity.name.type.parameter, entity.name.type.alias, entity.name.type.enum | #66D9EF | italic |
| variable, variable.other, variable.other.readwrite, support.variable | #F8F8F2 | — |
| variable.parameter, meta.parameters variable, meta.function variable.parameter | #FD971F | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name, string.json support.type.property-name | #66D9EF | — |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.separator, punctuation.terminator, meta.brace | #F8F8F2 | — |
| punctuation.definition.template-expression, string.template punctuation.definition.template-expression | #F92672 | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #F92672 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #A6E22E | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #A6E22E | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #66D9EF | — |
| support.constant.property-value.css, support.constant.color.css, support.constant.font-name.css | #F8F8F2 | — |
| keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less | #AE81FF | — |
| string.regexp, constant.character.escape, constant.other.character-class.regexp, keyword.operator.quantifier.regexp, keyword.control.anchor.regexp | #66D9EF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, keyword.control.as, meta.import keyword, meta.export keyword | #F92672 | bold |
| meta.decorator, meta.decorator entity.name.function, meta.decorator variable, punctuation.decorator, storage.type.annotation | #66D9EF | italic |
| support.type.property-name.json | #66D9EF | — |
| string.quoted.double.json | #E6DB74 | — |
| markup.heading, entity.name.section | #A6E22E | bold |
| markup.bold | #FD971F | bold |
| markup.italic | #E6DB74 | italic |
| markup.underline.link, string.other.link | #66D9EF | — |
| markup.inline.raw, markup.fenced_code | #AE81FF | — |
| markup.list, punctuation.definition.list.begin.markdown | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.deleted | #F92672 | — |
| markup.changed | #E6DB74 | — |
| entity.name.tag.yaml | #66D9EF | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.alias.yaml | #A6E22E | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, punctuation.definition.variable.shell | #FD971F | — |
| variable.language.self, variable.language.cls, variable.language.this, variable.language.super, variable.language.special.self, variable.parameter.function.language.special.self | #FD971F | italic |
| support.function.magic.python | #A6E22E | italic |
| storage.type.numeric.go, storage.type.string.go, storage.type.boolean.go, storage.type.byte.go, entity.name.type.numeric.rust, entity.name.type.primitive.rust | #66D9EF | italic |
| meta.preprocessor, keyword.control.directive, punctuation.definition.directive, entity.name.function.preprocessor | #F92672 | — |
| invalid, invalid.illegal | #F8F8F2 | — |
| invalid.deprecated | #F8F8F2 | — |
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#2E3440
- activityBar.border#3B4252
- activityBar.foreground#D8DEE9
- activityBar.inactiveForeground#4C566A
- activityBarBadge.background#88C0D0
- activityBarBadge.foreground#2E3440
- badge.background#88C0D0
- badge.foreground#2E3440
- breadcrumb.activeSelectionForeground#D8DEE9
- breadcrumb.background#2E3440
- breadcrumb.focusForeground#D8DEE9
- breadcrumb.foreground#4C566A
- breadcrumbPicker.background#2E3440
- button.background#88C0D0
- button.foreground#2E3440
- button.hoverBackground#8FBCBB
- button.secondaryBackground#434C5E
- button.secondaryForeground#D8DEE9
- button.secondaryHoverBackground#4C566A
- commandCenter.background#3B4252
- commandCenter.border#3B4252
- commandCenter.foreground#D8DEE9
- debugConsole.errorForeground#BF616A
- debugConsole.infoForeground#88C0D0
- debugConsole.warningForeground#EBCB8B
- debugIcon.breakpointForeground#BF616A
- debugIcon.startForeground#A3BE8C
- debugToolBar.background#3B4252
- descriptionForeground#4C566A
- diffEditor.insertedLineBackground#A3BE8C18
- diffEditor.insertedTextBackground#A3BE8C22
- diffEditor.removedLineBackground#BF616A18
- diffEditor.removedTextBackground#BF616A22
- dropdown.background#3B4252
- dropdown.border#3B4252
- dropdown.foreground#D8DEE9
- dropdown.listBackground#2E3440
- editor.background#2E3440
- editor.findMatchBackground#88C0D044
- editor.findMatchBorder#88C0D0
- editor.findMatchHighlightBackground#88C0D022
- editor.foreground#D8DEE9
- editor.hoverHighlightBackground#3B425288
- editor.inactiveSelectionBackground#434C5E77
- editor.lineHighlightBackground#3B4252
- editor.lineHighlightBorder#3B425200
- editor.rangeHighlightBackground#3B425288
- editor.selectionBackground#434C5E
- editor.selectionHighlightBackground#434C5E88
- editor.wordHighlightBackground#434C5E88
- editor.wordHighlightStrongBackground#434C5EAA
- editorBracketMatch.background#434C5E88
- editorBracketMatch.border#88C0D0
- editorCodeLens.foreground#616E88
- editorCursor.foreground#D8DEE9
- editorError.foreground#BF616A
- editorGroup.border#3B4252
- editorGroup.dropBackground#434C5E88
- editorGroupHeader.noTabsBackground#2E3440
- editorGroupHeader.tabsBackground#2E3440
- editorGroupHeader.tabsBorder#2E344000
- editorGutter.addedBackground#A3BE8C
- editorGutter.deletedBackground#BF616A
- editorGutter.modifiedBackground#EBCB8B
- editorHint.foreground#8FBCBB
- editorHoverWidget.background#2E3440
- editorHoverWidget.border#3B4252
- editorIndentGuide.activeBackground#4C566AAA
- editorIndentGuide.background#4C566A44
- editorInfo.foreground#88C0D0
- editorLightBulb.foreground#EBCB8B
- editorLineNumber.activeForeground#D8DEE9
- editorLineNumber.foreground#4C566A
- editorLink.activeForeground#88C0D0
- editorOverviewRuler.border#3B4252
- editorOverviewRuler.errorForeground#BF616A
- editorOverviewRuler.infoForeground#88C0D0
- editorOverviewRuler.warningForeground#EBCB8B
- editorRuler.foreground#4C566A44
- editorSuggestWidget.background#2E3440
- editorSuggestWidget.border#3B4252
- editorSuggestWidget.foreground#D8DEE9
- editorSuggestWidget.highlightForeground#88C0D0
- editorSuggestWidget.selectedBackground#434C5E
- editorWarning.foreground#EBCB8B
- editorWhitespace.foreground#4C566A66
- editorWidget.background#2E3440
- editorWidget.border#3B4252
- editorWidget.foreground#D8DEE9
- errorForeground#BF616A
- focusBorder#88C0D0
- foreground#D8DEE9
- gitDecoration.addedResourceForeground#A3BE8C
- gitDecoration.conflictingResourceForeground#D08770
- gitDecoration.deletedResourceForeground#BF616A
- gitDecoration.ignoredResourceForeground#4C566A
- gitDecoration.modifiedResourceForeground#EBCB8B
- gitDecoration.submoduleResourceForeground#8FBCBB
- gitDecoration.untrackedResourceForeground#A3BE8C
- icon.foreground#D8DEE9
- input.background#3B4252
- input.border#3B4252
- input.foreground#D8DEE9
- input.placeholderForeground#4C566A
- inputOption.activeBackground#88C0D033
- inputOption.activeBorder#88C0D0
- inputValidation.errorBackground#BF616A33
- inputValidation.errorBorder#BF616A
- inputValidation.infoBackground#88C0D033
- inputValidation.infoBorder#88C0D0
- inputValidation.warningBackground#EBCB8B33
- inputValidation.warningBorder#EBCB8B
- keybindingLabel.background#434C5E
- keybindingLabel.border#4C566A
- keybindingLabel.bottomBorder#4C566A
- keybindingLabel.foreground#D8DEE9
- list.activeSelectionBackground#434C5E
- list.activeSelectionForeground#D8DEE9
- list.dropBackground#434C5E88
- list.errorForeground#BF616A
- list.focusBackground#434C5E
- list.focusForeground#D8DEE9
- list.highlightForeground#88C0D0
- list.hoverBackground#3B4252
- list.hoverForeground#D8DEE9
- list.inactiveSelectionBackground#3B4252
- list.inactiveSelectionForeground#D8DEE9
- list.warningForeground#EBCB8B
- menu.background#2E3440
- menu.foreground#D8DEE9
- menu.selectionBackground#434C5E
- menu.selectionForeground#D8DEE9
- menu.separatorBackground#3B4252
- menubar.selectionBackground#434C5E
- menubar.selectionForeground#D8DEE9
- merge.currentContentBackground#88C0D022
- merge.currentHeaderBackground#88C0D044
- merge.incomingContentBackground#A3BE8C22
- merge.incomingHeaderBackground#A3BE8C44
- minimap.errorHighlight#BF616A
- minimap.findMatchHighlight#88C0D044
- minimap.selectionHighlight#434C5EAA
- minimap.warningHighlight#EBCB8B
- minimapGutter.addedBackground#A3BE8C
- minimapGutter.deletedBackground#BF616A
- minimapGutter.modifiedBackground#EBCB8B
- notificationCenter.border#3B4252
- notificationCenterHeader.background#3B4252
- notificationCenterHeader.foreground#D8DEE9
- notificationLink.foreground#88C0D0
- notifications.background#3B4252
- notifications.border#3B4252
- notifications.foreground#D8DEE9
- panel.background#3B4252
- panel.border#3B4252
- panelTitle.activeBorder#88C0D0
- panelTitle.activeForeground#D8DEE9
- panelTitle.inactiveForeground#4C566A
- peekView.border#88C0D0
- peekViewEditor.background#2E3440
- peekViewEditor.matchHighlightBackground#88C0D044
- peekViewResult.background#2E3440
- peekViewResult.matchHighlightBackground#88C0D044
- peekViewResult.selectionBackground#434C5E
- peekViewResult.selectionForeground#D8DEE9
- peekViewTitle.background#3B4252
- peekViewTitleDescription.foreground#4C566A
- peekViewTitleLabel.foreground#D8DEE9
- progressBar.background#88C0D0
- quickInput.background#2E3440
- quickInput.foreground#D8DEE9
- quickInputList.focusBackground#434C5E
- quickInputTitle.background#3B4252
- sash.hoverBorder#88C0D0
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#4C566AAA
- scrollbarSlider.background#4C566A44
- scrollbarSlider.hoverBackground#4C566A88
- selection.background#434C5E
- settings.focusedRowBackground#3B4252
- settings.headerForeground#D8DEE9
- settings.modifiedItemIndicator#88C0D0
- sideBar.background#2E3440
- sideBar.border#3B4252
- sideBar.foreground#D8DEE9
- sideBarSectionHeader.background#3B4252
- sideBarSectionHeader.border#3B4252
- sideBarSectionHeader.foreground#D8DEE9
- sideBarTitle.foreground#D8DEE9
- statusBar.background#3B4252
- statusBar.border#3B4252
- statusBar.debuggingBackground#BF616A
- statusBar.debuggingForeground#ECEFF4
- statusBar.foreground#D8DEE9
- statusBar.noFolderBackground#3B4252
- statusBar.noFolderForeground#D8DEE9
- statusBarItem.hoverBackground#434C5E
- statusBarItem.remoteBackground#88C0D0
- statusBarItem.remoteForeground#2E3440
- tab.activeBackground#2E3440
- tab.activeBorderTop#88C0D0
- tab.activeForeground#D8DEE9
- tab.border#2E3440
- tab.hoverBackground#3B4252
- tab.inactiveBackground#2E3440
- tab.inactiveForeground#4C566A
- tab.unfocusedActiveForeground#D8DEE9AA
- tab.unfocusedInactiveForeground#4C566AAA
- terminal.ansiBlack#3B4252
- terminal.ansiBlue#81A1C1
- terminal.ansiBrightBlack#4C566A
- terminal.ansiBrightBlue#81A1C1
- terminal.ansiBrightCyan#8FBCBB
- terminal.ansiBrightGreen#A3BE8C
- terminal.ansiBrightMagenta#B48EAD
- terminal.ansiBrightRed#BF616A
- terminal.ansiBrightWhite#ECEFF4
- terminal.ansiBrightYellow#EBCB8B
- terminal.ansiCyan#88C0D0
- terminal.ansiGreen#A3BE8C
- terminal.ansiMagenta#B48EAD
- terminal.ansiRed#BF616A
- terminal.ansiWhite#E5E9F0
- terminal.ansiYellow#EBCB8B
- terminal.background#2E3440
- terminal.foreground#D8DEE9
- terminalCursor.foreground#D8DEE9
- textBlockQuote.background#3B4252
- textBlockQuote.border#81A1C1
- textCodeBlock.background#3B4252
- textLink.activeForeground#8FBCBB
- textLink.foreground#88C0D0
- textPreformat.foreground#D8DEE9
- titleBar.activeBackground#2E3440
- titleBar.activeForeground#D8DEE9
- titleBar.border#3B4252
- titleBar.inactiveBackground#2E3440
- titleBar.inactiveForeground#4C566A
- tree.indentGuidesStroke#4C566A44
- walkThrough.embeddedEditorBackground#2E3440
- welcomePage.progress.foreground#88C0D0
- welcomePage.tileBackground#3B4252
- welcomePage.tileBorder#434C5E
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #616E88 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python, storage, storage.type, storage.modifier | #81A1C1 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary | #81A1C1 | |
| string, string.quoted, string.template | #A3BE8C | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #B48EAD | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #B48EAD | bold |
| variable, variable.other, variable.other.readwrite | #D8DEE9 | — |
| variable.parameter, meta.function.parameter, meta.parameters | #D8DEE9 | italic |
| entity.name.function, meta.function-call, support.function, meta.function-call entity.name.function | #88C0D0 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, entity.name.type.interface, entity.name.type.enum, entity.name.type.alias | #8FBCBB | — |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.array, punctuation.separator, punctuation.terminator, meta.brace | #ECEFF4 | — |
| meta.object-literal.key, support.type.property-name.json, string.json support.type.property-name, entity.name.tag.yaml, support.type.property-name | #88C0D0 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #81A1C1 | bold |
| string.regexp, constant.character.escape, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #EBCB8B | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator, meta.annotation, storage.type.annotation | #D08770 | italic |
| entity.name.tag, punctuation.definition.tag | #81A1C1 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #8FBCBB | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #8FBCBB | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #88C0D0 | — |
| support.constant.property-value.css, support.constant.font-name.css | #D8DEE9 | — |
| keyword.other.unit.css, keyword.other.unit.scss | #B48EAD | — |
| markup.heading, entity.name.section.markdown | #88C0D0 | bold |
| markup.bold | #D8DEE9 | bold |
| markup.italic | #D8DEE9 | italic |
| markup.underline.link, string.other.link | #88C0D0 | — |
| markup.inline.raw, markup.fenced_code | #A3BE8C | — |
| markup.list, punctuation.definition.list | #81A1C1 | — |
| markup.quote | #616E88 | italic |
| punctuation.definition.template-expression, punctuation.section.embedded, meta.template.expression | #81A1C1 | — |
| support.constant, variable.other.constant | #B48EAD | bold |
| variable.language, variable.language.this, variable.language.self | #81A1C1 | italic |
| string.quoted.double.json | #A3BE8C | — |
| string.unquoted.plain.out.yaml | #D8DEE9 | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell | #D8DEE9 | — |
| markup.inserted | #A3BE8C | — |
| markup.deleted | #BF616A | — |
| markup.changed | #EBCB8B | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#528BFF
- activityBar.background#21252B
- activityBar.border#181A1F
- activityBar.dropBorder#528BFF
- activityBar.foreground#ABB2BF
- activityBar.inactiveForeground#636B78
- activityBarBadge.background#528BFF
- activityBarBadge.foreground#FFFFFF
- badge.background#528BFF
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#ABB2BF
- breadcrumb.focusForeground#ABB2BF
- breadcrumb.foreground#636B78
- breadcrumbPicker.background#21252B
- button.background#528BFF
- button.foreground#FFFFFF
- button.hoverBackground#4278D4
- button.secondaryBackground#3E4451
- button.secondaryForeground#ABB2BF
- button.secondaryHoverBackground#4B5263
- checkbox.background#21252B
- checkbox.border#3E4451
- checkbox.foreground#ABB2BF
- debugConsole.errorForeground#E06C75
- debugConsole.infoForeground#61AFEF
- debugConsole.sourceForeground#ABB2BF
- debugConsole.warningForeground#E5C07B
- debugConsoleInputIcon.foreground#C678DD
- debugIcon.breakpointDisabledForeground#636B78
- debugIcon.breakpointForeground#E06C75
- debugIcon.breakpointUnverifiedForeground#D19A66
- debugIcon.continueForeground#98C379
- debugIcon.disconnectForeground#E06C75
- debugIcon.pauseForeground#61AFEF
- debugIcon.restartForeground#98C379
- debugIcon.startForeground#98C379
- debugIcon.stepBackForeground#61AFEF
- debugIcon.stepIntoForeground#61AFEF
- debugIcon.stepOutForeground#61AFEF
- debugIcon.stepOverForeground#61AFEF
- debugIcon.stopForeground#E06C75
- debugTokenExpression.boolean#D19A66
- debugTokenExpression.error#E06C75
- debugTokenExpression.name#E06C75
- debugTokenExpression.number#D19A66
- debugTokenExpression.string#98C379
- debugTokenExpression.value#98C379
- debugToolBar.background#21252B
- debugToolBar.border#181A1F
- descriptionForeground#636B78
- diffEditor.border#181A1F
- diffEditor.diagonalFill#3E445140
- diffEditor.insertedLineBackground#98C37915
- diffEditor.insertedTextBackground#98C37920
- diffEditor.removedLineBackground#E06C7515
- diffEditor.removedTextBackground#E06C7520
- diffEditorGutter.insertedLineBackground#98C37940
- diffEditorGutter.removedLineBackground#E06C7540
- diffEditorOverview.insertedForeground#98C37980
- diffEditorOverview.removedForeground#E06C7580
- dropdown.background#21252B
- dropdown.border#181A1F
- dropdown.foreground#ABB2BF
- dropdown.listBackground#21252B
- editor.background#282C34
- editor.findMatchBackground#D19A6640
- editor.findMatchBorder#D19A66
- editor.findMatchHighlightBackground#61AFEF30
- editor.findMatchHighlightBorder#61AFEF00
- editor.findRangeHighlightBackground#3E445140
- editor.findRangeHighlightBorder#3E445100
- editor.foldBackground#2C313C80
- editor.foreground#ABB2BF
- editor.hoverHighlightBackground#2C313C
- editor.inactiveSelectionBackground#3E445180
- editor.lineHighlightBackground#2C313C
- editor.lineHighlightBorder#2C313C00
- editor.linkedEditingBackground#E06C7530
- editor.rangeHighlightBackground#2C313C80
- editor.rangeHighlightBorder#2C313C00
- editor.selectionBackground#3E4451
- editor.selectionForeground#FFFFFF
- editor.selectionHighlightBackground#3E445160
- editor.selectionHighlightBorder#3E445100
- editor.symbolHighlightBackground#61AFEF30
- editor.symbolHighlightBorder#61AFEF00
- editor.wordHighlightBackground#3E445140
- editor.wordHighlightBorder#3E445100
- editor.wordHighlightStrongBackground#3E445160
- editor.wordHighlightStrongBorder#3E445100
- editorBracketHighlight.foreground1#D19A66
- editorBracketHighlight.foreground2#C678DD
- editorBracketHighlight.foreground3#61AFEF
- editorBracketHighlight.foreground4#E5C07B
- editorBracketHighlight.foreground5#56B6C2
- editorBracketHighlight.foreground6#E06C75
- editorBracketHighlight.unexpectedBracket.foreground#E06C75
- editorBracketMatch.background#3E445140
- editorBracketMatch.border#636B78
- editorCodeLens.foreground#636B78
- editorCursor.background#282C34
- editorCursor.foreground#528BFF
- editorError.foreground#E06C75
- editorGhostText.foreground#636B7880
- editorGroup.border#181A1F
- editorGroup.dropBackground#3E445140
- editorGroupHeader.border#181A1F
- editorGroupHeader.noTabsBackground#282C34
- editorGroupHeader.tabsBackground#21252B
- editorGroupHeader.tabsBorder#181A1F
- editorGutter.addedBackground#98C379
- editorGutter.commentRangeForeground#636B78
- editorGutter.deletedBackground#E06C75
- editorGutter.foldingControlForeground#636B78
- editorGutter.modifiedBackground#61AFEF
- editorHint.foreground#56B6C2
- editorHoverWidget.background#21252B
- editorHoverWidget.border#181A1F
- editorHoverWidget.foreground#ABB2BF
- editorHoverWidget.highlightForeground#61AFEF
- editorHoverWidget.statusBarBackground#1D1F23
- editorIndentGuide.activeBackground1#636B78
- editorIndentGuide.background1#3E445180
- editorInfo.foreground#61AFEF
- editorLightBulb.foreground#E5C07B
- editorLightBulbAutoFix.foreground#98C379
- editorLineNumber.activeForeground#ABB2BF
- editorLineNumber.foreground#495162
- editorLink.activeForeground#61AFEF
- editorOverviewRuler.addedForeground#98C37980
- editorOverviewRuler.border#181A1F
- editorOverviewRuler.bracketMatchForeground#636B78
- editorOverviewRuler.commonContentForeground#3E445180
- editorOverviewRuler.currentContentForeground#98C37940
- editorOverviewRuler.deletedForeground#E06C7580
- editorOverviewRuler.errorForeground#E06C75
- editorOverviewRuler.findMatchForeground#61AFEF80
- editorOverviewRuler.incomingContentForeground#61AFEF40
- editorOverviewRuler.infoForeground#61AFEF
- editorOverviewRuler.modifiedForeground#61AFEF80
- editorOverviewRuler.rangeHighlightForeground#61AFEF80
- editorOverviewRuler.selectionHighlightForeground#3E445180
- editorOverviewRuler.warningForeground#E5C07B
- editorOverviewRuler.wordHighlightForeground#3E445180
- editorOverviewRuler.wordHighlightStrongForeground#3E445180
- editorRuler.foreground#3E445180
- editorStickyScroll.background#282C34
- editorStickyScrollHover.background#2C313C
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.focusHighlightForeground#61AFEF
- editorSuggestWidget.foreground#ABB2BF
- editorSuggestWidget.highlightForeground#61AFEF
- editorSuggestWidget.selectedBackground#2C313C
- editorSuggestWidget.selectedForeground#FFFFFF
- editorSuggestWidget.selectedIconForeground#FFFFFF
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#E5C07B
- editorWhitespace.foreground#3E445180
- editorWidget.background#21252B
- editorWidget.border#181A1F
- editorWidget.foreground#ABB2BF
- editorWidget.resizeBorder#528BFF
- errorForeground#E06C75
- extensionBadge.remoteBackground#528BFF
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.prominentBackground#528BFF
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#4278D4
- extensionIcon.starForeground#E5C07B
- extensionIcon.verifiedForeground#528BFF
- focusBorder#528BFF
- foreground#ABB2BF
- gitDecoration.addedResourceForeground#98C379
- gitDecoration.conflictingResourceForeground#D19A66
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.ignoredResourceForeground#495162
- gitDecoration.modifiedResourceForeground#61AFEF
- gitDecoration.renamedResourceForeground#56B6C2
- gitDecoration.stageDeletedResourceForeground#E06C75
- gitDecoration.stageModifiedResourceForeground#61AFEF
- gitDecoration.submoduleResourceForeground#56B6C2
- gitDecoration.untrackedResourceForeground#98C379
- icon.foreground#ABB2BF
- input.background#1D1F23
- input.border#181A1F
- input.foreground#ABB2BF
- input.placeholderForeground#5C6370
- inputOption.activeBackground#528BFF30
- inputOption.activeBorder#528BFF
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#E06C7530
- inputValidation.errorBorder#E06C75
- inputValidation.errorForeground#E06C75
- inputValidation.infoBackground#61AFEF30
- inputValidation.infoBorder#61AFEF
- inputValidation.infoForeground#61AFEF
- inputValidation.warningBackground#E5C07B30
- inputValidation.warningBorder#E5C07B
- inputValidation.warningForeground#E5C07B
- list.activeSelectionBackground#2C313C
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#FFFFFF
- list.dropBackground#3E445140
- list.errorForeground#E06C75
- list.filterMatchBackground#61AFEF30
- list.filterMatchBorder#61AFEF
- list.focusBackground#2C313C
- list.focusForeground#ABB2BF
- list.focusOutline#528BFF
- list.highlightForeground#61AFEF
- list.hoverBackground#2C313C80
- list.hoverForeground#ABB2BF
- list.inactiveFocusOutline#528BFF80
- list.inactiveSelectionBackground#2C313C
- list.inactiveSelectionForeground#ABB2BF
- list.invalidItemForeground#E06C75
- list.warningForeground#E5C07B
- listFilterWidget.background#21252B
- listFilterWidget.noMatchesOutline#E06C75
- listFilterWidget.outline#528BFF
- menu.background#21252B
- menu.border#181A1F
- menu.foreground#ABB2BF
- menu.selectionBackground#3E4451
- menu.selectionBorder#3E445100
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3E4451
- menubar.selectionBackground#3E4451
- menubar.selectionBorder#3E445100
- menubar.selectionForeground#ABB2BF
- merge.border#181A1F
- merge.commonContentBackground#3E445120
- merge.commonHeaderBackground#3E445140
- merge.currentContentBackground#98C37920
- merge.currentHeaderBackground#98C37940
- merge.incomingContentBackground#61AFEF20
- merge.incomingHeaderBackground#61AFEF40
- minimap.errorHighlight#E06C75
- minimap.findMatchHighlight#61AFEF60
- minimap.selectionHighlight#3E445180
- minimap.selectionOccurrenceHighlight#3E445180
- minimap.warningHighlight#E5C07B
- minimapGutter.addedBackground#98C379
- minimapGutter.deletedBackground#E06C75
- minimapGutter.modifiedBackground#61AFEF
- minimapSlider.activeBackground#4E566660
- minimapSlider.background#4E566620
- minimapSlider.hoverBackground#4E566640
- notificationCenter.border#181A1F
- notificationCenterHeader.background#1D1F23
- notificationCenterHeader.foreground#ABB2BF
- notificationLink.foreground#61AFEF
- notifications.background#21252B
- notifications.border#181A1F
- notifications.foreground#ABB2BF
- notificationsErrorIcon.foreground#E06C75
- notificationsInfoIcon.foreground#61AFEF
- notificationsWarningIcon.foreground#E5C07B
- notificationToast.border#181A1F
- panel.background#282C34
- panel.border#181A1F
- panel.dropBorder#528BFF
- panelInput.border#3E4451
- panelSection.border#181A1F
- panelSection.dropBackground#3E445140
- panelSectionHeader.background#21252B
- panelSectionHeader.border#181A1F
- panelSectionHeader.foreground#ABB2BF
- panelTitle.activeBorder#528BFF
- panelTitle.activeForeground#ABB2BF
- panelTitle.inactiveForeground#636B78
- peekView.border#528BFF
- peekViewEditor.background#1D1F23
- peekViewEditor.matchHighlightBackground#D19A6640
- peekViewEditor.matchHighlightBorder#D19A6600
- peekViewEditorGutter.background#1D1F23
- peekViewResult.background#21252B
- peekViewResult.fileForeground#ABB2BF
- peekViewResult.lineForeground#636B78
- peekViewResult.matchHighlightBackground#D19A6640
- peekViewResult.selectionBackground#3E4451
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1D1F23
- peekViewTitleDescription.foreground#636B78
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#3E4451
- pickerGroup.foreground#61AFEF
- progressBar.background#528BFF
- quickInput.background#21252B
- quickInput.foreground#ABB2BF
- quickInputList.focusBackground#2C313C
- quickInputList.focusForeground#FFFFFF
- quickInputList.focusIconForeground#FFFFFF
- quickInputTitle.background#1D1F23
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566660
- scrollbarSlider.hoverBackground#5A637580
- selection.background#3E4451
- sideBar.background#21252B
- sideBar.border#181A1F
- sideBar.dropBackground#3E445140
- sideBar.foreground#ABB2BF
- sideBarSectionHeader.background#21252B
- sideBarSectionHeader.border#181A1F
- sideBarSectionHeader.foreground#ABB2BF
- sideBarTitle.foreground#ABB2BF
- statusBar.background#21252B
- statusBar.border#181A1F
- statusBar.debuggingBackground#D19A66
- statusBar.debuggingBorder#181A1F
- statusBar.debuggingForeground#282C34
- statusBar.foreground#636B78
- statusBar.noFolderBackground#21252B
- statusBar.noFolderBorder#181A1F
- statusBar.noFolderForeground#636B78
- statusBarItem.activeBackground#3E445180
- statusBarItem.errorBackground#E06C75
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#3E445140
- statusBarItem.prominentBackground#3E4451
- statusBarItem.prominentForeground#ABB2BF
- statusBarItem.prominentHoverBackground#4B5263
- statusBarItem.remoteBackground#528BFF
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#E5C07B
- statusBarItem.warningForeground#282C34
- symbolIcon.arrayForeground#D19A66
- symbolIcon.booleanForeground#D19A66
- symbolIcon.classForeground#E5C07B
- symbolIcon.colorForeground#56B6C2
- symbolIcon.constantForeground#D19A66
- symbolIcon.constructorForeground#61AFEF
- symbolIcon.enumeratorForeground#E5C07B
- symbolIcon.enumeratorMemberForeground#56B6C2
- symbolIcon.eventForeground#D19A66
- symbolIcon.fieldForeground#E06C75
- symbolIcon.fileForeground#ABB2BF
- symbolIcon.folderForeground#ABB2BF
- symbolIcon.functionForeground#61AFEF
- symbolIcon.interfaceForeground#E5C07B
- symbolIcon.keyForeground#E06C75
- symbolIcon.keywordForeground#C678DD
- symbolIcon.methodForeground#61AFEF
- symbolIcon.moduleForeground#E5C07B
- symbolIcon.namespaceForeground#E5C07B
- symbolIcon.nullForeground#D19A66
- symbolIcon.numberForeground#D19A66
- symbolIcon.objectForeground#E5C07B
- symbolIcon.operatorForeground#56B6C2
- symbolIcon.packageForeground#D19A66
- symbolIcon.propertyForeground#E06C75
- symbolIcon.referenceForeground#D19A66
- symbolIcon.snippetForeground#ABB2BF
- symbolIcon.stringForeground#98C379
- symbolIcon.structForeground#E5C07B
- symbolIcon.textForeground#ABB2BF
- symbolIcon.typeParameterForeground#E5C07B
- symbolIcon.unitForeground#D19A66
- symbolIcon.variableForeground#E06C75
- tab.activeBackground#282C34
- tab.activeBorder#282C34
- tab.activeBorderTop#528BFF
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#528BFF80
- tab.border#181A1F
- tab.hoverBackground#323842
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#21252B
- tab.inactiveForeground#636B78
- tab.inactiveModifiedBorder#528BFF40
- tab.lastPinnedBorder#3E4451
- tab.unfocusedActiveBackground#282C34
- tab.unfocusedActiveBorderTop#528BFF80
- tab.unfocusedActiveForeground#ABB2BF
- tab.unfocusedActiveModifiedBorder#528BFF60
- tab.unfocusedInactiveBackground#21252B
- tab.unfocusedInactiveForeground#636B78
- tab.unfocusedInactiveModifiedBorder#528BFF30
- terminal.ansiBlack#282C34
- terminal.ansiBlue#61AFEF
- terminal.ansiBrightBlack#5C6370
- terminal.ansiBrightBlue#7FC4F8
- terminal.ansiBrightCyan#6DC6D0
- terminal.ansiBrightGreen#A8D18D
- terminal.ansiBrightMagenta#D498E0
- terminal.ansiBrightRed#E88388
- terminal.ansiBrightWhite#D7DAE0
- terminal.ansiBrightYellow#EBCB8B
- terminal.ansiCyan#56B6C2
- terminal.ansiGreen#98C379
- terminal.ansiMagenta#C678DD
- terminal.ansiRed#E06C75
- terminal.ansiWhite#ABB2BF
- terminal.ansiYellow#E5C07B
- terminal.background#282C34
- terminal.border#181A1F
- terminal.foreground#ABB2BF
- terminal.selectionBackground#3E4451
- terminal.selectionForeground#FFFFFF
- terminal.tab.activeBorder#528BFF
- terminalCursor.background#282C34
- terminalCursor.foreground#528BFF
- textBlockQuote.background#21252B
- textBlockQuote.border#3E4451
- textCodeBlock.background#21252B
- textLink.activeForeground#61AFEF
- textLink.foreground#61AFEF
- textPreformat.foreground#D19A66
- textSeparator.foreground#3E4451
- titleBar.activeBackground#21252B
- titleBar.activeForeground#ABB2BF
- titleBar.border#181A1F
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#636B78
- toolbar.activeBackground#3E445180
- toolbar.hoverBackground#3E4451
- tree.indentGuidesStroke#3E4451
- tree.tableColumnsBorder#3E445180
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6370 | italic |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier | #C678DD | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, meta.import keyword, meta.export keyword | #C678DD | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.type | #56B6C2 | — |
| string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple | #98C379 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #D19A66 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #D19A66 | bold |
| support.constant, variable.language.this, variable.language.self, variable.language.super | #D19A66 | — |
| entity.name.function, meta.function-call entity.name.function, support.function, meta.function-call | #61AFEF | — |
| variable.parameter, meta.parameter, meta.function.parameters variable | #ABB2BF | italic |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.module, support.type, support.class, entity.other.inherited-class, storage.type.class, meta.type.annotation entity.name.type | #E5C07B | — |
| entity.name.type.interface, entity.name.type.type-parameter, entity.name.type.enum | #E5C07B | — |
| variable.other.readwrite, variable.other.assignment, meta.definition.variable variable | #E06C75 | — |
| variable, variable.other | #ABB2BF | — |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name, string.json support.type.property-name | #E06C75 | — |
| meta.decorator, meta.decorator entity.name.function, meta.decorator variable, punctuation.decorator, meta.annotation, meta.annotation entity.name.type | #E5C07B | italic |
| punctuation, punctuation.definition.block, punctuation.definition.parameters, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace.round, meta.brace.square, meta.brace.curly | #ABB2BF | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end | #98C379 | — |
| string.regexp, constant.character.escape, string.regexp keyword.operator, string.regexp punctuation, constant.other.character-class.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.operator.negation.regexp | #56B6C2 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, meta.template.expression | #C678DD | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #E06C75 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #D19A66 | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #E06C75 | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #ABB2BF | — |
| support.constant.property-value.css, support.constant.font-name.css, meta.property-value.css | #D19A66 | — |
| keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less | #D19A66 | — |
| support.function.css, support.function.misc.css, support.function.url.css | #61AFEF | — |
| support.type.property-name.json | #E06C75 | — |
| string.quoted.double.json | #98C379 | — |
| markup.heading, markup.heading entity.name, entity.name.section.markdown | #E06C75 | bold |
| markup.bold | #D19A66 | bold |
| markup.italic | #C678DD | italic |
| markup.inline.raw, markup.fenced_code.block, markup.raw.block | #98C379 | — |
| markup.underline.link, string.other.link | #61AFEF | — |
| markup.list, beginning.punctuation.definition.list | #E06C75 | — |
| markup.quote | #5C6370 | italic |
| markup.inserted | #98C379 | — |
| markup.deleted | #E06C75 | — |
| markup.changed | #61AFEF | — |
| meta.function.decorator.python, entity.name.function.decorator.python | #E5C07B | italic |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #D19A66 | italic |
| support.function.magic.python | #61AFEF | italic |
| storage.modifier.lifetime.rust, entity.name.type.lifetime.rust | #D19A66 | italic |
| entity.name.function.macro.rust, meta.macro.rust | #61AFEF | bold |
| entity.name.package.go | #E5C07B | — |
| support.class.component.tsx, support.class.component.jsx, entity.name.tag.tsx, entity.name.tag.jsx | #E5C07B | — |
| meta.type.annotation.ts, meta.type.annotation.tsx, meta.return.type.ts, meta.return.type.tsx | #E5C07B | — |
| variable.other.normal.shell, variable.other.positional.shell, variable.other.special.shell, variable.other.bracket.shell | #E06C75 | — |
| entity.name.tag.yaml | #E06C75 | — |
| keyword.key.toml, support.type.property-name.table.toml, support.type.property-name.array.toml | #E06C75 | — |
| entity.name.section.group-title.ini | #61AFEF | bold |
| variable.language.documentroot, meta.tag.sgml.doctype, keyword.other.doctype, meta.tag.sgml.doctype string | #636B78 | — |
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#FDFBFC
- activityBar.activeBorder#E08BAB
- activityBar.activeFocusBorder#E08BAB
- activityBar.background#EFEBEE
- activityBar.border#E6E0E3
- activityBar.dropBorder#E08BAB
- activityBar.foreground#1E1A1C
- activityBar.inactiveForeground#A89CA1
- activityBarBadge.background#E08BAB
- activityBarBadge.foreground#FFFFFF
- badge.background#E08BAB
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#1E1A1C
- breadcrumb.background#FDFBFC
- breadcrumb.focusForeground#1E1A1C
- breadcrumb.foreground#A89CA1
- breadcrumbPicker.background#FDFBFC
- button.background#E08BAB
- button.foreground#FFFFFF
- button.hoverBackground#D47199
- button.secondaryBackground#F7F3F5
- button.secondaryForeground#1E1A1C
- button.secondaryHoverBackground#EFEBEE
- button.separator#FFFFFF40
- charts.blue#4A6FA5
- charts.foreground#1E1A1C
- charts.green#3A7D5C
- charts.lines#E6E0E3
- charts.orange#B35E2A
- charts.purple#6B4C9A
- charts.red#C44040
- charts.yellow#B8860B
- checkbox.background#FDFBFC
- checkbox.border#E6E0E3
- checkbox.foreground#E08BAB
- checkbox.selectBackground#F7F3F5
- checkbox.selectBorder#E08BAB
- commandCenter.activeBackground#F3EEF0
- commandCenter.activeBorder#E6E0E3
- commandCenter.activeForeground#1E1A1C
- commandCenter.background#F7F3F5
- commandCenter.border#E6E0E3
- commandCenter.foreground#1E1A1C
- commandCenter.inactiveBorder#E6E0E3
- commandCenter.inactiveForeground#A89CA1
- debugConsole.errorForeground#C44040
- debugConsole.infoForeground#4A6FA5
- debugConsole.sourceForeground#1E1A1C
- debugConsole.warningForeground#B8860B
- debugConsoleInputIcon.foreground#E08BAB
- debugExceptionWidget.background#C4404008
- debugExceptionWidget.border#C44040
- debugIcon.breakpointCurrentStackframeForeground#B8860B
- debugIcon.breakpointDisabledForeground#A89CA1
- debugIcon.breakpointForeground#C44040
- debugIcon.breakpointStackframeForeground#3A7D5C
- debugIcon.breakpointUnverifiedForeground#A89CA1
- debugIcon.continueForeground#3A7D5C
- debugIcon.disconnectForeground#C44040
- debugIcon.pauseForeground#B8860B
- debugIcon.restartForeground#3A7D5C
- debugIcon.startForeground#3A7D5C
- debugIcon.stepBackForeground#4A6FA5
- debugIcon.stepIntoForeground#4A6FA5
- debugIcon.stepOutForeground#4A6FA5
- debugIcon.stepOverForeground#4A6FA5
- debugIcon.stopForeground#C44040
- debugTokenExpression.boolean#C44040
- debugTokenExpression.error#C44040
- debugTokenExpression.name#6B4C9A
- debugTokenExpression.number#B35E2A
- debugTokenExpression.string#3A7D5C
- debugTokenExpression.value#1E1A1C
- debugToolBar.background#EFEBEE
- debugToolBar.border#E6E0E3
- debugView.exceptionLabelBackground#C4404015
- debugView.exceptionLabelForeground#C44040
- debugView.stateLabelBackground#F3EEF0
- debugView.stateLabelForeground#75696E
- debugView.valueChangedHighlight#E08BAB20
- descriptionForeground#75696E
- diffEditor.diagonalFill#E6E0E330
- diffEditor.insertedLineBackground#3A7D5C10
- diffEditor.insertedTextBackground#3A7D5C15
- diffEditor.removedLineBackground#C4404010
- diffEditor.removedTextBackground#C4404015
- diffEditorGutter.insertedLineBackground#3A7D5C15
- diffEditorGutter.removedLineBackground#C4404015
- diffEditorOverview.insertedForeground#3A7D5C80
- diffEditorOverview.removedForeground#C4404080
- disabledForeground#A89CA180
- dropdown.background#FDFBFC
- dropdown.border#E6E0E3
- dropdown.foreground#1E1A1C
- dropdown.listBackground#FDFBFC
- editor.background#FDFBFC
- editor.findMatchBackground#E08BAB20
- editor.findMatchBorder#E08BAB60
- editor.findMatchHighlightBackground#E08BAB10
- editor.findMatchHighlightBorder#E08BAB30
- editor.findRangeHighlightBackground#E6D8DD40
- editor.foldBackground#F3EEF040
- editor.foreground#1E1A1C
- editor.hoverHighlightBackground#F3EEF0
- editor.inactiveSelectionBackground#E6D8DD80
- editor.lineHighlightBackground#F3EEF0
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#E6D8DD60
- editor.rangeHighlightBackground#F3EEF080
- editor.selectionBackground#E6D8DD
- editor.selectionHighlightBackground#E6D8DD80
- editor.selectionHighlightBorder#E6E0E3
- editor.snippetFinalTabstopHighlightBorder#E08BAB
- editor.snippetTabstopHighlightBackground#E6D8DD60
- editor.symbolHighlightBackground#E6D8DD80
- editor.wordHighlightBackground#E6E0E3
- editor.wordHighlightBorder#E6E0E380
- editor.wordHighlightStrongBackground#E6D8DD
- editor.wordHighlightStrongBorder#E6E0E3
- editor.wordHighlightTextBackground#E6E0E380
- editor.wordHighlightTextBorder#E6E0E360
- editorBracketHighlight.foreground1#C06A90
- editorBracketHighlight.foreground2#6B4C9A
- editorBracketHighlight.foreground3#1A7A7A
- editorBracketHighlight.foreground4#B35E2A
- editorBracketHighlight.foreground5#3A7D5C
- editorBracketHighlight.foreground6#4A6FA5
- editorBracketHighlight.unexpectedBracket.foreground#C44040
- editorBracketMatch.background#E6D8DD
- editorBracketMatch.border#E08BAB60
- editorBracketPairGuide.activeBackground1#C06A9040
- editorBracketPairGuide.activeBackground2#6B4C9A40
- editorBracketPairGuide.activeBackground3#1A7A7A40
- editorBracketPairGuide.activeBackground4#B35E2A40
- editorBracketPairGuide.activeBackground5#3A7D5C40
- editorBracketPairGuide.activeBackground6#4A6FA540
- editorBracketPairGuide.background1#C06A9015
- editorBracketPairGuide.background2#6B4C9A15
- editorBracketPairGuide.background3#1A7A7A15
- editorBracketPairGuide.background4#B35E2A15
- editorBracketPairGuide.background5#3A7D5C15
- editorBracketPairGuide.background6#4A6FA515
- editorCodeLens.foreground#A89CA1
- editorCursor.background#FDFBFC
- editorCursor.foreground#E08BAB
- editorError.foreground#C44040
- editorGhostText.foreground#A89CA160
- editorGroup.border#E6E0E3
- editorGroup.dropBackground#E6D8DD60
- editorGroup.dropIntoPromptBackground#FDFBFC
- editorGroup.dropIntoPromptBorder#E6E0E3
- editorGroup.dropIntoPromptForeground#1E1A1C
- editorGroup.emptyBackground#FDFBFC
- editorGroup.focusedEmptyBorder#E6E0E3
- editorGroupHeader.border#E6E0E3
- editorGroupHeader.noTabsBackground#FDFBFC
- editorGroupHeader.tabsBackground#F7F3F5
- editorGroupHeader.tabsBorder#E6E0E3
- editorGutter.addedBackground#3A7D5C
- editorGutter.background#FDFBFC
- editorGutter.commentGlyphForeground#A89CA1
- editorGutter.commentRangeForeground#A89CA1
- editorGutter.commentUnresolvedGlyphForeground#E08BAB
- editorGutter.deletedBackground#C44040
- editorGutter.foldingControlForeground#A89CA1
- editorGutter.modifiedBackground#4A6FA5
- editorHint.foreground#1A7A7A
- editorIndentGuide.activeBackground1#E6E0E3
- editorIndentGuide.background1#E6E0E360
- editorInfo.foreground#4A6FA5
- editorInlayHint.background#F7F3F580
- editorInlayHint.foreground#A89CA1
- editorInlayHint.parameterBackground#F7F3F580
- editorInlayHint.parameterForeground#A89CA1
- editorInlayHint.typeBackground#F7F3F580
- editorInlayHint.typeForeground#1A7A7A
- editorLightBulb.foreground#B8860B
- editorLightBulbAi.foreground#E08BAB
- editorLightBulbAutoFix.foreground#3A7D5C
- editorLineNumber.activeForeground#1E1A1C
- editorLineNumber.foreground#A89CA1
- editorLink.activeForeground#E08BAB
- editorMarkerNavigation.background#FDFBFC
- editorMarkerNavigationError.background#C4404010
- editorMarkerNavigationError.headerBackground#C4404008
- editorMarkerNavigationInfo.background#4A6FA510
- editorMarkerNavigationInfo.headerBackground#4A6FA508
- editorMarkerNavigationWarning.background#B8860B10
- editorMarkerNavigationWarning.headerBackground#B8860B08
- editorOverviewRuler.addedForeground#3A7D5C80
- editorOverviewRuler.background#FDFBFC
- editorOverviewRuler.border#E6E0E3
- editorOverviewRuler.bracketMatchForeground#E08BAB40
- editorOverviewRuler.commonContentForeground#A89CA130
- editorOverviewRuler.currentContentForeground#3A7D5C30
- editorOverviewRuler.deletedForeground#C4404080
- editorOverviewRuler.errorForeground#C44040
- editorOverviewRuler.findMatchForeground#E08BAB40
- editorOverviewRuler.incomingContentForeground#4A6FA530
- editorOverviewRuler.infoForeground#4A6FA5
- editorOverviewRuler.modifiedForeground#4A6FA580
- editorOverviewRuler.rangeHighlightForeground#E6D8DD
- editorOverviewRuler.selectionHighlightForeground#E6D8DD
- editorOverviewRuler.warningForeground#B8860B
- editorOverviewRuler.wordHighlightForeground#E6E0E3
- editorOverviewRuler.wordHighlightStrongForeground#E6D8DD
- editorOverviewRuler.wordHighlightTextForeground#E6E0E3
- editorRuler.foreground#E6E0E360
- editorStickyScroll.background#F7F3F5
- editorStickyScroll.border#E6E0E3
- editorStickyScrollHover.background#EFEBEE
- editorSuggestWidget.background#FDFBFC
- editorSuggestWidget.border#E6E0E3
- editorSuggestWidget.focusHighlightForeground#E08BAB
- editorSuggestWidget.foreground#1E1A1C
- editorSuggestWidget.highlightForeground#E08BAB
- editorSuggestWidget.selectedBackground#F3EEF0
- editorSuggestWidget.selectedForeground#1E1A1C
- editorSuggestWidget.selectedIconForeground#1E1A1C
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#B8860B
- editorWhitespace.foreground#E6E0E360
- editorWidget.background#FDFBFC
- editorWidget.border#E6E0E3
- editorWidget.foreground#1E1A1C
- editorWidget.resizeBorder#E08BAB
- errorForeground#C44040
- extensionBadge.remoteBackground#E08BAB
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.background#E08BAB
- extensionButton.foreground#FFFFFF
- extensionButton.hoverBackground#D47199
- extensionButton.prominentBackground#E08BAB
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#D47199
- extensionButton.separator#FFFFFF40
- extensionIcon.preReleaseForeground#B8860B
- extensionIcon.starForeground#B8860B
- extensionIcon.verifiedForeground#3A7D5C
- focusBorder#E08BAB60
- foreground#1E1A1C
- gitDecoration.addedResourceForeground#3A7D5C
- gitDecoration.conflictingResourceForeground#B8860B
- gitDecoration.deletedResourceForeground#C44040
- gitDecoration.ignoredResourceForeground#A89CA180
- gitDecoration.modifiedResourceForeground#4A6FA5
- gitDecoration.renamedResourceForeground#1A7A7A
- gitDecoration.stageDeletedResourceForeground#C44040CC
- gitDecoration.stageModifiedResourceForeground#4A6FA5CC
- gitDecoration.submoduleResourceForeground#75696E
- gitDecoration.untrackedResourceForeground#3A7D5CCC
- icon.foreground#75696E
- input.background#FFFFFF
- input.border#E6E0E3
- input.foreground#1E1A1C
- input.placeholderForeground#A89CA180
- inputOption.activeBackground#E08BAB15
- inputOption.activeBorder#E08BAB
- inputOption.activeForeground#E08BAB
- inputOption.hoverBackground#F7F3F550
- inputValidation.errorBackground#C4404008
- inputValidation.errorBorder#C44040
- inputValidation.errorForeground#C44040
- inputValidation.infoBackground#4A6FA508
- inputValidation.infoBorder#4A6FA5
- inputValidation.infoForeground#4A6FA5
- inputValidation.warningBackground#B8860B08
- inputValidation.warningBorder#B8860B
- inputValidation.warningForeground#B8860B
- keybindingLabel.background#F7F3F5
- keybindingLabel.border#E6E0E3
- keybindingLabel.bottomBorder#E6E0E3
- keybindingLabel.foreground#1E1A1C
- list.activeSelectionBackground#E6D8DD
- list.activeSelectionForeground#1E1A1C
- list.activeSelectionIconForeground#1E1A1C
- list.deemphasizedForeground#75696E
- list.dropBackground#E6D8DD80
- list.dropBetweenBackground#E08BAB
- list.errorForeground#C44040
- list.filterMatchBackground#E08BAB18
- list.filterMatchBorder#E08BAB40
- list.focusBackground#E6D8DD80
- list.focusForeground#1E1A1C
- list.focusHighlightForeground#E08BAB
- list.focusOutline#E08BAB60
- list.highlightForeground#E08BAB
- list.hoverBackground#F3EEF0
- list.hoverForeground#1E1A1C
- list.inactiveFocusBackground#F3EEF0
- list.inactiveFocusOutline#E6E0E3
- list.inactiveSelectionBackground#F3EEF0
- list.inactiveSelectionForeground#1E1A1C
- list.inactiveSelectionIconForeground#75696E
- list.invalidItemForeground#C44040
- list.warningForeground#B8860B
- listFilterWidget.background#FDFBFC
- listFilterWidget.noMatchesOutline#C44040
- listFilterWidget.outline#E6E0E3
- listFilterWidget.shadow#1E1A1C08
- menu.background#FDFBFC
- menu.border#E6E0E3
- menu.foreground#1E1A1C
- menu.selectionBackground#F3EEF0
- menu.selectionBorder#00000000
- menu.selectionForeground#1E1A1C
- menu.separatorBackground#E6E0E3
- menubar.selectionBackground#F3EEF0
- menubar.selectionBorder#00000000
- menubar.selectionForeground#1E1A1C
- merge.border#E6E0E3
- merge.commonContentBackground#A89CA110
- merge.commonHeaderBackground#A89CA120
- merge.currentContentBackground#3A7D5C10
- merge.currentHeaderBackground#3A7D5C20
- merge.incomingContentBackground#4A6FA510
- merge.incomingHeaderBackground#4A6FA520
- minimap.background#FDFBFC
- minimap.errorHighlight#C44040
- minimap.findMatchHighlight#E08BAB30
- minimap.foregroundOpacity#000000CC
- minimap.selectionHighlight#E6D8DD
- minimap.selectionOccurrenceHighlight#E6D8DD80
- minimap.warningHighlight#B8860B
- minimapGutter.addedBackground#3A7D5C
- minimapGutter.deletedBackground#C44040
- minimapGutter.modifiedBackground#4A6FA5
- minimapSlider.activeBackground#A89CA125
- minimapSlider.background#A89CA110
- minimapSlider.hoverBackground#A89CA11A
- notificationCenter.border#E6E0E3
- notificationCenterHeader.background#EFEBEE
- notificationCenterHeader.foreground#1E1A1C
- notificationLink.foreground#E08BAB
- notifications.background#FDFBFC
- notifications.border#E6E0E3
- notifications.foreground#1E1A1C
- notificationsErrorIcon.foreground#C44040
- notificationsInfoIcon.foreground#4A6FA5
- notificationsWarningIcon.foreground#B8860B
- notificationToast.border#E6E0E3
- panel.background#FDFBFC
- panel.border#E6E0E3
- panel.dropBorder#E08BAB
- panelInput.border#E6E0E3
- panelSection.border#E6E0E3
- panelSection.dropBackground#E6D8DD60
- panelSectionHeader.background#F7F3F5
- panelSectionHeader.border#E6E0E3
- panelSectionHeader.foreground#1E1A1C
- panelTitle.activeBorder#E08BAB
- panelTitle.activeForeground#1E1A1C
- panelTitle.inactiveForeground#A89CA1
- peekView.border#E6E0E3
- peekViewEditor.background#FDFBFC
- peekViewEditor.matchHighlightBackground#E08BAB20
- peekViewEditor.matchHighlightBorder#E08BAB40
- peekViewEditorGutter.background#F7F3F5
- peekViewEditorStickyScroll.background#F7F3F5
- peekViewResult.background#F7F3F5
- peekViewResult.fileForeground#1E1A1C
- peekViewResult.lineForeground#75696E
- peekViewResult.matchHighlightBackground#E08BAB20
- peekViewResult.selectionBackground#E6D8DD
- peekViewResult.selectionForeground#1E1A1C
- peekViewTitle.background#EFEBEE
- peekViewTitleDescription.foreground#75696E
- peekViewTitleLabel.foreground#1E1A1C
- pickerGroup.border#E6E0E3
- pickerGroup.foreground#75696E
- progressBar.background#E08BAB
- quickInput.background#FDFBFC
- quickInput.foreground#1E1A1C
- quickInputList.focusBackground#F3EEF0
- quickInputList.focusForeground#1E1A1C
- quickInputList.focusIconForeground#1E1A1C
- quickInputTitle.background#EFEBEE
- sash.hoverBorder#E08BAB
- scrollbar.shadow#1E1A1C06
- scrollbarSlider.activeBackground#A89CA140
- scrollbarSlider.background#A89CA118
- scrollbarSlider.hoverBackground#A89CA130
- selection.background#E6D8DD
- settings.checkboxBackground#FDFBFC
- settings.checkboxBorder#E6E0E3
- settings.checkboxForeground#E08BAB
- settings.dropdownBackground#FDFBFC
- settings.dropdownBorder#E6E0E3
- settings.dropdownForeground#1E1A1C
- settings.dropdownListBorder#E6E0E3
- settings.focusedRowBackground#F3EEF0
- settings.focusedRowBorder#E6E0E3
- settings.headerForeground#1E1A1C
- settings.modifiedItemIndicator#E08BAB
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#E6E0E3
- settings.numberInputForeground#1E1A1C
- settings.rowHoverBackground#F3EEF040
- settings.sashBorder#E6E0E3
- settings.settingsHeaderHoverForeground#1E1A1C
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#E6E0E3
- settings.textInputForeground#1E1A1C
- sideBar.background#F7F3F5
- sideBar.border#E6E0E3
- sideBar.dropBackground#E6D8DD80
- sideBar.foreground#1E1A1C
- sideBarSectionHeader.background#EFEBEE
- sideBarSectionHeader.border#E6E0E3
- sideBarSectionHeader.foreground#1E1A1C
- sideBarTitle.foreground#1E1A1C
- statusBar.background#E08BAB
- statusBar.border#D47199
- statusBar.debuggingBackground#B35E2A
- statusBar.debuggingBorder#9A4F22
- statusBar.debuggingForeground#FFFFFF
- statusBar.focusBorder#FFFFFF80
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#EFEBEE
- statusBar.noFolderBorder#E6E0E3
- statusBar.noFolderForeground#1E1A1C
- statusBarItem.activeBackground#FFFFFF20
- statusBarItem.compactHoverBackground#FFFFFF15
- statusBarItem.errorBackground#C44040
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.errorHoverBackground#A83535
- statusBarItem.errorHoverForeground#FFFFFF
- statusBarItem.focusBorder#FFFFFF80
- statusBarItem.hoverBackground#FFFFFF15
- statusBarItem.hoverForeground#FFFFFF
- statusBarItem.prominentBackground#FFFFFF15
- statusBarItem.prominentForeground#FFFFFF
- statusBarItem.prominentHoverBackground#FFFFFF20
- statusBarItem.prominentHoverForeground#FFFFFF
- statusBarItem.remoteBackground#D47199
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.remoteHoverBackground#C06A90
- statusBarItem.remoteHoverForeground#FFFFFF
- statusBarItem.warningBackground#B8860B
- statusBarItem.warningForeground#FFFFFF
- statusBarItem.warningHoverBackground#9A7009
- statusBarItem.warningHoverForeground#FFFFFF
- symbolIcon.arrayForeground#B35E2A
- symbolIcon.booleanForeground#C44040
- symbolIcon.classForeground#1A7A7A
- symbolIcon.colorForeground#E08BAB
- symbolIcon.constantForeground#C44040
- symbolIcon.constructorForeground#6B4C9A
- symbolIcon.enumeratorForeground#1A7A7A
- symbolIcon.enumeratorMemberForeground#B35E2A
- symbolIcon.eventForeground#B8860B
- symbolIcon.fieldForeground#4A6FA5
- symbolIcon.fileForeground#75696E
- symbolIcon.folderForeground#75696E
- symbolIcon.functionForeground#6B4C9A
- symbolIcon.interfaceForeground#1A7A7A
- symbolIcon.keyForeground#C06A90
- symbolIcon.keywordForeground#C06A90
- symbolIcon.methodForeground#6B4C9A
- symbolIcon.moduleForeground#75696E
- symbolIcon.namespaceForeground#75696E
- symbolIcon.nullForeground#A89CA1
- symbolIcon.numberForeground#B35E2A
- symbolIcon.objectForeground#B35E2A
- symbolIcon.operatorForeground#75696E
- symbolIcon.packageForeground#75696E
- symbolIcon.propertyForeground#1E1A1C
- symbolIcon.referenceForeground#6B4C9A
- symbolIcon.snippetForeground#75696E
- symbolIcon.stringForeground#3A7D5C
- symbolIcon.structForeground#1A7A7A
- symbolIcon.textForeground#1E1A1C
- symbolIcon.typeParameterForeground#1A7A7A
- symbolIcon.unitForeground#B35E2A
- symbolIcon.variableForeground#1E1A1C
- tab.activeBackground#FDFBFC
- tab.activeBorder#FDFBFC
- tab.activeBorderTop#E08BAB
- tab.activeForeground#1E1A1C
- tab.activeModifiedBorder#E08BAB80
- tab.border#E6E0E3
- tab.hoverBackground#FDFBFC
- tab.hoverBorder#00000000
- tab.hoverForeground#1E1A1C
- tab.inactiveBackground#F7F3F5
- tab.inactiveForeground#75696E
- tab.inactiveModifiedBorder#E08BAB40
- tab.lastPinnedBorder#E6E0E3
- tab.unfocusedActiveBackground#FDFBFC
- tab.unfocusedActiveBorder#FDFBFC
- tab.unfocusedActiveBorderTop#E08BAB50
- tab.unfocusedActiveForeground#1E1A1CCC
- tab.unfocusedActiveModifiedBorder#E08BAB50
- tab.unfocusedHoverBackground#FDFBFC80
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedHoverForeground#1E1A1CCC
- tab.unfocusedInactiveBackground#F7F3F5
- tab.unfocusedInactiveForeground#A89CA180
- tab.unfocusedInactiveModifiedBorder#E08BAB30
- terminal.ansiBlack#1E1A1C
- terminal.ansiBlue#4A6FA5
- terminal.ansiBrightBlack#75696E
- terminal.ansiBrightBlue#5A82B8
- terminal.ansiBrightCyan#2A9A9A
- terminal.ansiBrightGreen#4A9D6C
- terminal.ansiBrightMagenta#D47199
- terminal.ansiBrightRed#D45050
- terminal.ansiBrightWhite#FDFBFC
- terminal.ansiBrightYellow#CCA010
- terminal.ansiCyan#1A7A7A
- terminal.ansiGreen#3A7D5C
- terminal.ansiMagenta#C06A90
- terminal.ansiRed#C44040
- terminal.ansiWhite#F7F3F5
- terminal.ansiYellow#B8860B
- terminal.background#FDFBFC
- terminal.border#E6E0E3
- terminal.findMatchBackground#E08BAB20
- terminal.findMatchBorder#E08BAB60
- terminal.findMatchHighlightBackground#E08BAB10
- terminal.findMatchHighlightBorder#E08BAB30
- terminal.foreground#1E1A1C
- terminal.selectionBackground#E6D8DD
- terminal.selectionForeground#1E1A1C
- terminalCursor.background#FDFBFC
- terminalCursor.foreground#E08BAB
- textBlockQuote.background#F7F3F5
- textBlockQuote.border#E6E0E3
- textCodeBlock.background#F7F3F5
- textLink.activeForeground#D47199
- textLink.foreground#E08BAB
- textPreformat.foreground#1E1A1C
- textSeparator.foreground#E6E0E3
- titleBar.activeBackground#EFEBEE
- titleBar.activeForeground#1E1A1C
- titleBar.border#E6E0E3
- titleBar.inactiveBackground#F7F3F5
- titleBar.inactiveForeground#A89CA1
- toolbar.activeBackground#F7F3F550
- toolbar.hoverBackground#F7F3F530
- tree.indentGuidesStroke#E6E0E3
- tree.tableColumnsBorder#E6E0E340
- tree.tableOddRowsBackground#F7F3F540
- walkThrough.embeddedEditorBackground#F7F3F5
- welcomePage.background#FDFBFC
- welcomePage.progress.background#EFEBEE
- welcomePage.progress.foreground#E08BAB
- welcomePage.tileBackground#F7F3F5
- welcomePage.tileBorder#E6E0E3
- welcomePage.tileHoverBackground#EFEBEE
- widget.shadow#1E1A1C08
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A89CA1 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.void, keyword.operator.in, keyword.operator.of, storage, storage.type, storage.modifier | #C06A90 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.relational, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest | #75696E | |
| string, string.quoted, string.template, string.quoted.single, string.quoted.double, string.quoted.triple | #3A7D5C | — |
| constant.character.escape, string.regexp | #1A7A7A | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #B35E2A | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant, variable.other.constant | #C44040 | bold |
| entity.name.function, support.function, meta.function-call, variable.function | #6B4C9A | — |
| variable.parameter, meta.parameter | #524850 | italic |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class, storage.type.class, entity.name.type.class | #1A7A7A | — |
| entity.name.type.parameter, meta.type.parameters | #1A7A7A | italic |
| entity.name.type.interface, entity.name.type.alias | #1A7A7A | italic |
| variable, variable.other, variable.other.readwrite | #1E1A1C | — |
| variable.other.property, support.variable.property, variable.other.object.property | #1E1A1C | — |
| meta.object-literal.key, string.unquoted, support.type.property-name.json | #6B4C9A | — |
| entity.name.namespace, entity.name.module, support.other.namespace | #75696E | — |
| meta.decorator, meta.decorator entity.name.function, punctuation.decorator, meta.annotation, storage.type.annotation | #C06A90 | italic |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, meta.brace, punctuation.definition.block, punctuation.definition.parameters, punctuation.section | #75696E | — |
| entity.name.tag, punctuation.definition.tag, meta.tag | #C06A90 | — |
| entity.other.attribute-name | #6B4C9A | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #6B4C9A | — |
| support.type.property-name.css, meta.property-name.css | #1A7A7A | — |
| support.constant.property-value.css, meta.property-value.css, support.constant.color.css, constant.other.color.rgb-value.css, support.constant.font-name.css | #B35E2A | — |
| keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less | #C06A90 | — |
| heading.1.markdown entity.name, heading.2.markdown entity.name, heading.3.markdown entity.name, heading.4.markdown entity.name, heading.5.markdown entity.name, heading.6.markdown entity.name, markup.heading, markup.heading.setext, punctuation.definition.heading.markdown | #1E1A1C | bold |
| markup.bold, punctuation.definition.bold.markdown | #1E1A1C | bold |
| markup.italic, punctuation.definition.italic.markdown | #1E1A1C | italic |
| markup.inline.raw, markup.fenced_code, markup.raw.block, punctuation.definition.raw.markdown | #6B4C9A | — |
| markup.underline.link, markup.underline.link.markdown, string.other.link.title.markdown, string.other.link.description.markdown | #E08BAB | — |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list | #75696E | — |
| markup.quote, punctuation.definition.quote.begin.markdown | #A89CA1 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #C06A90 | bold |
| invalid, invalid.illegal | #C44040 | strikethrough |
| invalid.deprecated | #A89CA1 | strikethrough |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #C06A90 | — |
| support.variable, support.other | #75696E | — |
| entity.name, entity.name.section | #6B4C9A | — |
| markup.inserted | #3A7D5C | — |
| markup.deleted | #C44040 | — |
| markup.changed | #4A6FA5 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #1A7A7A | — |
| support.type.property-name.json, support.type.property-name.json.comments | #6B4C9A | — |
| entity.name.tag.yaml | #6B4C9A | — |
| support.type.property-name.toml, entity.name.tag.toml | #6B4C9A | — |
| variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell | #1E1A1C | — |
| entity.name.function.target.makefile | #6B4C9A | bold |
| meta.diff.header, meta.diff.index, meta.separator.diff | #C06A90 | bold |
| markup.inserted.diff | #3A7D5C | — |
| markup.deleted.diff | #C44040 | — |