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.activeBorder#e95420
  • activityBar.activeFocusBorder#e95420
  • activityBar.background#333333
  • activityBar.border#232323
  • activityBarBadge.background#e95420
  • diffEditor.insertedTextBackground#194119
  • editor.background#333333
  • editor.foreground#eeffff
  • editor.hoverHighlightBackground#94407f90
  • editor.lineHighlightBackground#333333
  • editor.selectionBackground#434343
  • editor.selectionHighlightBackground#94407f75
  • editorError.foreground#c70101
  • editorGutter.addedBackground#006d0f
  • editorGutter.deletedBackground#ff0000
  • editorGutter.modifiedBackground#a76c00
  • editorHint.foreground#999999
  • editorHoverWidget.background#2f2f2f
  • editorIndentGuide.background#222222
  • editorInfo.foreground#00b7e4
  • editorLineNumber.activeForeground#eeffff
  • editorOverviewRuler.warningForeground#ff0000
  • editorRuler.foreground#222222
  • editorSuggestWidget.background#2f2f2f
  • editorSuggestWidget.highlightForeground#e95420
  • editorWarning.foreground#ff942f
  • focusBorder#565656
  • list.activeSelectionBackground#434343
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#00000060
  • scrollbarSlider.background#00000040
  • scrollbarSlider.hoverBackground#00000060
  • selection.background#f29d99
  • sideBar.background#2f2f2f
  • sideBar.border#232323
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#333333
  • statusBar.border#232323
  • statusBar.debuggingBackground#333333
  • statusBar.foreground#ccdddd
  • statusBar.noFolderBackground#333333
  • statusBarItem.hoverBackground#434343
  • tab.activeBorderTop#e95420
  • tab.activeModifiedBorder#e95420
  • tab.inactiveModifiedBorder#94407f
  • tab.unfocusedActiveBorderTop#e95420
  • tab.unfocusedActiveModifiedBorder#94407f
  • tab.unfocusedInactiveModifiedBorder#94407f
  • tree.indentGuidesStroke#3f3f3f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8ac9df
variable, variable.other, variable.parameter, variable.parameter.function, constant.other.color, support.other.variable, meta.item-access.arguments, meta.function-call.arguments#eeffff
invalid, invalid.illegal#ff0000
keyword, storage.type, storage.modifier#f2f997
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#f2f997
variable.language, keyword.control, keyword.other, keyword.other.unit#f2f997
support.function, entity.name.function, entity.name.function.rust, entity.name.module.js, entity.name.module.ts, entity.alias.import.go, variable.import.parameter.js, variable.import.parameter.ts, variable.other.class.js, variable.other.class.ts, meta.function, meta.function.python#98fb97
meta.function-call, meta.function-call.generic, meta.function-call.python, meta.function-call.js, meta.function-call.ts, variable.function, variable.function.constructor, meta.class-method.js entity.name.function.js, source.js constant.other.object.key.js string.unquoted.label.js, meta.class-method.ts entity.name.function.js, source.ts constant.other.object.key.js string.unquoted.label.js, storage.class.std.rust, meta.type_params.rust, entity.name.function.macro.rust, support.function.builtin.rust, support.function.core.rust, support.function.std.rust, support.function.log.rust#59fafd
string.regexp, constant.escape, constant.character, constant.character.escape, string constant.other.placeholder, string.other.link#ff5370
string, constant.numeric, constant.other.symbol, constant.other.key, entity.name.import.go#f29d99
entity.name, support.class, support.type.sys-types, entity.other.inherited-class#98fb97
support.type, support.constant, constant.language, entity.other.attribute-name, storage.type.boolean.go, storage.type.byte.go, storage.type.error.go, storage.type.numeric.go, storage.type.rune.go, storage.type.string.go, storage.type.uintptr.go#d49ffc
*url*, *link*, *uri*underline
source.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 support.type.property-name.json#FFCB6B
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#F78C6C
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...

DesertDawn by gistart - VS Code Theme