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.

  • activityBar.background#4E4E4E
  • activityBar.foreground#FDECBC
  • activityBarBadge.background#202020
  • activityBarBadge.foreground#FDECBC
  • breadcrumb.background#202020
  • breadcrumb.foreground#ACD2AC
  • button.background#202020
  • button.foreground#DCDCCC
  • descriptionForeground#979788
  • diffEditor.insertedTextBackground#3f493f
  • diffEditor.removedTextBackground#4e3c3c
  • dropdown.background#3E3E3E
  • editor.background#313131
  • editor.findMatchBackground#4E4E4E
  • editor.findMatchBorder#DDCC9C
  • editor.findMatchHighlightBackground#2D2D2D
  • editor.findMatchHighlightBorder#ddcc9cb9
  • editor.foreground#DCDCCC
  • editor.hoverHighlightBackground#202020
  • editor.lineHighlightBackground#101010
  • editor.selectionBackground#202020
  • editor.selectionHighlightBackground#4E4E4E
  • editor.wordHighlightBackground#4E4E4E
  • editor.wordHighlightStrongBackground#4E4E4E
  • editorBracketMatch.background#5E5E5E
  • editorBracketMatch.border#313131
  • editorCodeLens.foreground#70705E
  • editorCursor.background#202020
  • editorCursor.foreground#FFFFEF
  • editorError.foreground#C99090
  • editorGroup.dropBackground#0000004f
  • editorGutter.addedBackground#9CBF9C
  • editorGutter.background#383838
  • editorGutter.deletedBackground#E66666
  • editorGutter.modifiedBackground#ECBC9C
  • editorHint.foreground#DDCC9C
  • editorInfo.foreground#DDCC9C
  • editorLightBulb.foreground#FDECBC
  • editorLightBulbAutoFix.foreground#E090C7
  • editorLineNumber.foreground#ACD2AC
  • editorLink.activeForeground#DDCC9C
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.foreground#ECBC9C
  • editorWidget.background#3E3E3E
  • editorWidget.foreground#DCDCCC
  • errorForeground#C99090
  • extensionButton.prominentBackground#6C8C6C
  • extensionButton.prominentHoverBackground#536653
  • focusBorder#70705E
  • foreground#DCDCCC
  • icon.foreground#DCDCCC
  • input.border#2D2D2D
  • input.foreground#DCDCCC
  • inputValidation.errorBorder#C99090
  • list.activeSelectionBackground#202020
  • list.errorForeground#C99090
  • list.focusBackground#597D80
  • list.highlightForeground#FDECBC
  • list.hoverBackground#313131
  • list.inactiveSelectionBackground#2D2D2D
  • list.warningForeground#ECBC9C
  • merge.currentHeaderBackground#536653
  • merge.incomingHeaderBackground#436D6D
  • minimap.errorHighlight#C99090
  • minimap.findMatchHighlight#4E4E4E
  • minimap.selectionHighlight#101010
  • minimap.warningHighlight#ECBC9C
  • minimapGutter.addedBackground#9CBF9C
  • minimapGutter.deletedBackground#E66666
  • minimapGutter.modifiedBackground#ECBC9C
  • notifications.background#202020b4
  • notifications.foreground#DCDCCC
  • notificationsErrorIcon.foreground#C99090
  • notificationsWarningIcon.foreground#ECBC9C
  • peekView.border#202020
  • peekViewEditor.background#2D2D2D
  • peekViewEditor.matchHighlightBackground#5E5E5E
  • peekViewEditorGutter.background#202020
  • peekViewResult.background#383838
  • peekViewResult.fileForeground#DCDCCC
  • peekViewResult.selectionBackground#202020
  • peekViewResult.selectionForeground#DCDCCC
  • peekViewTitleDescription.foreground#ACD2AC
  • peekViewTitleLabel.foreground#FDECBC
  • problemsErrorIcon.foreground#C99090
  • problemsWarningIcon.foreground#ECBC9C
  • quickInput.background#202020
  • rust_analyzer.inlayHints.foreground#979788
  • scrollbarSlider.activeBackground#000000c5
  • scrollbarSlider.background#00000059
  • scrollbarSlider.hoverBackground#00000096
  • selection.background#202020
  • settings.headerForeground#FDECBC
  • settings.modifiedItemIndicator#FDECBC
  • sideBar.background#3E3E3E
  • sideBar.foreground#DCDCCC
  • sideBarTitle.foreground#DDCC9C
  • statusBar.background#202020
  • statusBar.debuggingBackground#202020
  • statusBar.debuggingForeground#ECBC9C
  • statusBar.foreground#ACD2AC
  • statusBar.noFolderBackground#383838
  • statusBar.noFolderForeground#DDCC9C
  • statusBarItem.hoverBackground#5e5e5e5d
  • symbolIcon.classForeground#89C5C8
  • symbolIcon.constantForeground#CCF8CC
  • symbolIcon.enumeratorForeground#9CC7FB
  • symbolIcon.enumeratorMemberForeground#ECBC9C
  • symbolIcon.fileForeground#FFFFFF
  • symbolIcon.folderForeground#DDCC9C
  • symbolIcon.functionForeground#A0EDF0
  • symbolIcon.interfaceForeground#89C5C8
  • symbolIcon.keywordForeground#FDECBC
  • symbolIcon.methodForeground#A0EDF0
  • symbolIcon.moduleForeground#B7B2BB
  • symbolIcon.namespaceForeground#B7B2BB
  • symbolIcon.numberForeground#ECBC9C
  • symbolIcon.packageForeground#B7B2BB
  • symbolIcon.stringForeground#D9A0A0
  • symbolIcon.structForeground#89C5C8
  • symbolIcon.typeParameterForeground#ECBC9C
  • symbolIcon.variableForeground#ECBC9C
  • tab.activeBackground#202020
  • tab.activeForeground#FDECBC
  • tab.hoverBackground#252525
  • terminal.ansiBlack#4E4E4E
  • terminal.ansiBlue#C5BBCC
  • terminal.ansiBrightBlack#5E5E5E
  • terminal.ansiBrightBlue#DAC0E9
  • terminal.ansiBrightCyan#A0EDF0
  • terminal.ansiBrightGreen#8CAC8C
  • terminal.ansiBrightMagenta#E090C7
  • terminal.ansiBrightRed#E66666
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FDECBC
  • terminal.ansiCyan#94cacc
  • terminal.ansiGreen#6C8C6C
  • terminal.ansiMagenta#b986a9
  • terminal.ansiRed#D9A0A0
  • terminal.ansiWhite#DCDCCC
  • terminal.ansiYellow#EDDCAC
  • terminal.background#2D2D2D
  • terminal.foreground#DCDCCC
  • terminal.selectionBackground#597d8056
  • textBlockQuote.background#3E3E3E
  • textBlockQuote.border#202020
  • textCodeBlock.background#4E4E4E
  • textLink.activeForeground#b9ad8b
  • textLink.foreground#DDCC9C
  • textPreformat.foreground#ECBC9C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#DCDCCC
