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#17150F
  • activityBar.foreground#D8D0BE
  • activityBar.inactiveForeground#807968
  • dropdown.background#242119
  • dropdown.border#594328
  • dropdown.foreground#E6E0D2
  • editor.background#1D1B16
  • editor.foreground#E6E0D2
  • editor.inactiveSelectionBackground#BC4C0D1F
  • editor.selectionBackground#BC4C0D33
  • editorBracketHighlight.foreground1#9ACC7D
  • editorBracketHighlight.foreground2#BC4C0D
  • editorBracketHighlight.foreground3#C4B447
  • editorBracketHighlight.foreground4#979281
  • editorBracketHighlight.foreground5#B47A32
  • editorBracketHighlight.foreground6#778F46
  • editorBracketHighlight.unexpectedBracket.foreground#C45C49
  • editorBracketMatch.background#9ACC7D22
  • editorBracketMatch.border#9ACC7D22
  • editorCursor.foreground#9ACC7D
  • editorError.foreground#C45C49
  • editorHint.foreground#979281
  • editorIndentGuide.activeBackground1#594328
  • editorIndentGuide.background1#302D24
  • editorInfo.foreground#9ACC7D
  • editorLineNumber.activeForeground#979281
  • editorLineNumber.foreground#655F50
  • editorLink.activeForeground#FF7A00
  • editorWarning.foreground#C98A32
  • editorWhitespace.foreground#403B30
  • focusBorder#9ACC7D
  • input.background#242119
  • input.border#594328
  • input.foreground#E6E0D2
  • list.activeSelectionBackground#59432866
  • list.activeSelectionForeground#F0EADB
  • list.hoverBackground#30291F
  • panel.background#181610
  • panel.border#342F25
  • sideBar.background#1A1812
  • sideBar.foreground#CFC7B5
  • sideBarSectionHeader.background#211E17
  • sideBarSectionHeader.foreground#BDB5A3
  • statusBar.background#594328
  • statusBar.foreground#F0EADB
  • statusBar.noFolderBackground#594328
  • terminal.background#181610
  • terminal.foreground#D8D0BE
  • titleBar.activeBackground#17150F
  • titleBar.activeForeground#D8D0BE
  • titleBar.inactiveBackground#17150F
  • titleBar.inactiveForeground#777061

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.function.druim, keyword.control.return.druim#BC4C0Dbold
storage.modifier.scope.druim#A9C85Cbold
storage.modifier.immutable.druim#C4B447bold
storage.type.druim#9ACC7D
entity.name.function.druim, entity.name.function.call.druim#C98A47bold
support.function.builtin.druim#d3550dbold
variable.other.readwrite.druim, variable.other.druim#DDD5C4
string.quoted.double.druim#9ACC7D
source.druim.embedded variable.other.readwrite.druim, meta.embedded.inline.druim variable.other.readwrite.druim#5F7F4E
punctuation.section.embedded.begin.druim, punctuation.section.embedded.end.druim#BC4C0Dbold
constant.numeric.integer.druim, constant.numeric.decimal.druim#C4B447
constant.language.boolean.druim, constant.language.void.druim#B47A32bold
keyword.operator.define-empty.druim, keyword.operator.define.druim#979281
keyword.operator.copy.druim, keyword.operator.bind.druim#B49A63
keyword.operator.guard.druim#C4B447
keyword.operator.mutate.druim#BC4C0Dbold
keyword.operator.print.druim#A9C85Cbold
keyword.operator.get.druim, keyword.operator.has.druim#8DAA52
keyword.operator.logical.druim#C98A47
keyword.operator.comparison.druim#B49A63
keyword.operator.arithmetic.druim#C4B447
keyword.control.block.druim#9ACC7Dbold
keyword.control.function.delimiter.druim#BC4C0Dbold
keyword.control.loop.druim#C98A47bold
punctuation.definition.collection.box.druim#C4B447
punctuation.definition.collection.bag.druim#8DAA52
punctuation.separator.comma.druim, punctuation.terminator.statement.druim#756C58
keyword.control.program-boundary.druim#B47A32bold
comment.line.druim, comment.block.druim#6F7654italic
keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.exception#BC4C0Dbold
storage.type, storage.modifier#A9C85C
entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class#9ACC7D
entity.name.function, support.function, meta.function-call entity.name.function, variable.function#C98A47bold
variable.parameter#B49A63
variable.other, variable.other.readwrite, variable.other.constant#DDD5C4
variable.other.property, variable.other.object.property, meta.object-literal.key, support.variable.property#B49A63
string, string.quoted, string.template#9ACC7D
constant.numeric#C4B447
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined#B47A32bold
keyword.operator#C4B447
comment#6F7654italic
punctuation.separator, punctuation.terminator, punctuation.definition#756C58
entity.name.tag, meta.tag#BC4C0D
entity.other.attribute-name#C98A47
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css, meta.selector.css#BC4C0D
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less#C98A47
support.constant.property-value.css, support.constant.property-value.scss, support.constant.property-value.less#9ACC7D
support.type.property-name.json, string.json meta.structure.dictionary.json, meta.object-literal.key#C98A47
markup.heading, entity.name.section#BC4C0Dbold
markup.bold#C4B447bold
markup.italic#9ACC7Ditalic
markup.inline.raw, markup.raw.inline#B49A63