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