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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

REPAY Theme - Coding Theme