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#1a1a1a
  • activityBar.foreground#7d7d7d
  • activityBarBadge.background#383838
  • badge.background#383838
  • badge.foreground#c1c1c1
  • button.background#333333
  • debugIcon.breakpointCurrentStackframeForeground#79b8ff
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#ff7a84
  • debugIcon.breakpointStackframeForeground#79b8ff
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#ff7a84
  • debugIcon.disconnectForeground#ff7a84
  • debugIcon.pauseForeground#ff7a84
  • debugIcon.restartForeground#79b8ff
  • debugIcon.startForeground#79b8ff
  • debugIcon.stepBackForeground#ff7a84
  • debugIcon.stepIntoForeground#ff7a84
  • debugIcon.stepOutForeground#ff7a84
  • debugIcon.stepOverForeground#ff7a84
  • debugIcon.stopForeground#79b8ff
  • editor.background#1f1f1f
  • editor.foreground#A9B7C6
  • editor.lineHighlightBorder#303030
  • editorGroup.border#FFFFFF09
  • editorGroupHeader.noTabsBackground#151515
  • editorGroupHeader.tabsBackground#1a1a1a
  • editorGroupHeader.tabsBorder#1a1a1a
  • editorIndentGuide.activeBackground1#383838
  • editorIndentGuide.background1#2a2a2a
  • editorLineNumber.foreground#727272
  • editorRuler.foreground#2a2a2a
  • editorSuggestWidget.background#1a1a1a
  • focusBorder#FFFFFF00
  • foreground#888888
  • gitDecoration.ignoredResourceForeground#444444
  • input.background#2a2a2a
  • input.foreground#e0e0e0
  • inputOption.activeBackground#3a3a3a
  • list.activeSelectionBackground#212121
  • list.activeSelectionForeground#f5f5f5
  • list.errorForeground#7d7d7d
  • list.focusBackground#292929
  • list.highlightForeground#eaeaea
  • list.hoverBackground#262626
  • list.hoverForeground#9e9e9e
  • list.inactiveSelectionBackground#212121
  • list.inactiveSelectionForeground#f5f5f5
  • list.warningForeground#7d7d7d
  • notebook.focusedCellBorder#333333
  • notebook.focusedEditorBorder#333333
  • panelTitle.activeBorder#1f1f1f
  • panelTitle.activeForeground#fafafa
  • panelTitle.inactiveForeground#484848
  • peekView.border#444444
  • peekViewEditor.background#242424
  • pickerGroup.border#363636
  • pickerGroup.foreground#eaeaea
  • progressBar.background#fafafa
  • scrollbar.shadow#1f1f1f
  • scrollbarSlider.activeBackground#FFFFFF21
  • scrollbarSlider.background#FFFFFF09
  • scrollbarSlider.hoverBackground#FFFFFF12
  • sideBar.background#1a1a1a
  • sideBarSectionHeader.background#202020
  • statusBar.background#1a1a1a
  • statusBar.debuggingBackground#1a1a1a
  • statusBar.foreground#7e7e7e
  • statusBar.noFolderBackground#1a1a1a
  • statusBarItem.prominentBackground#fafafa1a
  • statusBarItem.remoteBackground#1a1a1a00
  • statusBarItem.remoteForeground#7e7e7e
  • symbolIcon.classForeground#ff9800
  • symbolIcon.constructorForeground#b392f0
  • symbolIcon.enumeratorForeground#ff9800
  • symbolIcon.enumeratorMemberForeground#79b8ff
  • symbolIcon.eventForeground#ff9800
  • symbolIcon.fieldForeground#79b8ff
  • symbolIcon.functionForeground#b392f0
  • symbolIcon.interfaceForeground#79b8ff
  • symbolIcon.methodForeground#b392f0
  • symbolIcon.variableForeground#79b8ff
  • tab.activeBorder#1e1e1e
  • tab.activeForeground#fafafa
  • tab.border#1a1a1a
  • tab.inactiveBackground#1a1a1a
  • tab.inactiveForeground#727272
  • terminal.ansiBrightBlack#5c5c5c
  • textLink.activeForeground#fafafa
  • textLink.foreground#cccccc
  • titleBar.activeBackground#1a1a1a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#151515

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.lua, variable.parameter.lua, entity.lua, meta, keyword.operator.lua, entity.name.class.lua, source.lua, support.type.lua#c5c5c5
entity.other.attribute.lua#7983ab
variable.language.self.lua, meta.function.lua entity.name.class.lua#d1be5f
entity.name.class.luabold
meta.function.lua meta.parameter.lua variable.parameter.function.luabold
constant.numeric.lua, constant.language.lua#75a1c9
string.lua, string.quoted.double.lua, string.quoted.single.lua, punctuation.definition.string.begin.lua, punctuation.definition.string.end.lua, string.quoted.other.multiline.lua#729369
support.lua, support.function.lua, entity.name.function.lua, support.function.any-method.lua, support.function.library.lua#9073b6
meta.function.lua#9073b6bold
entity.name.function.luabold
meta.parameter.lua
comment.lua, comment.line.double-dash.lua, comment.line.double-dash.documentation.lua#5f5f5fitalic
punctuation.definition.comment.lua#5f5f5f
storage.type.annotation.lua#5f5f5fbold
entity.name.variable.lua, support.class.lua, comment.line.double-dash.documentation.lua support.type.lua, comment.line.double-dash.documentation.lua keyword.operator.lua, comment.line.double-dash.documentation.lua string.quoted.double.lua, comment.line.double-dash.documentation.lua string.quoted.single.lua, comment.line.double-dash.documentation.lua punctuation.definition.string.begin.lua, comment.line.double-dash.documentation.lua punctuation.definition.string.end.lua#5f5f5f
keyword.local.lua#ac7070
meta.function.lua keyword.local.lua#ac7070italic
keyword.control.lua#cd844f
comment.line.double-slash.js#5f5f5f
string.quoted.double.json#6A8759
meta.object-literal.key.json, meta.structure.dictionary.key.json, meta.structure.dictionary support.type.property-name.json, support.type.property-name.json#9876AA
constant.language.json, punctuation.separator.array.json, punctuation.separator.dictionary.key-value.json#CC7832
Lua Eclipse Theme by Emil Rühmland - VS Code Theme