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#002933
  • activityBar.foreground#fff1ce
  • badge.background#002933
  • editor.background#002933
  • editor.foreground#fff1ce
  • editor.lineHighlightBackground#001e25
  • editor.selectionBackground#00ccff52
  • editorCursor.foreground#b9b9b9
  • editorGroupHeader.tabsBackground#001e25
  • editorLineNumber.foreground#999999
  • editorWhitespace.foreground#525252
  • menu.background#002933
  • panel.background#001e25
  • panelTitle.activeForeground#fff1ce
  • sideBar.background#001e25
  • sideBar.foreground#fff1ce
  • sideBarSectionHeader.background#002933
  • sideBarSectionHeader.foreground#fff1ce
  • statusBar.background#002933
  • statusBar.noFolderBackground#444444
  • tab.activeBackground#002933
  • tab.activeForeground#fff1ce
  • tab.inactiveBackground#001e25
  • terminal.background#001e25
  • terminal.foreground#fff1ce
  • titleBar.activeBackground#002933
  • titleBar.inactiveBackground#002933

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.parameter.function#B9B9B9
comment, punctuation.definition.comment#525252
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#B9B9B9
none#B9B9B9
keyword.operator#B9B9B9
keyword#747474
variable#7C7C7C
entity.name.function, meta.require, support.function.any-method#686868
support.class, entity.name.class, entity.name.type.class#A0A0A0
meta.class#F7F7F7
keyword.other.special-method#686868
storage#747474
support.function#868686
string, constant.other.symbol, entity.other.inherited-class#8E8E8E
constant.numeric#999999
none#999999
none#999999
constant#999999
entity.name.tag#7C7C7C
entity.other.attribute-name#999999
entity.other.attribute-name.id, punctuation.definition.entity#686868
meta.selector#747474
none#999999
keyword.other.unit#999999
markup.bold, punctuation.definition.bold#A0A0A0bold
markup.italic, punctuation.definition.italic#747474italic
markup.raw.inline#8E8E8E
string.other.link, punctuation.definition.string.end.markdown#7C7C7C
meta.link#999999
markup.list#7C7C7C
markup.quote#999999
meta.separator#B9B9B9
markup.inserted#8E8E8E
markup.deleted#7C7C7C
markup.changed#747474
constant.other.color#868686
string.regexp#868686
constant.character.escape#868686
punctuation.section.embedded, variable.interpolation#747474
invalid.illegal#F7F7F7
invalid.broken#101010
invalid.deprecated#F7F7F7
invalid.unimplemented#F7F7F7
comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment#1FFD57
constant, constant.language, constant.character, constant.character.escape, constant.numeric, constant.numeric.float, constant.numeric.hex, constant.numeric.integer, constant.numeric.octal, constant.other, constant.regexp, constant.rgb-value, constant.boolean, keyword.other.unit#FDC8FF
entity, entity.name, entity.name.class, entity.name.function, entity.name.method, entity.name.section, entity.name.selector, entity.name.tag, entity.name.type, entity.name.type.class, entity.other, entity.other.attribute-name, entity.other.inherited-class, support, support.class, support.constant, support.function, support.other, support.type, support.type.property-name, support.variable, variable, variable.language, variable.name, variable.other, variable.other.readwrite, variable.parameter, invalid, invalid.deprecated, invalid.illegal, meta, meta.block, meta.cast, meta.class, meta.function, meta.function-call, meta.preprocessor, meta.return-type, meta.selector, meta.tag, meta.type, meta.type.annotation, punctuation.definition.array, punctuation.definition.parameters, punctuation.definition.heading#FFF1CE
keyword, keyword.control, keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, keyword.operator.new, keyword.other#DBFBFF
storage, storage.modifier, storage.type#C2FFD8
string, string.interpolated, string.other, string.quoted, string.quoted.double, string.quoted.other, string.quoted.single, string.quoted.triple, string.regexp, string.unquoted, punctuation.definition.string#FF7070
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
comment, comment.block, comment.block.documentation, comment.line, punctuation.definition.comment#1FFD57
constant, constant.language, constant.character, constant.character.escape, constant.numeric, constant.numeric.float, constant.numeric.hex, constant.numeric.integer, constant.numeric.octal, constant.other, constant.regexp, constant.rgb-value, constant.boolean, keyword.other.unit#FDC8FF
entity, entity.name, entity.name.class, entity.name.function, entity.name.method, entity.name.section, entity.name.selector, entity.name.tag, entity.name.type, entity.name.type.class, entity.other, entity.other.attribute-name, entity.other.inherited-class, support, support.class, support.constant, support.function, support.function.any-method, support.other, support.type, support.type.property-name, support.variable, variable, variable.language, variable.name, variable.other, variable.other.readwrite, variable.parameter, invalid, invalid.deprecated, invalid.illegal, meta, meta.block, meta.cast, meta.class, meta.function, meta.function-call, meta.preprocessor, meta.return-type, meta.selector, meta.tag, meta.type, meta.type.annotation, punctuation.definition.array, punctuation.definition.parameters#FFF1CE
keyword, keyword.control, keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, keyword.operator.new, keyword.other#DBFBFF
storage, storage.modifier, storage.type#C2FFD8
string, string.interpolated, string.other, string.quoted, string.quoted.double, string.quoted.other, string.quoted.single, string.quoted.triple, string.regexp, string.unquoted, punctuation.definition.string#FF7070
Oblong by stwupton - VS Code Theme