meta.embedded, source.groovy.embedded#DCDCCC
comment, punctuation.definition.comment, source.ocaml meta.separator.markdown#8CAC8C
comment.line.documentation, comment.block.documentation, string.quoted.docstring.multi#ACD2AC
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d3af86
none#ff0000
keyword.operator, punctuation.separator, storage.modifier.pointer, storage.modifier.reference, punctuation.definition.function.pointer, source.ocaml support.type#EDDCAC
keyword.control.directive, meta.preprocessor#9CC7FB
keyword, keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.operator, storage.type, storage.modifier.mut, storage.modifier.const, storage.modifier.static, storage.modifier.inline, storage.modifier.specifier.const, punctuation.definition.tag, source.ocaml entity.name.filename, storage.modifier.virtual#FDECBCbold
variable.language#DDCC9Citalic
meta.member.access#C4AD9E
support.variable.magic, support.function.magic#DAC0E9
entity.name.type.mod, entity.name.type.module, entity.name.namespace, entity.name.package#B7B2BB
entity.name.scope-resolution, source.ocaml entity.name.class constant.numeric#CCF8CC
variable, meta.function-call.arguments#DCDCCC
variable.other.enummember#89C5C8
entity.name.function, meta.require, support.function.any-method, meta.function-call.generic#A0EDF0
support.class, entity.name.class, entity.name.type, storage.type.core, support.constant.core, entity.name.type, storage.type.built-in, support.type, storage.type.error, storage.type.numeric, storage.type.string#89C5C8
keyword.other.special-method#8ab1b0
storage#89C5C8
support.function, entity.name.function.macro, support.other.macro, entity.name.function.decorator#9CC7FB
string, constant.other.symbol, entity.other.inherited-class#D9A0A0
constant.numeric#CCF8CC
none#CCF8CC
none#CCF8CC
constant#CCF8CC
entity.name.tag#FDECBCbold
entity.other.attribute-name, entity.other.attribute#ECBC9C
entity.other.attribute-name.id, punctuation.definition.entity#89C5C8
meta.selector#98676a
none#f79a32
punctuation.definition.heading, markup.heading.setext#FDECBCbold
markup.headingbold
keyword.other.unit#DDCC9C
markup.bold, punctuation.definition.boldbold
markup.italic, punctuation.definition.italicitalic
markup.inline.raw, markup.fenced_code#C4AD9E
string.other.link#A0EDF0
meta.link, markup.underline.link#DAC0E9
punctuation.definition.list.begin#FDECBCbold
markup.quote#ACD2ACitalic
meta.separator#EDDCAC
markup.inserted#889b4a
markup.deleted#dc3958
markup.changed#98676a
constant.other.color#7e602c
string.regexp#C4AD9E
constant.character.escape#BEADC9bold
punctuation.section.embedded, punctuation.definition.interpolation, variable.interpolation, constant.character.format.placeholder, constant.other.placeholder, storage.type.format#E090C7italic
punctuation.section.attribute#b986a9
invalid.illegal#C99090
meta.attribute#9CC7FB
entity.name.lifetime, storage.modifier.lifetime#A97070italic
source.json meta.structure.dictionary.json support.type.property-name.json#EDDCAC
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9cd5ec
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bebaf0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
#DCDCCC
meta.embedded, source.groovy.embedded#DCDCCC
comment, punctuation.definition.comment, source.ocaml meta.separator.markdown#8CAC8C
comment.line.documentation, comment.block.documentation, string.quoted.docstring.multi#ACD2AC
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d3af86
none#ff0000
keyword.operator, punctuation.separator, storage.modifier.pointer, storage.modifier.reference, punctuation.definition.function.pointer, source.ocaml support.type#EDDCAC
keyword.control.directive, meta.preprocessor#9CC7FB
keyword, keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.operator, storage.type, storage.modifier.mut, storage.modifier.const, storage.modifier.static, storage.modifier.inline, storage.modifier.specifier.const, punctuation.definition.tag, source.ocaml entity.name.filename, storage.modifier.virtual#FDECBCbold
variable.language#DDCC9Citalic
meta.member.access#C4AD9E
support.variable.magic, support.function.magic#DAC0E9
entity.name.type.mod, entity.name.type.module, entity.name.namespace, entity.name.package#B7B2BB
entity.name.scope-resolution, source.ocaml entity.name.class constant.numeric#CCF8CC
variable, meta.function-call.arguments#DCDCCC
variable.other.enummember#89C5C8
entity.name.function, meta.require, support.function.any-method, meta.function-call.generic#A0EDF0
support.class, entity.name.class, entity.name.type, storage.type.core, support.constant.core, entity.name.type, storage.type.built-in, support.type, storage.type.error, storage.type.numeric, storage.type.string#89C5C8
keyword.other.special-method#8ab1b0
storage#89C5C8
support.function, entity.name.function.macro, support.other.macro, entity.name.function.decorator#9CC7FB
string, constant.other.symbol, entity.other.inherited-class#D9A0A0
constant.numeric#CCF8CC
none#CCF8CC
none#CCF8CC
constant#CCF8CC
entity.name.tag#FDECBCbold
entity.other.attribute-name, entity.other.attribute#ECBC9C
entity.other.attribute-name.id, punctuation.definition.entity#89C5C8
meta.selector#98676a
none#f79a32
punctuation.definition.heading, markup.heading.setext#FDECBCbold
markup.headingbold
keyword.other.unit#DDCC9C
markup.bold, punctuation.definition.boldbold
markup.italic, punctuation.definition.italicitalic
markup.inline.raw, markup.fenced_code#C4AD9E
string.other.link#A0EDF0
meta.link, markup.underline.link#DAC0E9
punctuation.definition.list.begin#FDECBCbold
markup.quote#ACD2ACitalic
meta.separator#EDDCAC
markup.inserted#889b4a
markup.deleted#dc3958
markup.changed#98676a
constant.other.color#7e602c
string.regexp#C4AD9E
constant.character.escape#BEADC9bold
punctuation.section.embedded, punctuation.definition.interpolation, variable.interpolation, constant.character.format.placeholder, constant.other.placeholder, storage.type.format#E090C7italic
punctuation.section.attribute#b986a9
invalid.illegal#C99090
meta.attribute#9CC7FB
entity.name.lifetime, storage.modifier.lifetime#A97070italic
source.json meta.structure.dictionary.json support.type.property-name.json#EDDCAC
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9cd5ec
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#bebaf0
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D

Shiki preview

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

Loading...

Higher Contrast Zenburn by Kyeongmin Cho - VS Code Theme