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.

  • editor.background#000000
  • editor.foreground#accecb
  • editor.lineHighlightBackground#1b191b
  • editor.selectionBackground#3e4e55
  • editorCursor.foreground#a1e4f2
  • editorWhitespace.foreground#2d3a3c
  • sideBar.background#1b191b
  • statusBar.background#3f5459
  • statusBar.noFolderBackground#ff815c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#accecbff
comment#6f7475bold
string#bdfced
string.quoted.double.include#c1dcf4bold
constant.numeric#a2a275bold
constant.language#B1B165bold
constant.character, constant.other#ffe27a
variable#fefedb
variable.language#accecb
keyword#d1dbaf
keyword.control#9dfad0bold
keyword.control.directive.conditional#9dfad0bold
keyword.control.directive.include#9dfad0bold
keyword.operator#00ffffbold
meta.function#7addc6italic
storage#C6D29B
storage.type#7ab5dditalic
meta.block#d1dbaf
punctuation.terminator.statement#7addc6
source#d1dbaf
punctuation.section.block.begin.bracket.curly, punctuation.section.block.end.bracket.curly#00ffffbold
punctuation.definition.begin.bracket.square, punctuation.definition.end.bracket.square#00ffffbold
punctuation.section.parens.begin.bracket.round, punctuation.section.parens.end.bracket.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.section.parameters.begin.bracket.round, punctuation.section.parameters.end.bracket.round, punctuation.section.arguments.begin.bracket.round, punctuation.section.arguments.end.bracket.round#00ffffbold
entity.name.class, entity.name.type#48bfb5bold
entity.other.inherited-class#9ea485
entity.name.function.preprocessor#78cfdebold
entity.name.function#78cfdeitalic , bold
meta.function#7addc6italic
meta.function-call#7addc6italic
variable.parameter#59c1ffitalic, bold
entity.name.tag#225588
entity.other.attribute-name#7addc6
support.function#78cfde
support.constant#9966b8
support.type, support.class#78cfdeitalic
invalid#F8F8F0
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#22aa44
markup.bold, markup.italic#22aa44
markup.inline.raw#78cfde
markup.heading.setext#ddbb88
variable.parameter.function.ruby#5ec1ffitalic, bold
support.function.core.ruby#fefedb
support.class.ruby#48bfb5bold
entity.name.function.ruby#78cfdeitalic, bold
keyword.other.special-method.ruby#78cfdeitalic, bold
variable.other.ruby#d1dbaf
punctuation.definition.parameters.ruby,punctuation.section.function.ruby, punctuation.definition.character-class.ruby, punctuation.definition.string.ruby#00ffffbold
storage.type.cs#7ab5dditalic,bold
entity.name.tag.localname.cs#c2c2a3
punctuation.definition.tag.cs#00ffffbold
entity.name.function.cs,keyword.other.class.cs#00C6FFitalic , bold
punctuation.parenthesis.close.cs, punctuation.parenthesis.open.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, punctuation.accessor.cs#00ffffbold
storage.modifier#00ffffitalic
storage.type.cs#a493dditalic
keyword.type.cs,keyword.other.new.cs#9dfad0bold
keyword.other.is.cs,keyword.other.as.cs#16F390bold
variable.other.object.property.cs#0080A3bold
variable.other.object.cs#78cfdebold
variable.other.readwrite.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, entity.name.variable.property.cs#ADEDFFbold
string.quoted.double.cs#E4D395bold
constant.numeric.decimal.cs#FDF3EDbold
constant.character.escape.cs#997A66bold
entity.name.variable.parameter.cs#ADEDFFbold
keyword.control.loop.for.cs,keyword.control.conditional.else.cs,keyword.control.conditional.if.cs#16F390bold
punctuation.curlybrace.open.cs,punctuation.curlybrace.close.cs#FFFFFFbold
entity.name.tag.localname.xml#d1dbafbold
text.xml#00ffffbold
string.quoted.double.xml#7ab5ddbold

Shiki preview

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

Loading...

Dark Programmer by Nolan Bradshaw - VS Code Theme