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.

  • activityBar.background#1c1f26
  • debugIcon.breakpointCurrentStackframeForeground#BDC5E8
  • debugIcon.breakpointForeground#F03A47
  • debugIcon.continueForeground#85b1e0
  • debugIcon.disconnectForeground#F03A47
  • debugIcon.pauseForeground#85b1e0
  • debugIcon.stepIntoForeground#85b1e0
  • debugIcon.stepOutForeground#85b1e0
  • debugIcon.stepOverForeground#85b1e0
  • debugIcon.stopForeground#F03A47
  • debugToolBar.background#1F212A
  • diffEditor.insertedTextBackground#43d08a10
  • diffEditor.removedTextBackground#e052521a
  • dropdown.background#1c1f26
  • editor.background#1F212A
  • editor.findMatchBackground#4f5b66
  • editor.findMatchHighlightBackground#4f5b6699
  • editor.foldBackground#4f5b6620
  • editor.foreground#c0c5ce
  • editor.lineHighlightBackground#65737e30
  • editor.selectionBackground#343d46
  • editor.stackFrameHighlightBackground#343d46
  • editorCursor.foreground#c0c5ce
  • editorError.foreground#F03A47
  • editorGroup.dropBackground#1c1f26
  • editorGroupHeader.tabsBackground#1c1f26
  • editorGutter.addedBackground#4FFF95
  • editorGutter.modifiedBackground#4f71ff
  • editorHoverWidget.background#232830
  • editorHoverWidget.border#343d46
  • editorIndentGuide.background#3b5364
  • editorInfo.foreground#85b1e0
  • editorRuler.foreground#2D303A
  • editorWarning.foreground#eddfc0
  • editorWhitespace.foreground#65737e
  • editorWidget.background#232830
  • input.background#1c1f26
  • list.activeSelectionBackground#343d46
  • list.focusBackground#343d46
  • list.hoverBackground#1c1f26
  • list.inactiveSelectionBackground#343d46
  • notificationsErrorIcon.foreground#F03A47
  • notificationsInfoIcon.foreground#9CDCFE
  • notificationsWarningIcon.foreground#eddfc0
  • sideBar.background#1c1f26
  • sideBarSectionHeader.background#1c1f26
  • statusBar.background#1c1f26
  • statusBar.debuggingBackground#F03A47
  • statusBar.debuggingForeground#F5FAFF
  • statusBar.foreground#65737f
  • statusBar.noFolderBackground#7e7edd
  • statusBar.noFolderForeground#F5FAFF
  • tab.border#1c1f26
  • tab.inactiveBackground#1c1f26
  • tab.inactiveForeground#65737f
  • titleBar.activeBackground#1c1f26
  • titleBar.inactiveBackground#1c1f26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.brackets.curly#dddddd
comment, punctuation.definition.comment#6b6b6bitalic
keyword.control, keyword.other, keyword.operator.new, storage.modifier, storage.type#ebc800bold
keyword.operator, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical, entity.name.type.primitive, entity.name.type.numeric, storage.type.primitive#ebc800
string#73c936
constant, variable.other.constant#9e95c7
variable.language.self, variable.language.super, variable.language.this, variable.language.special.self, variable.parameter.function.language.special.self, variable.language.special.cls, variable.parameter.function.language.special.cls#73c936italic
meta.attribute, meta.macro, support.function.macro#00d5ff
entity.name.type, entity.other.inherited-class, storage.type.java, storage.type.generic.java, storage.type.object.array.java, support.type.julia#ddddddunderline
variable.other.metavariable.nameitalic
variable.other.metavariable.specifier#ebc800
entity.name.type.result, entity.name.type.option#ebc800bold
entity.name.type.lifetime#9e95c7
support.variable.magic.python, support.function.magic.python#00d5ffitalic
meta.function.decorator.python#ebc800bold
keyword.other.unit.hexadecimal#9e95c7
storage.type.built-in.primitive.c#ebc800
storage.modifier.import.java, storage.modifier.package.java#dddddd
markup.heading#ebc800bold
markup.italic#9e95c7italic
markup.bold#9e95c7bold
markup.quote#ebc800
support.type.property-name.json#ebc800
meta.tag.xml#ebc800
meta.tag.table.toml#ebc800bold
keyword.local.lua#ebc800bold
keyword.function.go#ebc800bold
variable.other.assignment.go, variable.other.declaration.go#9e95c7bold
keyword.type.go, keyword.package.go, keyword.import.go, keyword.var.go#ebc800bold
entity.name.tag.js#ebc800bold
Gruber Dark by Kanit Sharma - VS Code Theme