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#FFFFFF
  • editor.foreground#000000
  • editor.lineHighlightBackground#00000012
  • editor.selectionBackground#4D97FF54
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#BFBFBF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment, extract.custom.title.sql#CCCCCCitalic
custom.title.sql#CC6633
keyword, storage#052090bold
constant.numeric#0433ffbold
constant#942193bold
constant.language#942193bold
variable.language, variable.other#000000
string#1c8c20 bold
string.unquoted#928f1b
constant.character.escape, string source#128d15
meta.preprocessor#1A921C
keyword.control.import#0C450Dbold
support.type.object.console#981798
support.function.console#3c3c3citalic
entity.name.function, support.function.any-method#797979 italic
entity.name.type#ccccccitalic
entity.other.inherited-class
variable.parameter#000000
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section#000000italic
support.function#990099
support.class, support.type#929292
support.constant#990099
support.variable#CC6633
keyword.operator#09268e
keyword.operator.js#000000
invalid#FFFFFF
invalid.deprecated.trailing-whitespace#00000000
text source, string.unquoted
text source string.unquoted, text source text source
meta.tag.preprocessor.xml#68685B
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#888888
string.quoted.docinfo.doctype.DTDitalic
meta.tag, declaration.tag#1C02FF
entity.name.tagbold
entity.other.attribute-nameitalic
markup.heading#0C07FFbold
markup.quote#000000italic
markup.list#B90690
support.type.property_name#929292
variable.language.this#368494

Shiki preview

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

Loading...

Noemi - Coding Theme