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#0f0d0e
  • activityBar.foreground#d4af37
  • activityBarBadge.background#d4af37
  • activityBarBadge.foreground#252526
  • badge.background#d4af37
  • badge.foreground#2d1b69
  • breadcrumb.background#1e1e1e
  • breadcrumb.foreground#cccccc
  • breadcrumbPicker.background#252526
  • button.background#d4af37
  • button.foreground#2d1b69
  • button.hoverBackground#ffd700
  • dropdown.background#3c3c3c
  • dropdown.foreground#cccccc
  • editor.background#110f10
  • editor.foreground#d4d4d4
  • editorCursor.foreground#d4af37
  • editorGroup.border#444444
  • editorGroupHeader.tabsBackground#0f0d0e
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#d4af37
  • editorLineNumber.foreground#858585
  • editorWidget.background#252526
  • input.background#3c3c3c
  • input.foreground#cccccc
  • list.activeSelectionBackground#d4af37
  • list.activeSelectionForeground#2d1b69
  • list.hoverBackground#2a2d2e
  • panel.background#110f10
  • panel.border#444444
  • sideBar.background#110f10
  • sideBar.foreground#d4af37
  • sideBarSectionHeader.background#2d2d30
  • sideBarSectionHeader.foreground#ffd700
  • statusBar.background#252526
  • statusBar.foreground#d4af37
  • tab.activeBackground#110f10
  • tab.activeBorder#d4af37
  • tab.activeForeground#d4af37
  • tab.border#2d2d30
  • tab.inactiveBackground#0f0d0e
  • tab.inactiveForeground#969696
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#ff8c42
  • terminal.ansiBrightBlue#ffa500
  • terminal.ansiBrightCyan#ffd700
  • terminal.ansiBrightGreen#90ee90
  • terminal.ansiBrightMagenta#ff69b4
  • terminal.ansiBrightRed#ff6347
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff00
  • terminal.ansiCyan#ffcc66
  • terminal.ansiGreen#98fb98
  • terminal.ansiMagenta#dda0dd
  • terminal.ansiRed#ff6b47
  • terminal.ansiWhite#d4d4d4
  • terminal.ansiYellow#ffd700
  • titleBar.activeBackground#0f0d0e
  • titleBar.activeForeground#d4af37

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9d7cd8italic
constant, entity.name.constant, variable.other.constant, variable.language, constant.character.entity#8cc8ff
entity, entity.name#00d2d3
variable.parameter.function#d4d4d4
entity.name.tag#ff4757
keyword#ffcc02bold
storage, storage.type#ffcc02bold
storage.modifier.package, storage.modifier.import, storage.type.java#d4d4d4
string, punctuation.definition.string, string punctuation.section.embedded source#00bfff
support#ffa502
meta.property-name#ffa502
variable#ff6b6b
variable.other#ff6b6b
invalid.broken#ff4500italic
invalid.deprecated#ff4500italic
invalid.illegal#ff0000italic
invalid.unimplemented#ff4500italic
carriage-returnitalic underline
message.error#ff0000
string source#d4d4d4
string variable#ffcc66
source.regexp, string.regexp#ff8c42
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#ffd700
string.regexp constant.character.escape#ff7f7fbold
support.constant#ff7f7f
support.variable#ff8c42
meta.module-reference#ff8c42
punctuation.definition.list.begin.markdown#ffa500
markup.heading, markup.heading entity.name#ff6347bold
markup.quote#ff7f7f
markup.italic#d4d4d4italic
markup.bold#d4d4d4bold
markup.raw#ff8c42
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#ff0000
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#90ee90
markup.changed, punctuation.definition.changed#ffd700
markup.ignored, markup.untracked#2f363d
meta.diff.range#ff8c42bold
meta.diff.header#ff8c42
meta.separator#ff8c42bold
meta.output#ff8c42
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote#858585
brackethighlighter.unmatched#ff0000
constant.other.reference.link, string.other.link#ffd700underline
keyword.control.sas, keyword.other.sas#ff6b47bold
entity.name.function.sas, support.function.sas#ffa500
string.quoted.single.sas, string.quoted.double.sas#ffd700
variable.other.sas, entity.name.variable.sas#ffcc66
comment.line.sas, comment.block.sas#9d7cd8italic
Arete Theme by PlatoArete - VS Code Theme