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.activeBackground#3d4247
  • activityBar.background#2b2e32
  • breadcrumb.background#26292d
  • commandCenter.activeBackground#3d4247
  • commandCenter.background#2b2e32
  • editor.background#222427
  • editorGroupHeader.tabsBackground#3d4247
  • input.background#2b2e32
  • input.foreground#c5c6c9
  • menu.background#3d4247
  • menubar.selectionBackground#3d4247
  • quickInput.background#2b2e32
  • quickInput.foreground#c5c6c9
  • quickInputList.focusBackground#3d4247
  • quickInputList.focusForeground#c5c6c9
  • quickInputList.focusIconForeground#c5c6c9
  • quickInputTitle.background#3d4247
  • sideBar.background#26292d
  • sideBar.border#3d4247
  • sideBarSectionHeader.background#3d4247
  • tab.activeBackground#3d4247
  • tab.activeForeground#c5c6c9
  • tab.inactiveBackground#2b2e32
  • tab.inactiveForeground#b7b8bb
  • titleBar.activeBackground#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type.gdshader, keyword.language.classifier.gdshader, storage.modifier.gdshader, support.type.gdshader, support.type.annotation.gdshader, entity.name.function.gdshader#f58c8c
keyword.control.gdshader#e684bd
constant.numeric.float.gdshader#7ADDBE
variable.language.gdshader#afecd9
support.function.gdshader#79c5f7
variable.name.gdshader#b9b9b9
keyword.operator.gdshader#b4c2f0
variable.other.property.gdshader, entity.name.variable.field.gdshader#b4c2f0
comment.line.double-slash#5a6359
support.type.property-name.json#c9bca6
meta.structure.dictionary.value.json#acc9a6
meta.structure.dictionary.json.comments#acc9a6
comment.line.double-number-sign.gdscript#89a598
comment.keywords.warnings#b89c7a
comment.keywords.critical#c45959
comment.keywords.notices#8fab82
meta.preprocessor.region.gdscript, punctuation.definition.region.gdscript, keyword.control.directive.region.gdscript, region.line.gdscript#ad75c4
comment.line.number-sign.gdscript#6f6f6f
string.quoted.gdscript#ebde98
constant.numeric.integer.hexadecimal.gdscript#7ADDBE
keyword.operator.bitwise.gdscript, keyword.operator.arithmetic.gdscript, punctuation.parenthesis.begin.gdscript, punctuation.parenthesis.end.gdscript#AF9DDB
meta.method-global.gdscript#e9d18e
def.entity.name.type.class.gdscript#AAE2CF
meta.literal.nodepath.bare.gdscript#69c066
meta.function-global.gdscript, keyword.control.flow.gdscript#af9ddb
keyword.control.flow.gdscript#e684bd
entity.name.type.class.builtin.gdscript#4bdfb0
storage.type.function.gdscript#ff8f8f
entity.name.function-call.gdscript#49adf0
entity.name.function.gdscript#79c5f7
meta.function.parameters.gdscript, variable.other.gdscript#cdcfd2
meta.function.gdscript#41f9be
entity.name.type.class.gdscript#8FFFDB
variable.other.property.gdscript#94ddff
storage.type.var.gdscript#ff8f8f
entity.name.function.decorator.gdscript#ffc17a
variable.language.gdscript#ff8f8f
keyword.operator.comparison.gdscript, keyword.operator.boolean.gdscript, storage.type.is.gdscript#fff2ab
meta.function.gdscript, constant.numeric.integer.gdscript, constant.numeric.float.gdscript, meta.void.gdscript#7addbe
keyword.language.gdscript, keyword.control.gdscript, keyword.operator.wordlike.gdscript#ff8f8f
constant.language.words.gdscript#ff8f8f
variable.language.self.gdscript#f66d82italic