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.

  • editor.background#141D30
  • editor.foreground#9FB8EA
  • editor.lineHighlightBackground#2B3344
  • editorLineNumber.activeForeground#4565A5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.commment#beaa9aitalic
variable, string constant.other.placeholder, source#C2C4C4
storage.type, variable.other.constant, entity.name.constant#E15A60
variable.parameter#C2C4C4
storage.modifier, entity.name.type#99B2DDitalic
variable.other, variable.other.readwrite, punctuation.definition.variable#7DBCE0
variable.annotation, punctuation.definition.annotation#C2C4C4
entity.name.function, meta.function-call#C2C4C4
variable.function, entity.name.function.constructor, entity.name.function.destructor#875e8d
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character, constant.character.escape, constant.other#FAC863
keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.constant, punctuation.definition.keyword, keyword.other, meta.function.inline.other, punctuation.separator.property, punctuation.definition.entity, keyword.declaration#B8B8FF
punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.bitwise, keyword.operator.word, meta.function.block.start.handlebars, support.constant.mathematical-symbols, meta.function.inline.other#FAC863
punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace, meta.preprocessor, meta.jsx, meta.embedded.expression, meta.template.expression#FAC863
punctuation.separator.continuation, punctuation.accessor#FF0000
string.quoted, punctuation.definition.string#99C794
entity.name.namespace#685044
invalid.illegal#E60000
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#6ddaac
entity.name.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html#FFAE57
markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, entity.name.section.markdown, meta.attribute-selector#99C794
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name, support.variable.object.node, support.variable.object.process#137a7a
*url, *link, *uri*underline
Saturn Theme by Jessica Cao - VS Code Theme