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.

  • activityBarBadge.background#007acc
  • editor.background#181818
  • editor.findMatchBackground#00cc44a8
  • editor.findMatchHighlightBackground#3b3b3b83
  • editor.foreground#b9b9b9
  • editor.inactiveSelectionBackground#103c4883
  • editor.lineHighlightBackground#222222
  • editor.selectionBackground#184956
  • editor.selectionHighlightBackground#b9b9b983
  • editorBracketHighlight.foreground1#fa5750
  • editorBracketHighlight.foreground2#ed8649
  • editorBracketHighlight.foreground3#dbb32d
  • editorBracketHighlight.foreground4#75b938
  • editorBracketHighlight.foreground5#41c7b9
  • editorBracketHighlight.foreground6#af88eb
  • editorBracketHighlight.unexpectedBracket.foreground#ff0000
  • editorBracketMatch.background#249024
  • editorCursor.foreground#dedede
  • editorIndentGuide.background1#404040
  • editorLineNumber.activeForeground#888888
  • editorLineNumber.foreground#404040
  • list.dropBackground#383b3d
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source#dedede
meta.function.definition.elixir keyword.control#3b3b3b
storage.type#3b3b3bitalic
keyword.control#777777
keyword.control.flow#777777bold
keyword.other.special-method.elixir, keyword.control.import, keyword.control.export, keyword.control.type#eb6eb7
markup.bold.markdown#eb6eb7bold
markup.italic.markdown#eb6eb7italic
entity.name.function.elixir, meta.definition.variable entity.name.function, entity.name.type#56d8c9bold
entity.name.tag#56d8c9italic
entity.name.function.call.local.elixir, entity.name.function.call.dot.elixir, meta.function-call, variable.other.property, markup.inline.raw#56d8c9
variable.other.anonymous.elixir#fa5750
variable.other.constant.elixir, support.class.component, string.unquoted.block.yaml#4f9cfe
variable.language.elixir, meta.definition.variable variable.other.constant#368aebitalic
entity.name.type.module.elixir, markup.heading.markdown#4f9cfebold
keyword.control.module.elixir#EB6EB7
keyword.operator#777777
keyword.operator.assignment.elixir, keyword.operator.comparison#b891f5bold
constant.language.symbol.elixir, meta.object-literal, meta.tag.attributes, variable.object.property, support.type.property-name, markup.underline.link.markdown#A98F80italic
constant.language, constant.language.elixir, constant.language.null, constant.language.boolean, string.other.link.title.markdown#e67f43italic
constant.numeric#dbb32d
comment.wildcard.elixir#777777
punctuation, meta.brace
punctuation.definition.map.elixir#A580E2
punctuation.separator.object.elixir#b891f5
variable.other.readwrite.module.elixir, string.unquoted.plain.out.yaml#eb6eb7
comment.unused.elixir#777777italic strikethrough
punctuation.definition.string.begin.elixir, punctuation.definition.string.end.elixir, punctuation.section.embedded.elixir#83c746
string.quoted.double, string.template.js, punctuation.definition.list.begin.markdown#70b433
string.quoted.single#83c746
comment, comment.line.number-sign.elixir, comment.documentation.heredoc.elixir#51616D
emphasisitalic
strongbold
peepee-theme by Pee Enterprises - VS Code Theme