Skip to main content
CodingTheme

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.

  • activityBarBadge.background#007acc
  • debugConsole.errorForeground#850000
  • debugConsole.infoForeground#66d9ee
  • debugConsole.warningForeground#ffd000
  • debugConsoleInputIcon.foreground#d181ff
  • editor.background#1E1E1E
  • editor.foreground#B2B2B2
  • editorError.foreground#850000
  • editorWarning.foreground#ffd000
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, meta.definition.class, keyword.other.import, constant.language, storage.modifier, punctuation.separator.element.python, punctuation.separator.arguments.python#F92672
keyword.operator#F92672
string, punctuation.definition.string.begin.java, punctuation.definition.string.end.java#74E6CF
string.regexp#f7ff82
constant.character.escape#f155ff
constant.numeric#d181ff
comment#626262
storage.type.primitive.java, storage.type.primitive.array.java#8deec1
variable.other.definition.java, meta.definition.variable.java#F6F6F6
storage.modifier.import.java#F6F6F6
punctuation.terminator, punctuation.separator.period, punctuation.separator.delimiter#F92672
punctuation.definition.parameters.end.bracket.curly, punctuation.definition.parameters.end.bracket.round, punctuation.definition.parameters.begin.bracket.curly, punctuation.definition.parameters.begin.bracket.round, punctuation.bracket.square#F9FAF4
entity.name.type.class.java#ADE637
meta.method.identifier.java#ADE637
variable.other.object.java#66D9EE
variable.other.object.property.java#B2B2B2
meta.function-call.java#B2B2B2
variable.parameter.java#FE9720
storage.type.java, storage.type.object.array.java#8deec1
storage.type.annotation.java#9600db
keyword.operator.expression.typeof.js, keword.operator.new.js#F92672
storage.type.js, storage.type.function.js#8deec1italic
entity.name.function.js#ADE637
constant.language.boolean.false.js, constant.language.boolean.true.js, constant.language.null.js, constant.language.undefined.js#D181FF
variable.other.object.js, support.class.js#66D9EEitalic
support.variable.property.js#66D9EE
variable.parameter.js#FE9720
support.class.component.js#b1ffdb
meta.object-literal.key.js#972162
storage.type.built-in.primitive.cpp#66D9EEitalic
entity.name.function.definition.cpp, entity.name.scope-resolution.function.definition.cpp, entity.name.type.constructor.cpp, entity.name.definition.special.constructor.cpp#ADE637
entity.name.function.member.cpp#f39aff
entity.name.function.call.cpp#8DEEC1
variable.parameter.cpp, entity.name.type.parameter.cpp, meta.parameter.initialization.cpp#FE9720
storage.type.class.python, storage.type.function.python#F92672
entity.name.type.class.python, entity.name.function.python#ADE637
variable.parameter.function.language.special.self.python, variable.language.special.self#a266c5
variable.parameter.function.language.python#FE9720
meta.function-call.python#B2B2B2
meta.function-call.arguments.python#FE9720
meta.attribute.python#F6F6F6
support.class.dart#2b87ff
storage.type.annotion.dart#006effbold
keyword.operator.ternary.dart#F92672
source.dart#FE9720
entity.name.function.dart#ADE637
constant.numeric.dart#00f7ff
support.type.property-name#f7ff82

Shiki preview

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

Loading...

Dark Twilight by Mats Op de Beeck - VS Code Theme