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.

  • badge.background#d09d10c6
  • breadcrumb.background#18678248
  • editor.background#454545
  • editor.findMatchHighlightBackground#ff550050
  • editor.findMatchHighlightBorder#ffd500
  • editor.findRangeHighlightBackground#ffe24e30
  • editor.foldBackground#1ac21435
  • editor.foldPlaceholderForeground#f5e504d8
  • editor.foreground#B1D9A0
  • editor.hoverHighlightBackground#7d318e6e
  • editor.lineHighlightBackground#0f1c2251
  • editor.lineHighlightBorder#5a889800
  • editor.selectionBackground#1b2825e0
  • editor.selectionHighlightBorder#2bffdcca
  • editor.wordHighlightBackground#003b0830
  • editor.wordHighlightBorder#00ff22ca
  • editor.wordHighlightStrongBackground#00283b30
  • editor.wordHighlightStrongBorder#00aeffca
  • editor.wordHighlightTextBackground#273a3630
  • editor.wordHighlightTextBorder#fefefeca
  • editorCursor.foreground#f8f8f0
  • editorError.foreground#ff0000
  • editorHint.foreground#00d7fda1
  • editorIndentGuide.activeBackground1#d7d9bf89
  • editorIndentGuide.background1#d7d9bf48
  • editorOverviewRuler.errorForeground#ff0000
  • editorOverviewRuler.findMatchForeground#ffff00d0
  • editorOverviewRuler.selectionHighlightForeground#00ffaad1
  • editorOverviewRuler.warningForeground#ffa02b
  • editorOverviewRuler.wordHighlightForeground#c4ffcc90
  • editorOverviewRuler.wordHighlightStrongForeground#c4ecff90
  • editorOverviewRuler.wordHighlightTextForeground#fefefe90
  • editorUnnecessaryCode.opacity#00000060
  • editorWarning.foreground#ffa02b
  • editorWhitespace.foreground#d7d9bf48
  • foreground#f2ebeb
  • scrollbarSlider.activeBackground#72d42b96
  • scrollbarSlider.background#88888855
  • scrollbarSlider.hoverBackground#88888888
  • tree.inactiveIndentGuidesStroke#ffffff53
  • tree.indentGuidesStroke#f6e312ae

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#FF6666
string.quoted source, string.quoted.double.block.python#D2C200
constant.character, constant.other#B281FF
variable, support.other.variable
storage#F9266B
storage.type#CCA000 bold
variable.parameter#CCA000
entity.name.tag#F3736E
entity.name.role#6eacf3italic
entity.other.attribute-name#DEDB72
support.function#00C5CC
support.constant#66D4EF
support.class#00C5CC
string constant#00FF00
keyword#E5B200
keyword.other, keyword.control.flow, keyword.control.import, storage.type.string#E5B200bold
constant.numeric#F971BB
source.json.comments, keyword.operator, keyword.operator.unpacking.parameter, keyword.operator.unpacking.arguments, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic, keyword.operator.bitwise, punctuation.separator.period, punctuation.separator.dict, punctuation.separator.continuation.line, punctuation.separator.colon, punctuation.separator.inheritance, punctuation.definition.comment, punctuation.separator.parameters, punctuation.separator.element, punctuation.separator.arguments, punctuation.section.function.begin, punctuation.section.function.lambda.begin, punctuation.section.class.begin, punctuation.section.string-constant.begin, punctuation.section.string-constant.end, meta.function.parameters.python, constant.other.ellipsis#FFFFFF
comment.line#FF6666italic
meta.typehint.comment#FFCB7C
support.type#9BF6FFunderline
support.type.property-name#97C5CCitalic
storage.type.class#FABD2Fbold
entity.name.class, entity.name.type.class, punctuation.separator.annotation.result, punctuation.separator.continuation.line#FFFFFFbold
entity.other.inherited-class#EAA18Abold
variable.parameter.class#FFFFFF
storage.type.function#FABD2Fbold
punctuation.definition.decorator#F9ECCCitalic
entity.name.function, keyword.codetag.notation#FFFFFFunderline
support.function.magic#48CBF7italic underline
variable.parameter.function.language.special.self#BE79C7italic underline
variable.parameter.function.language.special.cls#BE79C7italic underline
variable.parameter.function.language#3EC978italic
punctuation.separator.annotation, meta.item-access.arguments#FFFFFFitalic
meta.function-call.generic#EBDBB2underline
variable.parameter.function-call#669DD1italic
meta.function-call.arguments, meta.fstring#EBDBB2
meta.item-access#D19A66
support.variable#EE864Bitalic
support.function.builtin#00CCCCitalic underline
support.type.exception#83CFD6italic underline
constant.language#00CCCC
keyword.operator.logical, storage.type.format#E5B200italic
constant.numeric.float#F971BBitalic
constant.numeric.dec#F971BB
variable.language.special.self#BE79C7italic
variable.language.special.cls#BE79C7underline
variable.legacy.builtin#CF8025F1italic
constant.other.caps#B396E0
punctuation.definition.string.begin, punctuation.definition.string.end#15E06D
string#F3B56E
string.quoted.single#F2E80E
string.quoted.docstring.multi#FFFFFFC8
string.other.interpreted#F3B56Eitalic
string.quoted.docstring.raw.multi, string.regexp.quoted.single#57C262
constant.character.escape#73FF81underline
keyword.operator.disjunction.regexp, support.other.match.end.regexp, support.other.match.begin.regexp#FFFFFF
constant.character.escape.regexp#73FF81underline
entity.name.tag.backreference.regexp, support.other.parenthesis.regexp, keyword.operator.lookahead.regexp, keyword.operator.lookahead.negative.regexp, keyword.operator.lookbehind.regexp, keyword.operator.lookbehind.negative.regexp#FF7D52italic
support.other.escape.special.regexp#FFED23underline
keyword.operator.quantifier.regexp#BE79C7bold
support.other.match.any.regexp#FFFFFFbold
constant.character.set.regexp#F2E80Eitalic
keyword.operator.negation.regexp#87C91D
entity.name.tag.named.group.regexp#C74040italic
punctuation.parenthesis.non-capturing.begin.regexp, punctuation.parenthesis.non-capturing.end.regexp#0DDE9Citalic
invalid#00CCB4italic underline
invalid.deprecated#5685EC
invalid.illegal#00CC14
rainbow1#FFADAD
keyword.rainbow2#FFD6A5underline
entity.name.function.rainbow3#FDFFB6
comment.rainbow4#CAFFBF
string.rainbow5#9BF6FFunderline
variable.parameter.rainbow6#A0C4FF
constant.numeric.rainbow7#BDB2FF
entity.name.type.rainbow8#FFC6FFunderline
markup.bold.rainbow9#FFFFFF
invalid.rainbow10#FF6361
variable.other.bibtex#FBF2C4
meta.string-constant.parenthesis#E5C185
support.function.key.bibtex#3EC978italic
punctuation.separator.key-value.bibtex, meta.include.latex, meta.function.environment.general.latex, punctuation.math.operator.tex#FFFFFF
keyword.control.preamble.latex, markup.bold.textbf.latexbold
variable.parameter.function.latex#EBDBB2
support.class.latex#9BF6FFunderline
support.function.general.texunderline
punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex, entity.name.type.entry-key.bibtex#FFFFFFunderline
constant.character.math.tex#D19A66italic
variable.parameter.definition.label.latex#FF7D52underline
meta.data.environment.tabular.latex#B1D9A0
entity.name.section.latex#FFFFFFbold
support.class.math.block.tex#3EC978
markup.italic.textit.latexitalic
punctuation.definition.heading.markdown#FFFFFFbold
heading.1.markdown#FBF2C4bold underline
heading.2.markdown#FBF2C4bold
heading.3.markdown#FBF2C4
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Neon Shibuya Theme by tinchen777 - VS Code Theme