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#272822
  • activityBar.foreground#7A7B75
  • activityBarBadge.background#272822
  • editor.background#272822
  • editor.foreground#eeffff
  • editorGroupHeader.tabsBorder#34352F
  • menubar.selectionForeground#202120
  • sideBar.background#1E1F1C
  • sideBarSectionHeader.background#272822
  • sideBarSectionHeader.foreground#C1CCCC
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#75715E
  • tab.unfocusedActiveBackground#34352F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type.terraform#A6E22Eitalic
variable.other.enummember.hcl#F8F8F2bold
punctuation.definition.string.begin.terraform, string.unquoted.heredoc.hcl#E6DB74
string.quoted.double.hcl#E6DB74
string.quoted.double.terraform#E6DB74
variable.other.property.terraform#F8F8F2
variable.other.member.terraform#F8F8F2
punctuation.section.parens.end.terraform, punctuation.section.parens.begin.terraform, punctuation.section.braces.begin.terraform, punctuation.section.braces.end.terraform, punctuation.section.block.begin.terraform, punctuation.section.block.end.terraform, punctuation.section.brackets.end.terraform, punctuation.section.brackets.begin.terraform, punctuation.separator.terraform, variable.other.member.hcl, variable.other.readwrite.hcl, punctuation.section.block.begin.hcl, punctuation.section.block.end.hcl, variable.declaration.hcl, meta.braces.hcl, punctuation.separator.hcl#E6E6E6
punctuation.section.parens.end.hcl, punctuation.section.parens.begin.hcl, punctuation.section.brackets.end.hcl, punctuation.section.brackets.begin.hcl, punctuation.section.braces.begin.hcl, punctuation.section.braces.end.hcl#b8b6b6
support.function.builtin.terraform#66D9EFbold
variable.other.property.terraform#F8F8F2
keyword.operator.accessor.terraform, keyword.operator.accessor.hcl#B080B1
variable.other.readwrite.terraform, meta.block.hcl, keyword.other.interpolation.begin.hcl, keyword.other.interpolation.end.hcl, meta.function-call.hcl#A1EFE4italic
punctuation.definition.comment.terraform, comment.line.terraform, punctuation.definition.comment.hcl, comment.line.number-sign.hcl, comment.block.hcl#75715Eitalic
scope.terraform, storage.type.function.hcl#FD5FF0
meta.mapping.key.hcl#FD971Fitalic
keyword.operator.assignment.hcl, keyword.control.hcl, keyword.operator.word.hcl, keyword.operator.hcl, keyword.control.heredoc.hcl, keyword.operator.heredoc.hcl, keyword.operator.arithmetic.hcl#F92672
keyword.other.interpolation.begin.hcl, keyword.other.interpolation.end.hcl#A1EFE4
entity.name.type.hcl#A3EAA2
storage.type.hcl#F92672italic
constant.numeric.integer.hcl, constant.language.hcl#AE81FF
Monokai Terraform Theme by vscode-jolsby - VS Code Theme