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#01141e
  • activityBarBadge.background#81BD41
  • badge.background#81BD41
  • button.background#81BD41
  • button.hoverBackground#b8d875
  • debugToolBar.background#364b5d
  • editor.background#012638
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#364b5d50
  • editor.lineHighlightBorder#364b5d20
  • editor.selectionBackground#364b5d
  • editorCursor.foreground#FFCC00
  • editorGroupHeader.tabsBackground#01141e
  • editorWidget.background#012638
  • input.background#364b5d
  • list.activeSelectionBackground#81BD41
  • list.activeSelectionForeground#ffffff
  • list.hoverBackground#364b5d
  • list.inactiveFocusBackground#01141e
  • list.inactiveSelectionBackground#b8d875
  • list.inactiveSelectionForeground#ffffff
  • notification.background#364b5d
  • notification.buttonBackground#81BD41
  • notification.buttonHoverBackground#b8d875
  • peekViewResult.background#364b5d
  • peekViewTitle.background#364b5d
  • sideBar.background#012638
  • sideBarSectionHeader.background#364b5d
  • sideBarTitle.foreground#b3bec3
  • statusBar.background#b8d875
  • tab.inactiveBackground#364b5d
  • titleBar.activeBackground#012638
  • titleBar.inactiveBackground#01141e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#c0c5ce70—
variable.parameter.function#eeffffff—
comment, punctuation.definition.comment#CDD3DE50—
text, source#CDD3DE—
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d9f5dd—
none#d9f5ddff—
keyword.operator#39ADB5—
keyword#c792eaff—
variable#ff5370—
entity.name.function, meta.require, support.function.any-method, meta.function-call, support.function, keyword.other.special-method, meta.block-level, meta.function-call.method.with-arguments variable.function#89DDFF—
support.class, entity.name.class, entity.name.type.class, variable.language.this.js#ffcb6b—
meta.class#ffffff—
keyword.other.special-method#89DDFF—
storage#c792eaff—
support.function, keyword.operator, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.function-call meta.function-call.arguments variable.parameter.function, text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown#80CBC4—
string, constant.other.symbol, entity.other.inherited-class#C3E88D—
constant.numeric#F77669—
none#F77669—
meta.function-call meta.function-call.arguments#C3E88D—
none#F77669—
constant#F77669—
entity.name.tag#ff5370ff—
entity.other.attribute-name#FFCB6B—
entity.other.attribute-name.id#FAD430—
meta.selector#c792eaff—
none#F77669—
markup.heading punctuation.definition.heading, entity.name.section#78ccf0ff
keyword.other.unit#F77669—
markup.bold, punctuation.definition.bold#ffcb6bbold
markup.italic, punctuation.definition.italic#c792eaffitalic
markup.raw.inline#f1e655—
string.other.link, punctuation.definition.string.end.markdown#ff5370—
meta.link#F77669—
markup.list#ff5370ff—
markup.quote#F77669—
meta.separator#d9f5ddff—
markup.inserted#F1E655—
markup.deleted#ff5370ff—
markup.changed#c792eaff—
constant.other.color, meta.property-value support.constant.named-color.css#FFEB95—
string.regexp#80CBC4—
constant.character.escape#F77669—
punctuation.section.embedded, variable.interpolation#d3423eff—
invalid.illegal#ffffffff—
invalid.broken#020e14ff—
invalid.deprecated#ffffffff—
invalid.unimplemented#ffffffff—
sublimelinter.annotations#7b5157ff—
sublimelinter.outline.illegal#ffffffff—
sublimelinter.underline.illegal——
sublimelinter.outline.warning#ffffffff—
sublimelinter.underline.warning——
sublimelinter.outline.violation#ffffffff—
sublimelinter.underline.violation——
sublimelinter.mark.error#ff572dff—
sublimelinter.mark.warning#ffcf1bff—
sublimelinter.gutter-mark#ffffffff—
markup.deleted.git_gutter#EC5F67—
markup.changed.git_gutter#FFCF1B—
markup.inserted.git_gutter#C3E88D—
markup.ignored.git_gutter#546E7A—
comment.line.double-slash punctuation.definition.comment, meta.structure.array comment.block.json punctuation.definition.comment#616161—
text.find-in-files entity.name.filename.find-in-files#FFEB95—
support.type.property-name#80CBC4—
meta.property-list meta.property-name#80CBC4—
source.css keyword.other.unit, source.less keyword.other.unit, source.scss keyword.other.unit, source.sass keyword.other.unit#FFEB95—
entity.other.less.mixin#7986CB—
source.less parameter.less variable.parameter.misc.css#7986CB—
source.less meta.property-value.css string.quoted.double.css comment markup.raw#C3E88D—
constant.other.color.rgb-value punctuation.definition.constant#F77669—
meta.attribute-selector string.unquoted.attribute-value#C3E88D—
meta.attribute-selector entity.other.attribute-name.attribute#F77669—
source.gulpfile.js meta.group.braces.round meta.group.braces.curly meta.group.braces.round meta.function-call.with-arguments.js variable.function.js, source.gulpfile.js meta.group.braces.round meta.group.braces.curly variable.function.js#7986CB—
meta.function-call support.type#FFEB95—
source.python meta.function-call.arguments.python#7986CB—
embedding.php entity.name.tag#DDDDDD—
source.go meta.function-call.go#DDDDDD—
REPAY Theme by REPAY - VS Code Theme