Cursor Midnight
Publisher: Mohd ZaidThemes in package: 3
A beautiful and modern VS Code theme forked from Cursor IDE.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#141414
- activityBar.foreground#E4E4E48D
- activityBarBadge.background#88C0D0
- activityBarBadge.foreground#141414
- badge.background#88C0D0
- badge.foreground#141414
- breadcrumb.activeSelectionForeground#E4E4E4EB
- breadcrumb.background#181818
- breadcrumb.foreground#E4E4E48D
- breadcrumbPicker.background#141414
- button.background#81A1C1
- button.foreground#191c22
- button.hoverBackground#87A6C4
- button.secondaryBackground#626262
- button.secondaryForeground#E4E4E4EB
- button.secondaryHoverBackground#818181
- charts.green#3FA266
- charts.red#E34671
- charts.yellow#F1B467
- debugExceptionWidget.background#181818
- debugExceptionWidget.border#141414
- debugToolBar.background#141414
- diffEditor.diagonalFill#E4E4E413
- diffEditor.insertedLineBackground#3FA26633
- diffEditor.insertedTextBackground#3FA26622
- diffEditor.removedLineBackground#B8004933
- diffEditor.removedTextBackground#B8004922
- dropdown.background#181818
- dropdown.border#E4E4E413
- dropdown.foreground#E4E4E4EB
- editor.background#181818
- editor.findMatchBackground#88C0D066
- editor.findMatchHighlightBackground#88C0D044
- editor.findRangeHighlightBackground#E4E4E411
- editor.foreground#E4E4E4EB
- editor.hoverHighlightBackground#E4E4E41E
- editor.inactiveSelectionBackground#40404077
- editor.lineHighlightBackground#262626
- editor.lineHighlightBorder#262626
- editor.rangeHighlightBackground#40404052
- editor.selectionBackground#40404099
- editor.selectionHighlightBackground#404040CC
- editor.snippetFinalTabstopHighlightBorder#CCCCCC
- editor.snippetTabstopHighlightBackground#CCCCCC55
- editor.wordHighlightBackground#E4E4E41E
- editor.wordHighlightStrongBackground#E4E4E430
- editorBracketMatch.background#E4E4E41E
- editorBracketMatch.border#14141400
- editorCodeLens.foreground#E4E4E442
- editorCursor.foreground#E4E4E4EB
- editorError.border#E3467100
- editorError.foreground#E34671
- editorGroup.border#E4E4E413
- editorGroup.dropBackground#E4E4E411
- editorGroup.emptyBackground#141414
- editorGroupHeader.noTabsBackground#141414
- editorGroupHeader.tabsBackground#141414
- editorGroupHeader.tabsBorder#E4E4E413
- editorGutter.addedBackground#3FA266
- editorGutter.background#181818
- editorGutter.deletedBackground#E34671
- editorGutter.modifiedBackground#D2943E
- editorHoverWidget.background#181818
- editorHoverWidget.border#E4E4E413
- editorHoverWidget.foreground#E4E4E4EB
- editorIndentGuide.activeBackground1#E4E4E430
- editorIndentGuide.background1#E4E4E413
- editorInlayHint.background#00000000
- editorInlayHint.foreground#E4E4E442
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#E4E4E442
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#E4E4E442
- editorLineNumber.activeForeground#E4E4E4EB
- editorLineNumber.foreground#E4E4E442
- editorLink.activeForeground#E4E4E4EB
- editorMarkerNavigation.background#ffffff70
- editorMarkerNavigationError.background#E34671C0
- editorMarkerNavigationWarning.background#CCCCCC
- editorOverviewRuler.addedForeground#3FA26684
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#E3467184
- editorOverviewRuler.errorForeground#B80049
- editorOverviewRuler.findMatchForeground#E4E4E411
- editorOverviewRuler.modifiedForeground#B9790084
- editorRuler.foreground#E4E4E442
- editorSuggestWidget.background#141414
- editorSuggestWidget.border#E4E4E413
- editorSuggestWidget.foreground#E4E4E4EB
- editorSuggestWidget.highlightForeground#E4E4E4EB
- editorSuggestWidget.selectedBackground#343434
- editorWarning.border#E4E4E400
- editorWarning.foreground#F1B467
- editorWhitespace.foreground#505050B3
- editorWidget.background#141414
- editorWidget.resizeBorder#E4E4E426
- errorForeground#E34671
- extensionButton.prominentBackground#626262
- extensionButton.prominentForeground#E4E4E4EB
- extensionButton.prominentHoverBackground#818181
- focusBorder#E4E4E426
- foreground#E4E4E4EB
- gitDecoration.addedResourceForeground#70B489
- gitDecoration.deletedResourceForeground#FC6B83
- gitDecoration.ignoredResourceForeground#E4E4E45E
- gitDecoration.modifiedResourceForeground#F1B467
- gitDecoration.untrackedResourceForeground#88C0D0
- gitlens.trailingLineForegroundColor#E4E4E48D
- input.background#1c1c1c
- input.border#E4E4E413
- input.foreground#E4E4E4EB
- input.placeholderForeground#E4E4E45E
- inputOption.activeBackground#E4E4E41E
- inputOption.activeBorder#E4E4E400
- inputValidation.errorBackground#141414
- inputValidation.errorBorder#E34671
- inputValidation.errorForeground#FC6B83
- inputValidation.infoBackground#141414
- inputValidation.infoBorder#88C0D0
- inputValidation.infoForeground#88C0D0
- inputValidation.warningBackground#141414
- inputValidation.warningBorder#D2943E
- inputValidation.warningForeground#F1B467
- list.activeSelectionBackground#E4E4E41E
- list.activeSelectionForeground#E4E4E4EB
- list.deemphasizedForeground#E4E4E48D
- list.dropBackground#E4E4E411
- list.errorForeground#FC6B83
- list.focusBackground#E4E4E41E
- list.focusForeground#E4E4E4EB
- list.highlightForeground#88C0D0
- list.hoverBackground#E4E4E411
- list.hoverForeground#E4E4E4EB
- list.inactiveSelectionBackground#E4E4E411
- list.inactiveSelectionForeground#E4E4E4EB
- list.invalidItemForeground#E4E4E45E
- list.warningForeground#F1B467
- menu.background#141414
- menu.border#E4E4E413
- menu.foreground#E4E4E4EB
- menu.separatorBackground#E4E4E413
- menubar.selectionBackground#E4E4E411
- merge.border#2A2A2A00
- merge.currentContentBackground#88C0D04D
- merge.currentHeaderBackground#88C0D066
- merge.incomingContentBackground#3FA2664D
- merge.incomingHeaderBackground#3FA26666
- minimap.background#181818
- minimap.errorHighlight#CD2A4F
- minimap.findMatchHighlight#88C0D044
- minimap.selectionHighlight#E4E4E411
- minimap.warningHighlight#ea7620
- minimapGutter.addedBackground#3FA266
- minimapGutter.deletedBackground#E34671
- minimapGutter.modifiedBackground#D2943E
- notificationLink.foreground#88C0D0
- notifications.background#141414
- notifications.foreground#E4E4E4EB
- panel.background#141414
- panel.border#E4E4E413
- panelTitle.activeBorder#E4E4E400
- panelTitle.activeForeground#E4E4E4EB
- panelTitle.inactiveForeground#E4E4E48D
- peekView.border#E4E4E442
- peekViewEditor.background#141414
- peekViewEditor.matchHighlightBackground#88C0D044
- peekViewEditorGutter.background#141414
- peekViewResult.background#141414
- peekViewResult.fileForeground#E4E4E4EB
- peekViewResult.lineForeground#E4E4E48D
- peekViewResult.matchHighlightBackground#88C0D044
- peekViewResult.selectionBackground#343434
- peekViewResult.selectionForeground#E4E4E4EB
- peekViewTitle.background#242424
- peekViewTitleDescription.foreground#E4E4E4EB
- peekViewTitleLabel.foreground#E4E4E4EB
- pickerGroup.border#E4E4E41C
- pickerGroup.foreground#E4E4E4EB
- progressBar.background#3FA266
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#E4E4E41E
- scrollbarSlider.background#E4E4E411
- scrollbarSlider.hoverBackground#E4E4E41E
- selection.background#E4E4E430
- sideBar.background#141414
- sideBar.border#E4E4E413
- sideBar.foreground#E4E4E48D
- sideBarSectionHeader.background#141414
- sideBarSectionHeader.foreground#E4E4E442
- sideBarTitle.foreground#E4E4E48D
- statusBar.background#141414
- statusBar.border#E4E4E413
- statusBar.debuggingBackground#E4E4E41C
- statusBar.debuggingForeground#E4E4E4EB
- statusBar.foreground#E4E4E45E
- statusBar.noFolderBackground#141414
- statusBar.noFolderForeground#E4E4E4EB
- statusBarItem.activeBackground#E4E4E41E
- statusBarItem.hoverBackground#E4E4E411
- statusBarItem.prominentBackground#E4E4E411
- statusBarItem.prominentHoverBackground#E4E4E41E
- statusBarItem.remoteBackground#141414
- statusBarItem.remoteForeground#E4E4E48D
- tab.activeBackground#181818
- tab.activeBorder#181818
- tab.activeBorderTop#E4E4E400
- tab.activeForeground#E4E4E4EB
- tab.border#E4E4E413
- tab.hoverBackground#E4E4E400
- tab.inactiveBackground#141414
- tab.inactiveForeground#E4E4E442
- tab.unfocusedActiveBorder#181818
- tab.unfocusedActiveForeground#E4E4E48D
- tab.unfocusedHoverBackground#2A2A2AB3
- tab.unfocusedHoverBorder#88C0D000
- tab.unfocusedInactiveForeground#E4E4E48D
- terminal.ansiBlack#242424
- terminal.ansiBlue#81A1C1
- terminal.ansiBrightBlack#E4E4E442
- terminal.ansiBrightBlue#87A6C4
- terminal.ansiBrightCyan#88C0D0
- terminal.ansiBrightGreen#70B489
- terminal.ansiBrightMagenta#B48EAD
- terminal.ansiBrightRed#FC6B83
- terminal.ansiBrightWhite#E4E4E4
- terminal.ansiBrightYellow#F1B467
- terminal.ansiCyan#88C0D0
- terminal.ansiGreen#3FA266
- terminal.ansiMagenta#B48EAD
- terminal.ansiRed#FC6B83
- terminal.ansiWhite#E4E4E4
- terminal.ansiYellow#D2943E
- terminal.background#141414
- terminal.foreground#E4E4E4EB
- terminal.selectionBackground#E4E4E41E
- terminalCursor.background#141414
- terminalCursor.foreground#E4E4E4EB
- textLink.activeForeground#87A6C4
- textLink.foreground#81A1C1
- textPreformat.foreground#88C0D0
- textSeparator.foreground#88C0D0
- titleBar.activeBackground#141414
- titleBar.activeForeground#E4E4E484
- titleBar.border#E4E4E413
- titleBar.inactiveBackground#141414
- titleBar.inactiveForeground#E4E4E45E
- tree.inactiveIndentGuidesStroke#E4E4E413
- tree.indentGuidesStroke#E4E4E430
- walkThrough.embeddedEditorBackground#141414
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string.quoted.binary.single.python | #a8cc7c | — |
| constant.language.false.cpp, constant.language.true.cpp | #82d2ce | — |
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #d6d6dd | — |
| keyword.control.directive | #a8cc7c | — |
| constant.other.ellipsis.python | #CCCCCC | — |
| variable.other.generic-type.haskell | #82D2CE | — |
| punctuation.definition.tag | #A4A4A4 | — |
| storage.type.haskell | #f8c762 | — |
| support.variable.magic.python | #d6d6dd | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #d6d6dd | — |
| variable.parameter.function.language.special.self.python | #efb080 | — |
| variable.language.this.cpp | #82d2ce | — |
| storage.modifier.lifetime.rust | #d6d6dd | — |
| support.function.std.rust | #aaa0fa | — |
| entity.name.lifetime.rust | #efb080 | — |
| variable.language.rust | #d6d6dd | — |
| support.constant.edge | #82D2CE | — |
| keyword.operator.quantifier.regexp | #f8c762 | — |
| string, punctuation.definition.string.begin, punctuation.definition.string.end | #e394dc | — |
| variable.parameter.function | #d6d6dd | — |
| comment markup.link | #d6d6dd | — |
| markup.changed.diff | #efb080 | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #aaa0fa | — |
| markup.inserted.diff | #e394dc | — |
| markup.deleted.diff | #d6d6dd | — |
| meta.function.c,meta.function.cpp | #d6d6dd | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #d6d6dd | — |
| punctuation.separator.key-value | #d6d6dd | — |
| keyword.operator.expression.import | #aaa0fa | — |
| support.constant.math | #efb080 | — |
| support.constant.property.math | #f8c762 | — |
| variable.other.constant | #AAA0FA | — |
| storage.type.annotation.java, storage.type.object.array.java | #efb080 | — |
| source.java | #d6d6dd | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #d6d6dd | — |
| meta.method.java | #aaa0fa | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #efb080 | — |
| keyword.operator.instanceof.java | #82D2CE | — |
| meta.definition.variable.name.java | #d6d6dd | — |
| keyword.operator.logical | #d6d6dd | — |
| keyword.operator.bitwise | #d6d6dd | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.relational | #d6d6dd | — |
| keyword.operator.channel | #d6d6dd | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #d6d6dd | — |
| support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-standard-color-name.scss | #f8c762 | — |
| punctuation.separator.list.comma.css | #d6d6dd | — |
| entity.name.type.module, support.module.node, support.type.object.module | #efb080 | — |
| meta.object-literal.key,support.variable.object.process,support.variable.object.node | #d6d6dd | — |
| variable.other.readwrite | #87C3FF | — |
| support.variable.property, variable.other.property, variable.other.property.ts, meta.definition.property.ts | #AAA0FA | — |
| support.constant.json | #f8c762 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.expression.void | #82D2CE | — |
| support.type.object.console | #d6d6dd | — |
| support.variable.property.process | #f8c762 | — |
| entity.name.function.js,support.function.console.js | #ebc88d | — |
| keyword.operator.misc.rust | #d6d6dd | — |
| keyword.operator.sigil.rust | #82D2CE | — |
| keyword.operator.delete | #82D2CE | — |
| support.type.object.dom | #d6d6dd | — |
| support.variable.dom,support.variable.property.dom | #d6d6dd | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #82D2CE | — |
| punctuation.separator.delimiter | #d6d6dd | — |
| punctuation.separator.c,punctuation.separator.cpp | #82D2CE | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #d6d6dd | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #82D2CE | — |
| support.type.python | #82d2ce | — |
| keyword.operator.logical.python | #82D2CE | — |
| variable.parameter.function.python, variable.parameter.function.language.python | #f8c762 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #d6d6dd | — |
| meta.function-call.generic.python | #aaa0fa | — |
| constant.character.format.placeholder.other.python | #f8c762 | — |
| keyword.operator | #d6d6dd | — |
| keyword.operator.assignment.compound | #82D2CE | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #d6d6dd | — |
| keyword | #82D2CE | — |
| entity.name.namespace | #CCCCCC | — |
| variable, variable.c | #d6d6dd | — |
| variable.language | #CC7C8A | — |
| token.variable.parameter.java | #d6d6dd | — |
| import.storage.java | #efb080 | — |
| token.package.keyword | #82D2CE | — |
| token.package | #d6d6dd | — |
| entity.name.function, meta.require, support.function, variable.function | #efb080 | — |
| entity.name.type.namespace | #efb080 | — |
| support.class, entity.name.type.class | #87c3ff | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts, entity.name.class.identifier.namespace.type | #efb080 | — |
| variable.other.class.php | #d6d6dd | — |
| entity.name.type | #efb080 | — |
| keyword.control.directive.include.cpp | #a8cc7c | — |
| control.elements, keyword.operator.less | #f8c762 | — |
| keyword.other.special-method | #aaa0fa | — |
| storage, token.storage | #82d2ce | — |
| storage.modifier.reference, storage.modifier.pointer | #CCCCCC | — |
| token.storage.type.java | #efb080 | — |
| support.function | #efb080 | — |
| meta.property-name.css | #87c3ff | — |
| meta.tag | #fad075 | — |
| entity.other.inherited-class | #efb080 | — |
| constant.other.symbol | #d6d6dd | — |
| constant.numeric | #ebc88d | — |
| constant.other.color | #ebc88d | — |
| punctuation.definition.constant | #f8c762 | — |
| entity.name.tag.template, entity.name.tag.script, entity.name.tag.style | #AAA0FA | — |
| entity.name.tag.html | #87c3ff | — |
| meta.property-value.css | #e394dc | — |
| entity.other.attribute-name | #aaa0fa | — |
| entity.other.attribute-name.id | #aaa0fa | — |
| entity.other.attribute-name.class.css | #f8c762 | — |
| meta.selector | #82D2CE | — |
| markup.heading | #d6d6dd | — |
| markup.heading punctuation.definition.heading, entity.name.section | #aaa0fa | — |
| keyword.other.unit | #ebc88d | — |
| markup.bold,todo.bold | #f8c762 | — |
| punctuation.definition.bold | #efb080 | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #82D2CE | — |
| emphasis md | #82D2CE | — |
| entity.name.section.markdown | #d6d6dd | — |
| punctuation.definition.heading.markdown | #d6d6dd | — |
| markup.heading.setext | #d6d6dd | — |
| punctuation.definition.bold.markdown | #f8c762 | — |
| markup.inline.raw.markdown, markup.inline.raw.string.markdown | #e394dc | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, beginning.punctuation.definition.list.markdown | #d6d6dd | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #d6d6dd | — |
| punctuation.definition.metadata.markdown | #d6d6dd | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #82D2CE | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #aaa0fa | — |
| string.regexp | #d6d6dd | — |
| constant.character.escape | #d6d6dd | — |
| variable.interpolation | #d6d6dd | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #82D2CE | — |
| invalid.illegal, invalid.illegal.bad-ampersand.html, invalid.broken, invalid.deprecated, invalid.unimplemented | #d6d6dd | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #d6d6dd | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #d6d6dd | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #e394dc | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #d6d6dd | — |
| support.type.property-name.json | #82d2ce | — |
| entity.name.tag.laravel-blade, support.constant.laravel-blade | #82D2CE | — |
| support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php | #efb080 | — |
| keyword.operator.error-control.php | #82D2CE | — |
| keyword.operator.type.php | #82D2CE | — |
| punctuation.section.array.begin.php | #d6d6dd | — |
| punctuation.section.array.end.php | #d6d6dd | — |
| invalid.illegal.non-null-typehinted.php | #F14C4C | — |
| storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php | #efb080 | — |
| meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php | #aaa0fa | — |
| punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php | #d6d6dd | — |
| support.constant.core.rust | #f8c762 | — |
| support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php | #f8c762 | — |
| entity.name.goto-label.php,support.other.php | #aaa0fa | — |
| keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php | #d6d6dd | — |
| keyword.operator.regexp.php | #82D2CE | — |
| keyword.operator.comparison.php | #d6d6dd | — |
| keyword.operator.heredoc.php,keyword.operator.nowdoc.php | #82D2CE | — |
| meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python | #a8cc7c | — |
| support.token.decorator.python,meta.function.decorator.identifier.python | #d6d6dd | — |
| function.brace | #d6d6dd | — |
| function.parameter, function.parameter.ruby, function.parameter.cs | #d6d6dd | — |
| constant.language.symbol.ruby | #d6d6dd | — |
| rgb-value | #d6d6dd | — |
| inline-color-decoration rgb-value | #f8c762 | — |
| less rgb-value | #f8c762 | — |
| selector.sass | #d6d6dd | — |
| support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx | #82D2CE | — |
| block.scope.end,block.scope.begin | #d6d6dd | — |
| storage.type.cs | #efb080 | — |
| entity.name.variable.local.cs | #d6d6dd | — |
| token.info-token | #aaa0fa | — |
| token.warn-token | #f8c762 | — |
| token.error-token | #F14C4C | — |
| token.debug-token | #82D2CE | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #82D2CE | — |
| meta.template.expression | #d6d6dd | — |
| keyword.operator.module | #82D2CE | — |
| support.type.type.flowtype | #aaa0fa | — |
| support.type.primitive | #efb080 | — |
| meta.property.object | #d6d6dd | — |
| variable.parameter.function.js | #d6d6dd | — |
| keyword.other.template.begin, keyword.other.template.end, keyword.other.substitution.begin, keyword.other.substitution.end | #e394dc | — |
| keyword.operator.assignment | #d6d6dd | — |
| keyword.operator.assignment.go | #efb080 | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #82D2CE | — |
| entity.name.package.go | #efb080 | — |
| support.type.prelude.elm | #d6d6dd | — |
| support.constant.elm | #f8c762 | — |
| punctuation.quasi.element | #82D2CE | — |
| constant.character.entity | #d6d6dd | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #d6d6dd | — |
| entity.global.clojure | #efb080 | — |
| meta.symbol.clojure | #d6d6dd | — |
| constant.keyword.clojure | #d6d6dd | — |
| meta.arguments.coffee, variable.parameter.function.coffee | #d6d6dd | — |
| source.ini | #e394dc | — |
| meta.scope.prerequisites.makefile | #d6d6dd | — |
| source.makefile | #efb080 | — |
| storage.modifier.import.groovy | #efb080 | — |
| meta.method.groovy | #aaa0fa | — |
| meta.definition.variable.name.groovy | #d6d6dd | — |
| meta.definition.class.inherited.classes.groovy | #e394dc | — |
| support.variable.semantic.hlsl | #efb080 | — |
| support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl | #82D2CE | — |
| text.variable, text.bracketed | #d6d6dd | — |
| support.type.swift, support.type.vb.asp | #efb080 | — |
| entity.name.function.xi | #efb080 | — |
| entity.name.class.xi | #d6d6dd | — |
| constant.character.character-class.regexp.xi | #d6d6dd | — |
| constant.regexp.xi | #82D2CE | — |
| keyword.control.xi | #d6d6dd | — |
| invalid.xi | #d6d6dd | — |
| beginning.punctuation.definition.quote.markdown.xi | #e394dc | — |
| beginning.punctuation.definition.list.markdown.xi | #E4E4E45E | — |
| constant.character.xi | #aaa0fa | — |
| accent.xi | #aaa0fa | — |
| wikiword.xi | #f8c762 | — |
| constant.other.color.rgb-value.xi | #d6d6dd | — |
| punctuation.definition.tag.xi | #E4E4E45E | — |
| entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition | #efb080 | — |
| entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #d6d6dd | — |
| meta.brace.square | #d6d6dd | — |
| comment, punctuation.definition.comment, comment.line.double-slash, comment.block.documentation | #E4E4E45E | italic |
| markup.quote.markdown | #E4E4E45E | — |
| punctuation.definition.block.sequence.item.yaml | #d6d6dd | — |
| constant.language.symbol.elixir | #d6d6dd | — |
| entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.super | — | italic |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| markup.italic.markdown | — | italic |
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#191c22
- activityBar.foreground#7b88a1
- activityBarBadge.background#88c0d0
- activityBarBadge.foreground#1d2128
- badge.background#88c0d0
- badge.foreground#1d2128
- breadcrumb.activeSelectionForeground#d8dee9
- breadcrumb.background#1e2127
- breadcrumb.foreground#7b88a199
- breadcrumbPicker.background#191c22
- button.background#88c0d0
- button.foreground#191c22
- button.hoverBackground#98d5e7
- button.secondaryBackground#434c5e
- button.secondaryForeground#d8dee9
- button.secondaryHoverBackground#4c566a
- debugExceptionWidget.background#4c566a
- debugExceptionWidget.border#191c22
- debugToolBar.background#20242c
- diffEditor.insertedTextBackground#a3be8c22
- diffEditor.removedTextBackground#bf616a22
- dropdown.background#191c22
- dropdown.border#272c36
- dropdown.foreground#d8dee9
- editor.background#1e2127
- editor.findMatchBackground#88c0d066
- editor.findMatchHighlightBackground#88c0d033
- editor.findRangeHighlightBackground#88c0d033
- editor.foreground#7b88a1
- editor.hoverHighlightBackground#20242c
- editor.inactiveSelectionBackground#434c5e77
- editor.lineHighlightBackground#434c5e33
- editor.lineHighlightBorder#272930
- editor.rangeHighlightBackground#434c5e52
- editor.selectionBackground#434c5e99
- editor.selectionHighlightBackground#434c5ecc
- editor.snippetFinalTabstopHighlightBorder#7b88a1
- editor.snippetTabstopHighlightBackground#7b88a155
- editor.wordHighlightBackground#81a1c166
- editor.wordHighlightStrongBackground#81a1c199
- editorBracketMatch.background#191c2200
- editorBracketMatch.border#88c0d055
- editorCodeLens.foreground#4c566a
- editorCursor.foreground#d8dee9
- editorError.border#bf616a00
- editorError.foreground#bf616a
- editorGroup.border#ffffff0d
- editorGroup.dropBackground#272c3699
- editorGroup.emptyBackground#191c22
- editorGroupHeader.noTabsBackground#191c22
- editorGroupHeader.tabsBackground#191c22
- editorGroupHeader.tabsBorder#ffffff0d
- editorGutter.addedBackground#a3be8c
- editorGutter.background#1e2127
- editorGutter.deletedBackground#bf616a
- editorGutter.modifiedBackground#ebcb8b
- editorHoverWidget.background#20242c
- editorHoverWidget.border#272c36
- editorIndentGuide.activeBackground#4c566a
- editorIndentGuide.background#434c5eb3
- editorInlayHint.background#00000000
- editorInlayHint.foreground#4c566a
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#4c566a
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#4c566a
- editorLineNumber.activeForeground#687692
- editorLineNumber.foreground#4c566a
- editorLink.activeForeground#88c0d0
- editorMarkerNavigation.background#5e81acc0
- editorMarkerNavigationError.background#bf616ac0
- editorMarkerNavigationWarning.background#ebcb8bc0
- editorOverviewRuler.addedForeground#a3be8c99
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#00000000
- editorOverviewRuler.commonContentForeground#bf616a
- editorOverviewRuler.currentContentForeground#bf616a
- editorOverviewRuler.deletedForeground#bf616a99
- editorOverviewRuler.errorForeground#bf616a
- editorOverviewRuler.findMatchForeground#00000000
- editorOverviewRuler.incomingContentForeground#bf616a
- editorOverviewRuler.infoForeground#00000000
- editorOverviewRuler.modifiedForeground#ebcb8b99
- editorOverviewRuler.rangeHighlightForeground#00000000
- editorOverviewRuler.selectionHighlightForeground#00000000
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#00000000
- editorOverviewRuler.wordHighlightStrongForeground#00000000
- editorRuler.foreground#434c5e
- editorSuggestWidget.background#191c22
- editorSuggestWidget.border#272c36
- editorSuggestWidget.foreground#d8dee9
- editorSuggestWidget.highlightForeground#88c0d0
- editorSuggestWidget.selectedBackground#434c5e
- editorWarning.border#ebcb8b00
- editorWarning.foreground#ebcb8b
- editorWhitespace.foreground#4c566ab3
- editorWidget.background#191c22
- editorWidget.resizeBorder#88c0d0
- errorForeground#bf616a
- extensionButton.prominentBackground#434c5e
- extensionButton.prominentForeground#d8dee9
- extensionButton.prominentHoverBackground#4c566a
- focusBorder#00000000
- foreground#7b88a1
- gitDecoration.addedResourceForeground#a3be8c
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#4b5163
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.untrackedResourceForeground#88c0d0
- gitlens.trailingLineForegroundColor#6c7d8f99
- input.background#1e2129
- input.border#272c36
- input.foreground#d8dee9
- input.placeholderForeground#4c4f57
- inputOption.activeBorder#88c0d0
- inputValidation.errorBackground#bf616a
- inputValidation.errorBorder#bf616a
- inputValidation.infoBackground#81a1c1
- inputValidation.infoBorder#81a1c1
- inputValidation.infoForeground#2e3440
- inputValidation.warningBackground#d08770
- inputValidation.warningBorder#d08770
- list.activeSelectionBackground#21242b
- list.activeSelectionForeground#eceff4
- list.deemphasizedForeground#7c818e
- list.dropBackground#88c0d099
- list.errorForeground#bf616a
- list.focusBackground#434c5e
- list.focusForeground#d8dee9
- list.highlightForeground#88c0d0
- list.hoverBackground#272c3699
- list.hoverForeground#eceff4
- list.inactiveSelectionBackground#21242b
- list.inactiveSelectionForeground#eceff4
- list.invalidItemForeground#7c818e
- list.warningForeground#ebcb8b
- menu.background#191c22
- menu.foreground#7b88a1
- menu.separatorBackground#7b88a1
- menubar.selectionBackground#7b88a133
- merge.border#272c3600
- merge.currentContentBackground#81a1c14d
- merge.currentHeaderBackground#81a1c166
- merge.incomingContentBackground#8fbcbb4d
- merge.incomingHeaderBackground#8fbcbb66
- notificationLink.foreground#88c0d0
- notifications.background#191c22
- notifications.foreground#d8dee9
- panel.background#191c22
- panel.border#ffffff0d
- panelTitle.activeBorder#ffffff00
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#7b88a1
- peekView.border#4c566a
- peekViewEditor.background#191c22
- peekViewEditor.matchHighlightBackground#88c0d0cc
- peekViewEditorGutter.background#191c22
- peekViewResult.background#191c22
- peekViewResult.fileForeground#88c0d0
- peekViewResult.lineForeground#d8dee966
- peekViewResult.matchHighlightBackground#88c0d0cc
- peekViewResult.selectionBackground#434c5e
- peekViewResult.selectionForeground#d8dee9
- peekViewTitle.background#272c36
- peekViewTitleDescription.foreground#d8dee9
- peekViewTitleLabel.foreground#88c0d0
- pickerGroup.border#272c3600
- pickerGroup.foreground#d8dee9
- progressBar.background#88c0d0
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#434c5e55
- scrollbarSlider.background#434c5e55
- scrollbarSlider.hoverBackground#434c5e55
- selection.background#88c0d033
- sideBar.background#191c22
- sideBar.border#ffffff0d
- sideBar.foreground#7c818e
- sideBarSectionHeader.background#191c22
- sideBarSectionHeader.foreground#4b5163
- sideBarTitle.foreground#7b88a1
- statusBar.background#191c22
- statusBar.border#ffffff0d
- statusBar.debuggingBackground#434c5e
- statusBar.debuggingForeground#d8dee9
- statusBar.foreground#4b5163
- statusBar.noFolderBackground#191c22
- statusBar.noFolderForeground#d8dee9
- statusBarItem.activeBackground#4c566a
- statusBarItem.hoverBackground#434c5e
- statusBarItem.prominentBackground#272c36
- statusBarItem.prominentHoverBackground#434c5e
- tab.activeBackground#1e2127
- tab.activeBorder#1e2127
- tab.activeBorderTop#ffffff00
- tab.activeForeground#d8dee9
- tab.border#ffffff0d
- tab.hoverBackground#88c0d000
- tab.inactiveBackground#191c22
- tab.inactiveForeground#4b5163
- tab.unfocusedActiveBorder#88c0d000
- tab.unfocusedActiveForeground#d8dee999
- tab.unfocusedHoverBackground#272c36b3
- tab.unfocusedHoverBorder#88c0d000
- tab.unfocusedInactiveForeground#d8dee966
- terminal.ansiBlack#272c36
- 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#7d7c9b
- terminal.ansiRed#bf616a
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#ebcb8b
- terminal.background#191c22
- terminal.foreground#d8dee9
- terminal.selectionBackground#434c5e55
- terminalCursor.background#8fbcbb22
- terminalCursor.foreground#8fbcbb
- textLink.activeForeground#8fbcbb
- textLink.foreground#8fbcbb
- textPreformat.foreground#8fbcbb
- textSeparator.foreground#8fbcbb
- titleBar.activeBackground#191c22
- titleBar.activeForeground#4b5163
- titleBar.border#ffffff0d
- titleBar.inactiveBackground#191c22
- titleBar.inactiveForeground#7b88a199
- tree.indentGuidesStroke#7b88a155
- walkThrough.embeddedEditorBackground#191c22
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| comment | #8597BCA6 | italic |
| constant.character | #EBCB8B | — |
| constant.character.escape | #EBCB8B | — |
| constant.language | #81A1C1 | — |
| constant.numeric | #B48EAD | — |
| constant.language.boolean.true | #B48EAD | — |
| constant.language.boolean.false | #B48EAD | — |
| constant.language.undefined | #7D7C9B | — |
| constant.language.null | #7D7C9B | — |
| constant.regexp | #EBCB8B | — |
| entity.name.class, entity.name.type.class | #8FBCBB | — |
| entity.name.function | #88C0D0 | — |
| entity.name.tag | #81A1C1 | — |
| entity.other.attribute-name | #8FBCBB | italic |
| entity.other.inherited-class | #8FBCBB | bold |
| invalid.deprecated | #EBCB8B | — |
| invalid.illegal | #BF616A | — |
| keyword | #81A1C1 | — |
| keyword.operator | #81A1C1 | — |
| keyword.other.new | #81A1C1 | — |
| markup.bold | — | bold |
| markup.changed | #EBCB8B | — |
| markup.deleted, punctuation.definition.deleted | #BF616A | — |
| markup.inserted | #A3BE8C | — |
| meta.preprocessor | #5E81AC | — |
| punctuation | #ECEFF4 | — |
| punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters | #ECEFF4 | — |
| punctuation.definition.tag | #81A1C1 | — |
| punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment | #4C566A | — |
| punctuation.definition.inserted | #A3BE8C | — |
| punctuation.definition.deleted | #BF616A | — |
| punctuation.section | #ECEFF4 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #81A1C1 | — |
| punctuation.terminator | #81A1C1 | — |
| punctuation.definition.variable | #81A1C1 | — |
| storage | #81A1C1 | — |
| string | #A3BE8C | — |
| string.regexp | #EBCB8B | — |
| support.class | #8FBCBB | — |
| support.constant | #81A1C1 | — |
| support.function | #88C0D0 | — |
| support.function.construct | #81A1C1 | — |
| support.type | #8FBCBB | — |
| support.type.exception | #8FBCBB | — |
| token.debug-token | #B48EAD | — |
| token.error-token | #BF616A | — |
| token.info-token | #88C0D0 | — |
| token.warn-token | #EBCB8B | — |
| variable.other | #D8DEE9 | — |
| variable.language | #81A1C1 | — |
| variable.parameter | #D8DEE9 | — |
| punctuation.separator.pointer-access.c | #81A1C1 | — |
| source.c meta.preprocessor.include, source.c string.quoted.other.lt-gt.include | #8FBCBB | — |
| source.cpp keyword.control.directive.conditional, source.cpp punctuation.definition.directive, source.c keyword.control.directive.conditional, source.c punctuation.definition.directive | #5E81AC | bold |
| source.css constant.other.color.rgb-value | #B48EAD | — |
| source.css meta.property-value | #88C0D0 | — |
| source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword | #D08770 | — |
| source.css punctuation.definition.keyword | #81A1C1 | — |
| source.css support.type.property-name | #D8DEE9 | — |
| source.diff meta.diff.range.context | #8FBCBB | — |
| source.diff meta.diff.header.from-file | #8FBCBB | — |
| source.diff punctuation.definition.from-file | #8FBCBB | — |
| source.diff punctuation.definition.range | #8FBCBB | — |
| source.diff punctuation.definition.separator | #81A1C1 | — |
| source.go constant.other.placeholder.go | #EBCB8B | — |
| source.java comment.block.documentation.javadoc punctuation.definition.entity.html | #81A1C1 | — |
| source.java constant.other | #D8DEE9 | — |
| source.java keyword.other.documentation | #8FBCBB | — |
| source.java keyword.other.documentation.author.javadoc | #8FBCBB | — |
| source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom | #8FBCBB | — |
| source.java keyword.other.documentation.see.javadoc | #8FBCBB | — |
| source.java meta.method-call meta.method | #88C0D0 | — |
| source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc | #8FBCBB | — |
| source.java meta.tag.template.value.javadoc | #88C0D0 | — |
| source.java punctuation.definition.keyword.javadoc | #8FBCBB | — |
| source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc | #4C566A | — |
| source.java storage.modifier.import | #8FBCBB | — |
| source.java storage.modifier.package | #8FBCBB | — |
| source.java storage.type | #8FBCBB | — |
| source.java storage.type.annotation | #D08770 | — |
| source.java storage.type.generic | #8FBCBB | — |
| source.java storage.type.primitive | #81A1C1 | — |
| source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function | #D08770 | — |
| source.js meta.object-literal.key | #88C0D0 | — |
| source.js storage.type.class.jsdoc | #8FBCBB | — |
| source.js string.template punctuation.definition.template-expression | #5E81AC | — |
| source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object | #D8DEE9 | — |
| source.js support.type.primitive | #81A1C1 | — |
| variable.language.this.js | #B48EAD | italic |
| meta.tag.js entity.name.tag.js support.class.component.js | #81A1C1 | — |
| source.js meta.var.expr variable.other.object | #8FBCBB | — |
| source.js variable.other.readwrite.alias | #8FBCBB | — |
| text.html.basic constant.character.entity.html | #EBCB8B | — |
| text.html.basic constant.other.inline-data | #D08770 | italic |
| text.html.basic meta.tag.sgml.doctype | #5E81AC | — |
| text.html.basic punctuation.definition.entity | #81A1C1 | — |
| source.properties entity.name.section.group-title.ini | #88C0D0 | — |
| source.properties punctuation.separator.key-value.ini | #81A1C1 | — |
| text.html.markdown markup.fenced_code.block | #7B88A1 | — |
| text.html.markdown markup.fenced_code.block punctuation.definition | #D8DEE9 | — |
| fenced_code.block.language | #D8DEE9 | — |
| markup.heading | #88C0D0 | — |
| text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw | #8FBCBB | — |
| text.html.markdown markup.italic | — | italic |
| text.html.markdown markup.underline.link | — | underline |
| text.html.markdown beginning.punctuation.definition.list | #81A1C1 | — |
| text.html.markdown beginning.punctuation.definition.quote | #8FBCBB | — |
| text.html.markdown markup.quote | #4C566A | italic |
| text.html.markdown punctuation.definition.heading | #81A1C1 | — |
| text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string | #81A1C1 | — |
| text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title | #88C0D0 | — |
| source.php meta.function-call, source.php meta.function-call.object | #88C0D0 | — |
| source.python entity.name.function.decorator, source.python meta.function.decorator support.type | #D08770 | — |
| source.python meta.function-call, source.python meta.function-call.generic | #88C0D0 | — |
| source.python support.type | #88C0D0 | — |
| source.python variable.parameter.function.language | #D8DEE9 | — |
| source.python meta.function.parameters variable.parameter.function.language.special.self | #81A1C1 | — |
| source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly | #81A1C1 | — |
| source.css.scss variable.interpolation | #D8DEE9 | italic |
| source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function, source.tsx punctuation.decorator, source.tsx meta.decorator variable.other.readwrite, source.tsx meta.decorator entity.name.function | #D08770 | — |
| source.ts meta.object-literal.key, source.tsx meta.object-literal.key | #D8DEE9 | — |
| source.ts meta.object-literal.key entity.name.function, source.tsx meta.object-literal.key entity.name.function | #88C0D0 | — |
| source.ts support.class, source.ts support.type, source.ts entity.name.type, source.ts entity.name.class, source.tsx support.class, source.tsx support.type, source.tsx entity.name.type, source.tsx entity.name.class | #8FBCBB | — |
| source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json, source.tsx support.constant.math, source.tsx support.constant.dom, source.tsx support.constant.json | #8FBCBB | — |
| source.ts support.variable, source.tsx support.variable | #D8DEE9 | — |
| text.xml entity.name.tag.namespace | #8FBCBB | — |
| text.xml keyword.other.doctype | #5E81AC | — |
| text.xml meta.tag.preprocessor entity.name.tag | #5E81AC | — |
| text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string | #D08770 | italic |
| source.yaml entity.name.tag | #8FBCBB | — |
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#F3F3F3
- activityBar.foreground#141414AD
- activityBarBadge.background#206595
- activityBarBadge.foreground#F3F3F3
- badge.background#F3F3F3
- badge.foreground#1414148D
- breadcrumb.activeSelectionForeground#141414AD
- breadcrumb.background#FCFCFC
- breadcrumb.focusForeground#141414EB
- breadcrumb.foreground#141414AD
- breadcrumbPicker.background#F3F3F3
- button.background#3C7CAB
- button.foreground#FCFCFC
- button.hoverBackground#055180
- button.secondaryBackground#1414141E
- button.secondaryForeground#141414EB
- button.secondaryHoverBackground#14141430
- chart.axis#14141413
- chart.guide#141414AD
- chart.line#14141413
- charts.blue#6299C3
- charts.foreground#141414AD
- charts.green#55A583
- charts.lines#141414AD
- charts.orange#DB704B
- charts.purple#9E94D5
- charts.red#E75E78
- charts.yellow#C08532
- commandCenter.activeBackground#1414141E
- commandCenter.activeBorder#1414141C
- commandCenter.activeForeground#141414AD
- commandCenter.background#14141411
- commandCenter.border#14141413
- commandCenter.debuggingBackground#1414141E
- commandCenter.foreground#141414AD
- commandCenter.inactiveBorder#14141413
- commandCenter.inactiveForeground#1414147A
- debugExceptionWidget.background#FCFCFC
- debugExceptionWidget.border#F3F3F3
- debugToolBar.background#F3F3F3
- descriptionForeground#141414AD
- diffEditor.insertedLineBackground#1F8A651F
- diffEditor.insertedTextBackground#1F8A6524
- diffEditor.removedLineBackground#CF2D5614
- diffEditor.removedTextBackground#CF2D561F
- diffEditor.unchangedCodeBackground#FCFCFC00
- dropdown.background#FCFCFC
- dropdown.border#14141413
- dropdown.foreground#141414EB
- editor.background#FCFCFC
- editor.findMatchBackground#6F9BA65C
- editor.findMatchHighlightBackground#6F9BA62E
- editor.findRangeHighlightBackground#14141411
- editor.foreground#141414EB
- editor.hoverHighlightBackground#1414141E
- editor.inactiveSelectionBackground#14141411
- editor.lineHighlightBackground#EDEDED
- editor.lineHighlightBorder#EDEDED
- editor.rangeHighlightBackground#6F9BA629
- editor.selectionBackground#1414141E
- editor.selectionHighlightBackground#14141411
- editor.snippetFinalTabstopHighlightBorder#1414141C
- editor.snippetTabstopHighlightBackground#1414141E
- editor.wordHighlightBackground#1414141E
- editor.wordHighlightStrongBackground#1414140A
- editorBracketHighlight.foreground1#055180
- editorBracketHighlight.foreground2#3C7CAB
- editorBracketHighlight.foreground3#6299C3
- editorBracketHighlight.foreground4#A02673
- editorBracketHighlight.foreground5#D06BA6
- editorBracketHighlight.foreground6#DEA0C3
- editorBracketHighlight.unexpectedBracket.foreground#CF2D56
- editorBracketMatch.background#1414141E
- editorBracketMatch.border#FCFCFC00
- editorCodeLens.foreground#141414AD
- editorCursor.foreground#141414EB
- editorError.border#CF2D5600
- editorError.foreground#CF2D56
- editorGroup.border#14141413
- editorGroup.dropBackground#14141411
- editorGroup.emptyBackground#F3F3F3
- editorGroupHeader.noTabsBackground#F3F3F3
- editorGroupHeader.tabsBackground#F3F3F3
- editorGroupHeader.tabsBorder#14141413
- editorGutter.addedBackground#1F8A65
- editorGutter.background#FCFCFC
- editorGutter.deletedBackground#CF2D56
- editorGutter.modifiedBackground#C08532
- editorHoverWidget.background#FCFCFC
- editorHoverWidget.border#1414141C
- editorHoverWidget.foreground#141414EB
- editorIndentGuide.activeBackground1#14141426
- editorIndentGuide.background1#14141413
- editorInlayHint.background#FCFCFC00
- editorInlayHint.foreground#141414AD
- editorInlayHint.parameterBackground#FCFCFC00
- editorInlayHint.parameterForeground#1414147A
- editorInlayHint.typeBackground#FCFCFC00
- editorInlayHint.typeForeground#1414147A
- editorLineNumber.activeForeground#141414AD
- editorLineNumber.foreground#1414147A
- editorLink.activeForeground#141414EB
- editorMarkerNavigation.background#14141461
- editorMarkerNavigationError.background#CF2D56C0
- editorMarkerNavigationWarning.background#141414AD
- editorOverviewRuler.border#FCFCFC00
- editorRuler.foreground#14141426
- editorStickyScroll.border#14141413
- editorSuggestWidget.background#F3F3F3
- editorSuggestWidget.border#14141413
- editorSuggestWidget.foreground#141414AD
- editorSuggestWidget.highlightForeground#141414EB
- editorSuggestWidget.selectedBackground#14141411
- editorUnnecessaryCode.opacity#0000007F
- editorWarning.border#FCFCFC00
- editorWarning.foreground#DB704B
- editorWhitespace.foreground#1414145E
- editorWidget.background#F3F3F3
- editorWidget.foreground#141414AD
- editorWidget.resizeBorder#14141426
- errorForeground#CF2D56
- extensionButton.prominentBackground#14141411
- extensionButton.prominentForeground#FCFCFC
- extensionButton.prominentHoverBackground#1414141E
- focusBorder#14141426
- foreground#141414EB
- git.blame.editorDecorationForeground#141414AD
- gitDecoration.addedResourceForeground#1F8A65
- gitDecoration.deletedResourceForeground#CF2D56
- gitDecoration.ignoredResourceForeground#1414147A
- gitDecoration.modifiedResourceForeground#C08532
- gitDecoration.untrackedResourceForeground#4C7F8C
- gitlens.trailingLineForegroundColor#1414147A
- icon.foreground#1414145E
- input.background#FCFCFC
- input.border#14141426
- input.foreground#141414EB
- input.placeholderForeground#1414147A
- inputOption.activeBackground#1414141E
- inputOption.activeBorder#14141400
- inputValidation.errorBackground#FFD0D6
- inputValidation.errorBorder#E75E78
- inputValidation.errorForeground#CF2D56
- inputValidation.infoBackground#D2E1E5
- inputValidation.infoBorder#6F9BA6
- inputValidation.infoForeground#4C7F8C
- inputValidation.warningBackground#F0DAC1
- inputValidation.warningBorder#C08532
- inputValidation.warningForeground#A16900
- list.activeSelectionBackground#14141411
- list.activeSelectionForeground#141414EB
- list.deemphasizedForeground#141414AD
- list.dropBackground#14141411
- list.errorForeground#CF2D56
- list.focusBackground#1414141E
- list.focusForeground#141414EB
- list.highlightForeground#6F9BA6
- list.hoverBackground#14141411
- list.hoverForeground#141414EB
- list.inactiveSelectionBackground#14141411
- list.inactiveSelectionForeground#141414EB
- list.invalidItemForeground#1414147A
- list.warningForeground#C34A14
- menu.background#F3F3F3
- menu.foreground#141414AD
- menu.separatorBackground#14141413
- menubar.selectionBackground#14141411
- merge.border#FCFCFC00
- merge.currentContentBackground#9E94D55C
- merge.currentHeaderBackground#9E94D57A
- merge.incomingContentBackground#6F9BA65C
- merge.incomingHeaderBackground#6F9BA67A
- minimap.background#FCFCFC
- minimap.errorHighlight#CF2D56
- minimap.findMatchHighlight#6F9BA65C
- minimap.foregroundOpacity#141414EB
- minimap.selectionHighlight#14141411
- minimap.selectionOccurrenceHighlight#14141411
- minimap.warningHighlight#C08532
- minimapGutter.addedBackground#96C2AC
- minimapGutter.deletedBackground#EE9BA6
- minimapGutter.modifiedBackground#C08532
- minimapSlider.activeBackground#1414141E
- minimapSlider.background#1414140A
- minimapSlider.hoverBackground#14141411
- notificationLink.foreground#6F9BA6
- notifications.background#F3F3F3
- notifications.border#14141413
- notifications.foreground#141414EB
- notificationsErrorIcon.foreground#CF2D56
- notificationsInfoIcon.foreground#206595
- notificationsWarningIcon.foreground#DB704B
- panel.background#F3F3F3
- panel.border#14141413
- panelStickyScroll.border#14141413
- panelTitle.activeBorder#0B0B2D00
- panelTitle.activeForeground#141414EB
- panelTitle.inactiveForeground#141414AD
- peekView.border#1414141C
- peekViewEditor.background#F3F3F3
- peekViewEditor.matchHighlightBackground#6F9BA62E
- peekViewEditorGutter.background#F3F3F3
- peekViewResult.background#F3F3F3
- peekViewResult.fileForeground#141414EB
- peekViewResult.lineForeground#14141461
- peekViewResult.matchHighlightBackground#6F9BA62E
- peekViewResult.selectionBackground#F3F3F3
- peekViewResult.selectionForeground#141414EB
- peekViewTitle.background#F3F3F3
- peekViewTitleDescription.foreground#141414AD
- peekViewTitleLabel.foreground#141414EB
- pickerGroup.border#1414141C
- pickerGroup.foreground#141414EB
- progressBar.background#1F8A65
- sash.hoverBorder#1414141C
- scrollbar.shadow#14141411
- scrollbarSlider.activeBackground#14141430
- scrollbarSlider.background#1414141E
- scrollbarSlider.hoverBackground#14141430
- selection.background#14141411
- sideBar.background#F3F3F3
- sideBar.border#14141413
- sideBar.foreground#141414AD
- sideBarSectionHeader.background#F3F3F3
- sideBarSectionHeader.foreground#141414AD
- sideBarStickyScroll.border#14141413
- sideBarTitle.foreground#141414AD
- statusBar.background#F3F3F3
- statusBar.border#14141413
- statusBar.debuggingBackground#F3F3F3
- statusBar.debuggingForeground#1414147A
- statusBar.foreground#1414147A
- statusBar.noFolderBackground#F3F3F3
- statusBar.noFolderForeground#1414147A
- statusBarItem.activeBackground#1414141E
- statusBarItem.hoverBackground#14141411
- statusBarItem.prominentBackground#14141411
- statusBarItem.prominentHoverBackground#1414141E
- statusBarItem.remoteBackground#F3F3F3
- statusBarItem.remoteForeground#141414AD
- tab.activeBackground#FCFCFC
- tab.activeBorder#FCFCFC
- tab.activeBorderTop#FCFCFC00
- tab.activeForeground#141414EB
- tab.border#1414141C
- tab.hoverBackground#14141411
- tab.inactiveBackground#F3F3F3
- tab.inactiveForeground#141414AD
- tab.unfocusedActiveBorder#FCFCFC
- tab.unfocusedActiveForeground#141414AD
- tab.unfocusedHoverBackground#14141400
- tab.unfocusedHoverBorder#14141413
- tab.unfocusedInactiveForeground#141414AD
- terminal.ansiBlack#141414EB
- terminal.ansiBlue#3C7CAB
- terminal.ansiBrightBlack#141414AD
- terminal.ansiBrightBlue#6299C3
- terminal.ansiBrightCyan#6F9BA6
- terminal.ansiBrightGreen#55A583
- terminal.ansiBrightMagenta#D06BA6
- terminal.ansiBrightRed#E75E78
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#C08532
- terminal.ansiCyan#4C7F8C
- terminal.ansiGreen#1F8A65
- terminal.ansiMagenta#B8448B
- terminal.ansiRed#CF2D56
- terminal.ansiWhite#FCFCFC
- terminal.ansiYellow#A16900
- terminal.background#F3F3F3
- terminal.foreground#141414EB
- terminal.selectionBackground#1414141E
- terminalCursor.background#F3F3F3
- terminalCursor.foreground#141414EB
- terminalStickyScroll.border#14141413
- textLink.activeForeground#3C7CAB
- textLink.foreground#3C7CAB
- textPreformat.foreground#6F9BA6
- textSeparator.foreground#6F9BA6
- titleBar.activeBackground#F3F3F3
- titleBar.activeForeground#1414148D
- titleBar.border#14141413
- titleBar.inactiveBackground#F3F3F3
- titleBar.inactiveForeground#1414145E
- tree.inactiveIndentGuidesStroke#14141413
- tree.indentGuidesStroke#14141426
- walkThrough.embeddedEditorBackground#F3F3F3
- widget.border#1414141C
- widget.shadow#1414141E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #141414AD | italic |
| string, string punctuation.section.embedded source | #9E94D5 | — |
| punctuation.definition.string.begin,punctuation.definition.string.end | #9E94D5 | — |
| string variable | #206595 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #141414AD | — |
| source.regexp, string.regexp | #3C7CAB | — |
| string.regexp constant.character.escape | #1F8A65 | — |
| keyword.operator.quantifier.regexp, keyword.operator.negation.regexp, keyword.operator.alternation.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #A33900 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, support.other.parenthesis.regexp | #DB704B | — |
| constant.other.placeholder, constant.character | #B3003F | — |
| constant, entity.name.constant, variable.other.constant, variable.language | #206595 | — |
| constant.numeric | #B8448B | — |
| support.constant | #206595 | — |
| variable.language | #CF2D56 | — |
| support.variable | #206595 | — |
| variable.other.readwrite | #206595 | — |
| keyword | #B3003F | — |
| storage, storage.type | #B3003F | — |
| keyword.control.directive | #1F8A65 | — |
| entity.name.function | #DB704B | — |
| meta.require, support.function, variable.function | #DB704B | — |
| keyword.other.special-method | #6049B3 | — |
| meta.export.default | #DB704B | — |
| support.class, entity.name.type.class, entity.name.type.namespace, entity.name.type, entity.name.namespace | #206595 | — |
| entity.name.class | #206595 | — |
| keyword.operator.assignment, keyword.operator.assignment.compound, keyword.operator.assignment.c, keyword.operator.assignment.cpp, keyword.operator.assignment.go, keyword.operator.assignment.java, keyword.operator.assignment.js, keyword.operator.assignment.ts, keyword.operator.assignment.python | #141414EB | — |
| keyword.operator.comparison, keyword.operator.relational, keyword.operator.comparison.c, keyword.operator.comparison.cpp, keyword.operator.comparison.java, keyword.operator.comparison.js, keyword.operator.comparison.ts, keyword.operator.comparison.python | #B3003F | — |
| keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.decrement, keyword.operator.arithmetic.c, keyword.operator.increment.c, keyword.operator.decrement.c, keyword.operator.arithmetic.cpp, keyword.operator.increment.cpp, keyword.operator.decrement.cpp, keyword.operator.arithmetic.go, keyword.operator.arithmetic.java, keyword.operator.arithmetic.js, keyword.operator.arithmetic.ts, keyword.operator.arithmetic.python | #141414EB | — |
| keyword.operator.bitwise, keyword.operator.bitwise.shift, keyword.operator.bitwise.shift.c, keyword.operator.bitwise.shift.cpp, keyword.operator.bitwise.java, keyword.operator.bitwise.js, keyword.operator.bitwise.ts, keyword.operator.bitwise.python | #B3003F | — |
| keyword.operator.logical, keyword.operator.logical.python, keyword.operator.logical.java, keyword.operator.logical.js, keyword.operator.logical.ts, keyword.operator.logical.c, keyword.operator.logical.cpp | #B3003F | — |
| keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of, keyword.operator.sizeof, keyword.operator.address, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.void, keyword.operator.expression.keyof, keyword.operator.sizeof.c, keyword.operator.sizeof.cpp, keyword.operator.address.go, keyword.operator.module, keyword.operator.instanceof.java, keyword.operator.less, keyword.operator.c, keyword.operator.cpp | #206595 | — |
| entity.name.tag, support.class.component | #1F8A65 | — |
| entity.name.tag.html | #206595 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag | #141414AD | — |
| entity.other.attribute-name | #6049B3 | — |
| entity.other.attribute-name.id | #6049B3 | — |
| entity.other.attribute-name.class.css | #206595 | — |
| support.type.property-name.css | #9E94D5 | — |
| meta.property-value.css | #055180 | — |
| meta.selector | #6F9BA6 | — |
| keyword.other.unit | #D06BA6 | — |
| constant.other.color | #B8448B | — |
| punctuation.definition.constant.css | #D06BA6 | — |
| storage, storage.type | #B3003F | — |
| support.module.node,support.type.object.module | #B3003F | — |
| entity.name.type.module | #B3003F | — |
| support.constant.json | #DB704B | — |
| support.variable.property.process | #DB704B | — |
| support.variable.dom,support.variable.property.dom | #6049B3 | — |
| support.type.type.flowtype | #6049B3 | — |
| support.type.primitive | #B3003F | — |
| meta.property.object | #6049B3 | — |
| support.variable.property, variable.other.property, variable.other.property.ts, meta.definition.property.ts | #6049B3 | — |
| keyword.other.template.begin | #9E94D5 | — |
| keyword.other.template.end | #9E94D5 | — |
| keyword.other.substitution.begin | #9E94D5 | — |
| keyword.other.substitution.end | #9E94D5 | — |
| meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python | #1F8A65 | — |
| support.type.python | #6F9BA6 | — |
| string.quoted.binary.single.python | #1F8A65 | — |
| constant.other.ellipsis.python | #141414EB | — |
| support.variable.magic.python | #141414EB | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #141414EB | — |
| variable.parameter.function.language.special.self.python | #B8448B | — |
| variable.parameter.function.language.python | #DB704B | — |
| variable.parameter.function.python | #DB704B | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #141414EB | — |
| meta.function-call.generic.python | #6049B3 | — |
| constant.character.format.placeholder.other.python | #DB704B | — |
| keyword.control.import.python,keyword.control.flow.python | — | italic |
| storage.type.c, storage.type.cpp, support.type.posix-reserved.c, support.type.posix-reserved.cpp | #206595 | — |
| constant.language.false.cpp, constant.language.true.cpp | #6F9BA6 | — |
| variable.language.this.cpp | #6F9BA6 | — |
| storage.modifier.reference, storage.modifier.pointer | #141414EB | — |
| variable.c | #141414EB | — |
| keyword.control.directive.include.cpp | #1F8A65 | — |
| punctuation.separator.c,punctuation.separator.cpp | #6F9BA6 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #141414EB | — |
| variable.parameter.java | #141414EB | — |
| storage.modifier.import.java | #B3003F | — |
| storage.type.annotation.java, storage.type.object.array.java | #206595 | — |
| source.java | #141414EB | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #B3003F | — |
| storage.type.java | #206595 | — |
| support.type.property-name.json | #1F8A65 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #9E94D5 | — |
| markup.heading, markup.heading entity.name | #206595 | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading.setext | #141414EB | — |
| markup.quote | #141414AD | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline | — | underline |
| markup.strikethrough, punctuation.definition.strikethrough | #1414147A | strikethrough |
| markup.inline.raw | #1F8A65 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #141414AD | — |
| markup.heading punctuation.definition.heading, entity.name.section | #141414AD | — |
| punctuation.definition.list.begin.markdown | #141414AD | — |
| punctuation.definition.list.markdown | #141414EB | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #141414EB | — |
| beginning.punctuation.definition.list.markdown | #141414EB | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #206595 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #141414AD | — |
| punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.underline | #141414AD | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #B3003F | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #1F8A65 | — |
| markup.changed, punctuation.definition.changed | #DB704B | — |
| markup.ignored, markup.untracked | #1414147A | — |
| meta.diff.range | #6049B3 | — |
| meta.diff.header | #206595 | — |
| entity.name.tag.template, entity.name.tag.script, entity.name.tag.style | #6049B3 | — |
| entity.name.package.go | #B3003F | — |
| punctuation.definition.block.sequence.item.yaml | #141414EB | — |
| constant.language.symbol.elixir | #141414EB | — |
| invalid.broken, invalid.deprecated, invalid.illegal, invalid.unimplemented | #B3003F | italic |
| carriage-return | #1414140A | italic underline |
| message.error | #B3003F | — |
| meta.module-reference | #206595 | — |
| constant.character.escape | #141414AD | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #6F9BA6 | — |
| meta.separator | #206595 | — |
| meta.output | #206595 | — |
| constant.other.reference.link | #206595 | — |
| control.elements | #DB704B | — |
| punctuation.definition.constant | #DB704B | — |
| meta.tag | #C08532 | — |
| punctuation.separator.delimiter | #141414EB | — |
| support.constant.edge | #6F9BA6 | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #141414AD | — |
| brackethighlighter.unmatched | #B3003F | — |