Invariant
Publisher: Andre BraitThemes in package: 1
A semantic dark editor theme based on Monokai, where color identifies what a symbol is and formatting shows how it is used.
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.
- actionBar.toggledBackground#383a49
- activityBar.activeBackground#313233
- activityBar.activeBorder#bfbfbf
- activityBar.activeFocusBorder#3994bcb3
- activityBar.background#191a1b
- activityBar.border#2a2b2cff
- activityBar.foreground#bfbfbf
- activityBar.inactiveForeground#8c8c8c
- activityBarBadge.background#307e9f
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#bfbfbf
- activityErrorBadge.background#f48771
- activityErrorBadge.foreground#ffffff
- activityWarningBadge.background#cca700
- activityWarningBadge.foreground#202020
- agents.background#121314
- agentsBadge.background#307e9f
- agentsBadge.foreground#ffffff
- agentsBottomPanel.border#00000000
- agentsCard.border#00000000
- agentsChatInput.background#202122
- agentsChatInput.border#333536
- agentsChatInput.focusBorder#3994bcb3
- agentsChatInput.foreground#bfbfbf
- agentsChatInput.placeholderForeground#555555
- agentsGradient.tintColor#297aa0
- agentsNewSessionButton.background#00000000
- agentsNewSessionButton.border#333536
- agentsNewSessionButton.foreground#bfbfbf
- agentsNewSessionButton.hoverBackground#ffffff18
- agentsPanel.background#191a1b
- agentsPanel.border#2a2b2cff
- agentsPanel.foreground#bfbfbf
- agentsUnreadBadge.background#307e9f
- agentsUnreadBadge.foreground#ffffff
- badge.background#307e9f
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#bfbfbf
- breadcrumb.background#121314
- breadcrumb.focusForeground#bfbfbf
- breadcrumb.foreground#8c8c8c
- breadcrumbPicker.background#202122
- button.background#297aa0
- button.border#297aa0
- button.foreground#ffffff
- button.hoverBackground#2b7da3
- button.secondaryBackground#00000000
- button.secondaryBorder#333536
- button.secondaryForeground#cccccc
- button.secondaryHoverBackground#ffffff10
- charts.blue#57a3f8
- charts.foreground#cccccc
- charts.green#86cf86
- charts.lines#c8cacc80
- charts.orange#cd861a
- charts.purple#ad80d7
- charts.red#ef8773
- charts.yellow#e0b97f
- chat.editedFileForeground#e2c08d
- chat.inputWorkingBorderColor1#297aa0
- chat.inputWorkingBorderColor2#1c546f
- chat.inputWorkingBorderColor3#5ba8cc
- chat.requestBubbleBackground#ffffff13
- chat.requestBubbleHoverBackground#ffffff22
- chat.slashCommandBackground#26477866
- chat.slashCommandForeground#85b6ff
- checkbox.background#242526
- checkbox.border#707070
- checkbox.foreground#8c8c8c
- commandCenter.activeBackground#ffffff0f
- commandCenter.activeBorder#333536
- commandCenter.activeForeground#bfbfbf
- commandCenter.background#191a1b
- commandCenter.border#2e3031
- commandCenter.foreground#bfbfbf
- debugToolBar.background#181818
- descriptionForeground#8c8c8c
- diffEditor.insertedLineBackground#29443666
- diffEditor.insertedTextBackground#29443699
- diffEditor.removedLineBackground#484a4a66
- diffEditor.removedTextBackground#45050599
- disabledForeground#555555
- dropdown.background#191a1b
- dropdown.border#333536
- dropdown.foreground#bfbfbf
- dropdown.listBackground#191a1b
- editor.background#121314
- editor.findMatchBackground#155221
- editor.findMatchHighlightBackground#32593d
- editor.findRangeHighlightBackground#353535
- editor.foreground#cfbfad
- editor.hoverHighlightBackground#344134
- editor.inactiveSelectionBackground#665510
- editor.lineHighlightBackground#5b5a4e
- editor.selectionBackground#cc9900
- editor.selectionForeground#404040
- editor.wordHighlightBackground#344134
- editor.wordHighlightStrongBackground#40332b
- editorBracketMatch.background#3b514d
- editorBracketMatch.border#888888
- editorCursor.foreground#999999
- editorError.foreground#bc3f3c
- editorGutter.addedBackground#4c674c
- editorGutter.background#121314
- editorGutter.deletedBackground#656e76
- editorGutter.modifiedBackground#455663
- editorHint.foreground#659c6b
- editorHoverWidget.background#202122
- editorHoverWidget.foreground#cfbfad
- editorIndentGuide.activeBackground1#999999
- editorIndentGuide.background1#3c3c3c
- editorInfo.foreground#589df6
- editorLineNumber.activeForeground#efefef
- editorLineNumber.foreground#999999
- editorRuler.foreground#999999
- editorSuggestWidget.background#202122
- editorSuggestWidget.foreground#cfbfad
- editorSuggestWidget.selectedBackground#5b5a4e
- editorWarning.foreground#be9117
- editorWhitespace.foreground#7b7468
- editorWidget.background#202122
- editorWidget.border#43474a
- editorWidget.foreground#cfbfad
- errorForeground#f48771
- extensionButton.prominentBackground#297aa0
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#2b7da3
- focusBorder#3994bcb3
- foreground#bfbfbf
- gauge.background#58a4f94d
- gauge.border#2a2c2eff
- gauge.errorBackground#f287724d
- gauge.errorForeground#f48771
- gauge.foreground#59a4f9
- gauge.warningBackground#e3b97e4d
- gauge.warningForeground#e5ba7d
- gitDecoration.addedResourceForeground#73c991
- gitDecoration.conflictingResourceForeground#f48771
- gitDecoration.deletedResourceForeground#f48771
- gitDecoration.ignoredResourceForeground#8c8c8c
- gitDecoration.modifiedResourceForeground#e5ba7d
- gitDecoration.stageDeletedResourceForeground#f48771
- gitDecoration.stageModifiedResourceForeground#e5ba7d
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#8c8c8c
- inlineChat.border#00000000
- input.background#191a1b
- input.border#333536ff
- input.foreground#bfbfbf
- input.placeholderForeground#555555
- inputOption.activeBackground#313233
- inputOption.activeBorder#2a2b2cff
- inputOption.activeForeground#bfbfbf
- inputValidation.errorBackground#3a1d1d
- inputValidation.errorBorder#be1100
- inputValidation.errorForeground#bfbfbf
- inputValidation.infoBackground#1e3a47
- inputValidation.infoBorder#3994bc
- inputValidation.infoForeground#bfbfbf
- inputValidation.warningBackground#352a05
- inputValidation.warningBorder#b89500
- inputValidation.warningForeground#bfbfbf
- keybindingLabel.foreground#cccccc
- list.activeSelectionBackground#ffffff22
- list.activeSelectionForeground#ededed
- list.activeSelectionIconForeground#fff
- list.dropBackground#3994bc1a
- list.errorForeground#f48771
- list.focusBackground#ffffff22
- list.focusForeground#bfbfbf
- list.focusOutline#3994bcb3
- list.highlightForeground#48a0c7
- list.hoverBackground#ffffff14
- list.hoverForeground#bfbfbf
- list.inactiveSelectionBackground#2c2d2e
- list.inactiveSelectionForeground#ededed
- list.invalidItemForeground#444444
- list.warningForeground#e5ba7d
- menu.background#202122
- menu.border#2a2b2cff
- menu.foreground#bfbfbf
- menu.selectionBackground#3994bc26
- menu.selectionBorder#3994bc
- menu.selectionForeground#bfbfbf
- menu.separatorBackground#2a2b2c
- menubar.selectionBackground#242526
- menubar.selectionForeground#bfbfbf
- modernActivityBar.activeBackground#ffffff22
- modernActivityBar.background#00000000
- modernActivityBar.hoverBackground#ffffff11
- notificationCenter.border#2a2b2cff
- notificationCenterHeader.background#242526
- notificationCenterHeader.foreground#bfbfbf
- notificationLink.foreground#3a94bc
- notifications.background#202122
- notifications.border#2a2b2cff
- notifications.foreground#bfbfbf
- notificationsErrorIcon.foreground#f48771
- notificationsInfoIcon.foreground#3a94bc
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#2a2b2cff
- panel.background#191a1b
- panel.border#2a2b2cff
- panelInput.border#2b2b2b
- panelTitle.activeBorder#3994bc
- panelTitle.activeForeground#bfbfbf
- panelTitle.inactiveForeground#8c8c8c
- peekViewEditor.background#191a1b
- peekViewResult.background#191a1b
- peekViewResult.selectionBackground#5b5a4e
- pickerGroup.border#2a2b2cff
- pickerGroup.foreground#bfbfbf
- ports.iconRunningProcessForeground#369432
- progressBar.background#878889
- quickInput.background#202122
- quickInput.border#333536
- quickInput.foreground#bfbfbf
- quickInputList.focusBackground#297aa0
- quickInputList.focusForeground#ffffff
- quickInputList.focusHighlightForeground#ffffff
- quickInputList.focusIconForeground#ffffff
- quickInputList.hoverBackground#ffffff14
- quickInputTitle.background#202122
- scrollbar.shadow#191b1d4d
- scrollbarSlider.activeBackground#a8a9aa9c
- scrollbarSlider.background#a8a9aa85
- scrollbarSlider.hoverBackground#a8a9aa90
- settings.dropdownBackground#313131
- settings.dropdownBorder#3c3c3c
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#bb800966
- sideBar.background#191a1b
- sideBar.border#2a2b2cff
- sideBar.foreground#bfbfbf
- sideBarSectionHeader.background#191a1b
- sideBarSectionHeader.border#2a2b2cff
- sideBarSectionHeader.foreground#bfbfbf
- sideBarTitle.foreground#bfbfbf
- statusBar.background#191a1b
- statusBar.border#2a2b2cff
- statusBar.debuggingBackground#3994bc
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#3994bcb3
- statusBar.foreground#8c8c8c
- statusBar.noFolderBackground#191a1b
- statusBar.noFolderForeground#8c8c8c
- statusBarItem.activeBackground#4b4c4d
- statusBarItem.focusBorder#3994bcb3
- statusBarItem.hoverBackground#323233
- statusBarItem.hoverForeground#ffffff
- statusBarItem.prominentBackground#3994bc
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#3994bc
- statusBarItem.remoteBackground#0078d4
- statusBarItem.remoteForeground#ffffff
- surface.background#191a1b
- surface.border#2a2b2cff
- surface.foreground#bfbfbf
- tab.activeBackground#121314
- tab.activeBorder#121314
- tab.activeBorderTop#3994bc
- tab.activeForeground#bfbfbf
- tab.border#2a2b2cff
- tab.hoverBackground#121314
- tab.hoverForeground#bfbfbf
- tab.inactiveBackground#191a1b
- tab.inactiveForeground#8c8c8c
- tab.lastPinnedBorder#2a2b2cff
- tab.selectedBackground#37373d
- tab.selectedBorderTop#6caddf
- tab.selectedForeground#ffffff
- tab.unfocusedActiveBackground#121314
- tab.unfocusedActiveBorder#1f1f1f
- tab.unfocusedActiveBorderTop#2b2b2b
- tab.unfocusedActiveForeground#8c8c8c
- tab.unfocusedHoverBackground#1f1f1f
- tab.unfocusedInactiveBackground#191a1b
- tab.unfocusedInactiveForeground#444444
- terminal.ansiBlack#000000
- terminal.ansiBlue#5394ec
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#7eaef1
- terminal.ansiBrightCyan#6cdada
- terminal.ansiBrightGreen#a7ec21
- terminal.ansiBrightMagenta#ff99ff
- terminal.ansiBrightRed#ff8785
- terminal.ansiBrightWhite#f9faf4
- terminal.ansiBrightYellow#ffff00
- terminal.ansiCyan#299999
- terminal.ansiGreen#a8c023
- terminal.ansiMagenta#ae8abe
- terminal.ansiRed#ff6b68
- terminal.ansiWhite#bbbbbb
- terminal.ansiYellow#d6bf55
- terminal.background#191a1b
- terminal.foreground#bbbbbb
- textBlockQuote.background#242526
- textBlockQuote.border#2a2b2cff
- textCodeBlock.background#242526
- textLink.activeForeground#53a5ca
- textLink.foreground#48a0c7
- textPreformat.background#262626
- textPreformat.foreground#8c8c8c
- textSeparator.foreground#2a2a2aff
- titleBar.activeBackground#191a1b
- titleBar.activeForeground#8c8c8c
- titleBar.border#2a2b2cff
- titleBar.inactiveBackground#191a1b
- titleBar.inactiveForeground#8c8c8c
- toolbar.activeBackground#ffffff33
- welcomePage.progress.foreground#0078d4
- welcomePage.tileBackground#2b2b2b
- widget.border#2a2b2cff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffffff | — |
| keyword, storage, constant.language, variable.language | #ff007f | bold |
| keyword.operator, punctuation.accessor, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, punctuation.definition.strikethrough.markdown, punctuation.definition.table.markdown, punctuation.separator, punctuation.terminator | #ff007f | — |
| string, markup.inline.raw.string | #ece47e | — |
| constant.numeric, constant.character.escape | #c48cff | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class | #52e3f6 | — |
| entity.name.function, meta.function-call.generic.python, meta.function-call entity.name.type, meta.function-call entity.name.class, support.function | #a7ec21 | — |
| variable.parameter | #79abff | — |
| variable.parameter.function.language.special.self.python, variable.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.cls.python | #ff007f | bold |
| variable, meta.object-literal.key, support.type.property-name.json, support.type.property-name.json.comments, support.type.property-name.json.lines, support.variable | #cfbfad | — |
| entity.name.tag, entity.other.attribute-name.class, entity.other.attribute-name.id | #a7ec21 | — |
| markup.heading, entity.name.section | #a7ec21 | bold italic |
| markup.bold | — | bold |
| markup.italic | — | italic |
| punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, string.other.link.title.markdown, string.other.link.description.markdown | #52e3f6 | underline |
| meta.link.reference.markdown punctuation.definition.link.title.begin.markdown, meta.link.reference.markdown punctuation.definition.link.title.end.markdown, meta.link.reference.markdown string.other.link.title.markdown, constant.other.reference.link.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown | #ff007f | — |
| markup.underline.link | #79abff | underline |
| entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml | #ff007f | bold |
| punctuation.definition.tag | #cfbfad | — |
| entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml | #a7ec21 | — |
| constant.character.entity | #bed6ff | — |
| keyword.control.flow.anchor.yaml, keyword.control.flow.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #bed6ff | — |
| keyword.operator.heredoc.shell, punctuation.definition.string.heredoc.delimiter.shell | #fd971f | bold |
| invalid, invalid.deprecated | #bc3f3c | — |