Skip to main content
Coding Theme

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#ececec
  • activityBar.border#d9d7d5
  • activityBar.foreground#282828
  • activityBarBadge.background#282828
  • button.background#3c93fd
  • editor.lineHighlightBackground#1073cf2d
  • editor.lineHighlightBorder#9fced11f
  • editorGroup.border#d9d7d5
  • editorGroupHeader.tabsBackground#f5f5f5
  • editorGroupHeader.tabsBorder#d9d7d5
  • editorLineNumber.activeF/Users/Alex/Desktop/rea-toy-robot-coding-challenge/tests/test_commands.pyoreground#282828
  • editorLineNumber.foreground#a6a6a6
  • editorWidget.background#f5f5f5
  • editorWidget.border#d9d7d5
  • editorWidget.resizeBorder#d9d7d5
  • focusBorder#82adf3
  • foreground#282828
  • input.border#d9d7d5
  • input.placeholderForeground#c7c6c5
  • list.activeSelectionBackground#3c93fd
  • list.focusBackground#3c93fd
  • list.focusForeground#ffffff
  • list.highlightForeground#242424
  • list.inactiveSelectionBackground#cecece
  • notificationCenter.border#d9d7d5
  • notifications.border#d9d7d5
  • panel.border#d9d7d5
  • panelTitle.activeForeground#282828
  • panelTitle.inactiveForeground#242424
  • scrollbar.shadow#ffffff00
  • selection.background#b3d7ff
  • sideBar.background#f5f5f5
  • sideBar.border#d9d7d5
  • sideBarSectionHeader.background#f5f5f5
  • sideBarSectionHeader.foreground#282828
  • sideBarTitle.foreground#282828
  • statusBar.background#ececec
  • statusBar.border#d9d7d5
  • statusBar.debuggingBackground#ececec
  • statusBar.foreground#565456
  • statusBar.noFolderBackground#ececec
  • tab.activeBorder#ffffff
  • tab.border#d9d7d5
  • tab.inactiveBackground#f5f5f5
  • tab.inactiveForeground#242424
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#272ad8
  • terminal.ansiBrightBlack#000000
  • terminal.ansiBrightBlue#272ad8
  • terminal.ansiBrightCyan#3f6e74
  • terminal.ansiBrightGreen#007400
  • terminal.ansiBrightMagenta#aa0d91
  • terminal.ansiBrightRed#c41a16
  • terminal.ansiBrightYellow#643820
  • terminal.ansiCyan#3f6e74
  • terminal.ansiGreen#007400
  • terminal.ansiMagenta#aa0d91
  • terminal.ansiRed#c41a16
  • terminal.ansiYellow#643820
  • terminal.background#191919
  • terminal.foreground#eeeeee
  • widget.shadow#ffffff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
new.expr entity.name#713DA9
storage.type.built-in.primitive#9B2393
comment, comment storage.type, string.quoted.docstring.multi.python#267507
storage.type.class.doxygen#267507bold
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, support.function.calc.css, support.function.calc.scss, support.type.property-name.css, support.type.property-name.scss, support.type.vendored.property-name.css, support.type.vendored.property-name.scss, meta.property-value.css support.constant, meta.property-value.scss support.constant, meta.property-value.css support.constant.property-value, meta.property-value.scss support.constant.property-value, support.function.transform.css, support.function.transform.scss#AA0D91
entity.name.function.decorator, meta.decorator, meta.function.decorator, meta.decorator punctuation.decorator, meta.decorator variable.other.readwrite, meta.decorator meta.function-call entity.name.function#643820
meta.tag.sgml.html#A6A6A6
support.function, entity.name.function#0F68A0
meta.property-list meta.property-name, support.type.property-name, support.type.map.key, entity.name.tag.yaml#4B22B0
keyword.control, keyword.declaration, keyword.expressions-and-types, keyword.operator.new, keyword.reserved, keyword.statement, keyword.operator.logical, storage.type, storage.modifier, variable.language.super, variable.language.this, variable.language.special.self, text.html entity.name.tag, meta.tag entity.name.tag, meta.tag support.class, string.regexp keyword.other#9B2393
constant.language#6C36A9
constant.language.nil#9B2393bold
storage.type.function.arrow, meta.template.expression punctuation, punctuation.separator.key-value, meta.object-literal.key meta.brace.square, meta.template.expression keyword.operator, keyword.operator.or.regexp, keyword.operator.quantifier, punctuation.definition.group.regexp, punctuation.definition.character-class#444444
meta.tag entity.other.attribute-name, constant.character.escape.backslash#816927
constant.numeric, keyword.other.unit, constant.other.color, keyword.interpolation#272AD8
variable.parameter#000000
string.quoted.single#1C00CF
string.quoted.double, string.quoted.single.python, variable.parameter.url.scss, markup.heading.markdown, beginning.punctuation.definition.list.markdown, meta.template.expression meta.embedded punctuation.definition.string.begin, meta.template.expression meta.embedded punctuation.definition.string.end, string.regexp.interpolated#D12F1B
constant.language.symbol#666666
keyword.other#9B2393
meta.preprocessor keyword.control#643820
punctuation.definition.comment, punctuation.definition.comment.documentation, string.quoted.docstring punctuation.definition.string.begin.python, string.quoted.docstring punctuation.definition.string.end.python#C3D6B9
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end#D12F1Bbold
meta.embedded.line#333333
punctuation.section.regexpbold
entity.name.type#0B4F79
meta.return.type, support.type.primitive, support.type.python, support.class#713DA9
entity.name.class, meta.indexed-name#1C464A
meta.objectliteral variable.other.object, entity.name.type.module, entity.other.inherited-class, variable.scss, variable.other.bracket.shell, entity.name.function#326D74
keyword.control.at-rule, meta.import variable.other.readwrite, meta.definition.variable variable.other.readwrite, meta.definition.variable variable.other.constant, meta.template.expression variable.other.readwrite, meta.template.expression variable.other.constant, support.constant.property-value#000000
variable.other.property, variable.other.object.property, support.variable.property, variable.other.readwrite.instance#6C36A9
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080
Xcode Classic Light by alexcu - VS Code Theme