Skip to main content
Coding Theme

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#E254FF
  • activityBar.background#0C0A10
  • activityBar.foreground#ECE6F5
  • activityBar.inactiveForeground#A89CB899
  • activityBarBadge.background#E254FF
  • activityBarBadge.foreground#FFFFFF
  • badge.background#E254FF
  • badge.foreground#FFFFFF
  • button.background#E254FF
  • button.foreground#FFFFFF
  • button.hoverBackground#9956F6
  • dropdown.background#19161F
  • dropdown.foreground#ECE6F5
  • editor.background#121016
  • editor.findMatchBackground#E254FF55
  • editor.findMatchHighlightBackground#E254FF2A
  • editor.foreground#ECE6F5
  • editor.lineHighlightBackground#19161F
  • editor.selectionBackground#E254FF38
  • editor.selectionHighlightBackground#E254FF38
  • editor.wordHighlightBackground#E254FF22
  • editorBracketHighlight.foreground1#9956F6
  • editorBracketHighlight.foreground2#29E0A9
  • editorBracketHighlight.foreground3#5F9CFF
  • editorBracketHighlight.foreground4#FF8A3D
  • editorBracketHighlight.foreground5#FFC857
  • editorBracketHighlight.foreground6#5EEAD4
  • editorBracketHighlight.unexpectedBracket.foreground#EF4444
  • editorBracketMatch.background#E254FF33
  • editorBracketMatch.border#E254FF00
  • editorCursor.foreground#E254FF
  • editorError.foreground#EF4444
  • editorGroupHeader.tabsBackground#0C0A10
  • editorGutter.background#121016
  • editorHint.foreground#E254FF
  • editorHoverWidget.background#0C0A10
  • editorHoverWidget.border#241F2D
  • editorIndentGuide.activeBackground1#E254FF66
  • editorIndentGuide.background1#241F2D
  • editorInfo.foreground#5F9CFF
  • editorLineNumber.activeForeground#E254FF
  • editorLineNumber.foreground#A89CB866
  • editorSuggestWidget.background#0C0A10
  • editorSuggestWidget.highlightForeground#9956F6
  • editorSuggestWidget.selectedBackground#E254FF26
  • editorWarning.foreground#F59E0B
  • editorWhitespace.foreground#241F2D
  • editorWidget.background#0C0A10
  • editorWidget.border#241F2D
  • focusBorder#E254FF88
  • foreground#ECE6F5
  • gitDecoration.addedResourceForeground#29E0A9
  • gitDecoration.deletedResourceForeground#EF4444
  • gitDecoration.modifiedResourceForeground#FFC857
  • gitDecoration.untrackedResourceForeground#5EEAD4
  • input.background#19161F
  • input.border#241F2D
  • input.foreground#ECE6F5
  • inputOption.activeBorder#E254FF
  • list.activeSelectionBackground#E254FF26
  • list.activeSelectionForeground#ECE6F5
  • list.highlightForeground#9956F6
  • list.hoverBackground#19161F
  • list.inactiveSelectionBackground#19161F
  • minimap.selectionHighlight#E254FF
  • notificationCenterHeader.background#0C0A10
  • notifications.background#0C0A10
  • panel.background#0E0C12
  • panel.border#241F2D
  • panelTitle.activeBorder#E254FF
  • panelTitle.activeForeground#ECE6F5
  • peekViewEditor.background#19161F
  • progressBar.background#E254FF
  • scrollbarSlider.activeBackground#E254FF66
  • scrollbarSlider.background#A89CB822
  • scrollbarSlider.hoverBackground#A89CB844
  • selection.background#E254FF38
  • sideBar.background#0C0A10
  • sideBar.foreground#A89CB8
  • sideBarSectionHeader.background#0C0A10
  • sideBarSectionHeader.foreground#ECE6F5
  • sideBarTitle.foreground#ECE6F5
  • statusBar.background#0C0A10
  • statusBar.debuggingBackground#E254FF
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#A89CB8
  • statusBar.noFolderBackground#0C0A10
  • statusBarItem.remoteBackground#E254FF
  • statusBarItem.remoteForeground#FFFFFF
  • tab.activeBackground#121016
  • tab.activeBorder#E254FF00
  • tab.activeBorderTop#E254FF
  • tab.activeForeground#ECE6F5
  • tab.border#0C0A10
  • tab.inactiveBackground#0C0A10
  • tab.inactiveForeground#A89CB8
  • terminal.ansiBlue#5F9CFF
  • terminal.ansiBrightBlue#5F9CFF
  • terminal.ansiBrightGreen#29E0A9
  • terminal.ansiBrightMagenta#FF8A3D
  • terminal.ansiCyan#5EEAD4
  • terminal.ansiGreen#29E0A9
  • terminal.ansiMagenta#FF8A3D
  • terminal.ansiRed#EF4444
  • terminal.ansiYellow#FFC857
  • terminal.background#0E0C12
  • terminal.foreground#ECE6F5
  • terminalCursor.foreground#E254FF
  • textLink.activeForeground#E254FF
  • textLink.foreground#9956F6
  • titleBar.activeBackground#0C0A10
  • titleBar.activeForeground#ECE6F5
  • titleBar.inactiveBackground#0C0A10
  • titleBar.inactiveForeground#A89CB8
  • tree.indentGuidesStroke#241F2D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6E6280italic
string#29E0A9
string.quoted.docstring, string.quoted.multi.python#6E6280italic
constant.numeric, constant.numeric.python#FF8A3D
constant.language, constant.language.python#FF8A3D
constant.character, constant.other#FF8A3D
keyword, keyword.control, keyword.control.flow.python, keyword.control.import.python#E254FFbold
keyword.operator, keyword.operator.logical.python, keyword.operator.python#F472D0
storage, storage.type, storage.type.function.python, storage.type.class.python, storage.modifier#E254FFitalic
entity.name.function, meta.function-call.python, support.function, support.function.builtin.python#5F9CFF
entity.name.class, entity.name.type, entity.name.type.class.python, support.type, support.class#5EEAD4bold
support.type.python, meta.function.parameters.python support.type#5EEAD4
variable, variable.other, meta.variable.python#ECE6F5
variable.parameter, variable.parameter.function-call.python#D8B8F2italic
variable.language.special.self.python, variable.language.special.cls.python, variable.language#FFC857italic
meta.decorator, entity.name.function.decorator.python, punctuation.definition.decorator.python#FFC857
meta.import, keyword.control.import#E254FF
entity.name.namespace, support.module#5EEAD4
punctuation, punctuation.separator, punctuation.definition#A89CB8
meta.string.regexp, string.regexp#FFC857
meta.fstring.python, string.interpolated.python#29E0A9
constant.character.format.placeholder, meta.interpolation.python#9956F6bold
meta.typehint.python, meta.function.return-type.python#5EEAD4italic
markup.heading, entity.name.section#9956F6bold
markup.bold#ECE6F5bold
markup.italic#ECE6F5italic
markup.inline.raw, markup.fenced_code#29E0A9
support.type.property-name.json#5F9CFF
invalid, invalid.illegal#EF4444
PyTrack Themes — 5 temas para Python by Estevam Souza - VS Code Theme