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#020202
  • activityBar.foreground#fcaa05
  • activityBarBadge.background#de8150
  • activityBarBadge.foreground#FFFFFF
  • breadcrumb.activeSelectionForeground#ffa900
  • breadcrumb.focusForeground#b99468
  • breadcrumb.foreground#666666
  • button.background#de8150
  • button.foreground#FFFFFF
  • button.hoverBackground#de8150CC
  • diffEditor.insertedTextBackground#2ab34f33
  • diffEditor.removedTextBackground#db282833
  • dropdown.background#222425
  • dropdown.border#63523d
  • dropdown.foreground#b99468
  • editor.background#020202
  • editor.findMatchBackground#303040
  • editor.findMatchHighlightBackground#30304044
  • editor.foreground#b99468
  • editor.lineHighlightBackground#1E1E1E
  • editor.selectionBackground#494949
  • editor.selectionHighlightBackground#49494966
  • editorBracketMatch.background#8ffff244
  • editorBracketMatch.border#8ffff2
  • editorCursor.foreground#00EE00
  • editorError.foreground#FF0000
  • editorGroupHeader.tabsBackground#222425
  • editorGutter.addedBackground#6eb535
  • editorGutter.deletedBackground#FF0000
  • editorGutter.modifiedBackground#ffa900
  • editorInfo.foreground#2895c7
  • editorLineNumber.activeForeground#808080
  • editorLineNumber.foreground#404040
  • editorWarning.foreground#ffa900
  • focusBorder#de8150
  • gitDecoration.conflictingResourceForeground#FF44DD
  • gitDecoration.deletedResourceForeground#FF0000
  • gitDecoration.modifiedResourceForeground#ffa900
  • gitDecoration.untrackedResourceForeground#6eb535
  • input.background#222425
  • input.border#63523d
  • input.foreground#b99468
  • inputOption.activeBorder#de8150
  • list.activeSelectionBackground#63523d
  • list.highlightForeground#ffa900
  • list.hoverBackground#362e25
  • list.inactiveSelectionBackground#362e25
  • notificationCenterHeader.background#362e25
  • notifications.background#222425
  • notifications.foreground#b99468
  • panel.background#020202
  • panel.border#63523d
  • panelTitle.activeForeground#b99468
  • panelTitle.inactiveForeground#666666
  • settings.headerForeground#b99468
  • settings.modifiedItemIndicator#ffa900
  • sideBar.background#222425
  • sideBar.foreground#b99468
  • sideBarSectionHeader.background#362e25
  • statusBar.background#000000
  • statusBar.debuggingBackground#de8150
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#fcaa05
  • statusBar.noFolderBackground#000000
  • tab.activeBackground#020202
  • tab.activeForeground#b99468
  • tab.border#000000
  • tab.inactiveBackground#222425
  • tab.inactiveForeground#666666
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2895c7
  • terminal.ansiBrightBlack#404040
  • terminal.ansiBrightBlue#2895c7
  • terminal.ansiBrightCyan#00DDEE
  • terminal.ansiBrightGreen#6eb535
  • terminal.ansiBrightMagenta#FF44DD
  • terminal.ansiBrightRed#db2828
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#ffa900
  • terminal.ansiCyan#00DDEE
  • terminal.ansiGreen#2ab34f
  • terminal.ansiMagenta#FF44DD
  • terminal.ansiRed#FF0000
  • terminal.ansiWhite#666666
  • terminal.ansiYellow#ffa900
  • terminal.background#020202
  • terminal.foreground#b99468
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#fcaa05
  • titleBar.inactiveBackground#020202
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#666666
string, string.quoted, string.template, string.quoted.docstring.multi, punctuation.definition.string, string.quoted.single, constant.character, markup.inline.raw, markup.raw, string.unquoted#ffa900
constant.language.boolean, constant.language.true, constant.language.false#2895c7
constant.numeric, constant, constant.language, support.constant, constant.other#ffa900
keyword.control.import, keyword.control.include, keyword.control.from#f0c674
meta.statement.import entity.name, meta.statement.import support.type, meta.statement.import variable, entity.name.import, entity.name.package, entity.name.module, support.other.module, meta.import variable.other, meta.preprocessor.include string, meta.preprocessor.include punctuation.definition.string#dc7575
keyword, keyword.control, storage.type, storage.modifier#f0c674
meta.preprocessor, keyword.control.directive, punctuation.definition.directive#dc7575
entity.name.function#de451f
meta.function-call, meta.function-call.generic, variable, variable.other, support.variable, variable.parameter, markup.list, punctuation.definition.list_item, meta.function, meta.class, source, text#b99468
variable.parameter.function.language.special.self.python#dc7575
meta.function.decorator.python, entity.name.function.decorator.python#de451f
support.function.builtin, support.type.builtin, support.function.magic, entity.name.function.preprocessor#2895c7
entity.name.type, entity.name.type.class, entity.name.class, entity.name.struct, entity.name.enum, entity.name.interface, support.type, support.class#edb211
entity.name.tag, meta.tag#f0c674
entity.other.attribute-name, meta.attribute#dc7575
keyword.operator#bd2d2d
punctuation, meta.brace, meta.bracket, meta.delimiter#7a6b5a
invalid, invalid.illegal#FF0000underline
meta.diff, meta.diff.header#2895c7
markup.inserted, meta.diff.inserted#2ab34f
markup.deleted, meta.diff.deleted#FF0000
markup.heading, entity.name.section#f0c674bold
markup.boldbold
markup.italicitalic
markup.underline.link#2895c7
markup.quote#666666italic
invalid.deprecated#db2828strikethrough
storage#f0c674
string.regexp#bd2d2d
constant.character.escape#bd2d2d
variable.language#dc7575
keyword.other#f0c674
markup.underlineunderline
Fleury Theme by jonesnc - VS Code Theme