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