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#626262
  • editor.background#5A5A5A
  • editor.foreground#F5F5F5
  • editor.lineHighlightBackground#606060
  • editor.selectionBackground#767676
  • list.activeSelectionBackground#767676
  • list.hoverBackground#656565
  • sideBar.background#5D5D5D
  • statusBar.background#626262
  • tab.activeBackground#4169E1
  • tab.activeBorder#00BFFF
  • tab.activeForeground#FFFFFF
  • tab.hoverBackground#5A82E2
  • tab.inactiveBackground#4D4D4D
  • tab.inactiveForeground#BBBBBB
  • tab.unfocusedActiveBackground#5A6B9F
  • tab.unfocusedActiveBorder#87CEEB
  • titleBar.activeBackground#626262

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#BEBEBE
variable, variable.other, variable.parameter, variable.other.readwrite, meta.definition.variable, meta.function-call.arguments#FFFFFF
string, string.quoted.single#90EE90
constant.character.escape, constant.character.format#FFA07A
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new#FFD700
entity.name.function, support.function#DA70D6
variable.other.property.python, meta.function-call.python, meta.function-call.generic.python, meta.function-call.python support.function.builtin.python, meta.function-call.python support.module.python#FFA500
entity.name.type.class, entity.name.class, support.class, entity.other.inherited-class#FF69B4
constant.language, support.constant, support.variable.magic, variable.language#00FFFF
constant.numeric#1E90FF
keyword.operator, punctuation.separator, punctuation.terminator#FF00FF
constant.other, variable.other.constant#F5F5F5
support.function, support.class, support.type#00FFFF
entity.name.decorator, meta.decorator, punctuation.decorator#87CEFA
keyword.control.import, keyword.control.export#DDA0DD
meta.fstring.python, constant.character.format.placeholder#FFA500
support.type.python, storage.type.annotation#98FB98
support.module.python#00FFFF
meta.member.access.python#DA70D6
Light Gray Sky Theme by Pradeep Kumar 2053 - VS Code Theme