Skip to main content
CodingTheme

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#1b2b40
  • activityBarBadge.background#0099FF
  • debugToolBar.background#141F2E
  • dropdown.background#1c2d42
  • editor.background#141F2E
  • editor.foreground#D0D0D0
  • editorGroupHeader.tabsBackground#1b2b40
  • editorWidget.background#141F2E
  • focusBorder#ffcc33
  • input.background#1c2d42
  • list.activeSelectionBackground#273e5c
  • list.hoverBackground#375780
  • list.inactiveSelectionBackground#1b2b40
  • menu.background#141F2E
  • notifications.background#0A101D
  • peekViewTitle.background#1c2d42
  • quickInput.background#141F2E
  • sideBar.background#141F2E
  • sideBar.border#333333
  • sideBarSectionHeader.background#1c2d42
  • statusBar.background#1e5c1e
  • statusBar.debuggingBackground#c57633
  • statusBar.noFolderBackground#273e5c
  • statusBarItem.remoteBackground#800000
  • tab.activeBackground#141F2E
  • tab.inactiveBackground#0A101D
  • titleBar.activeBackground#1b2b40
  • tree.indentGuidesStroke#0099FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#a0ffa0italic
string#80ff80
constant.numeric#FF8080
keyword.operator#ffcc33
keyword, constant.language, storage.modifier, storage.type.function, storage.type.class, keyword.control, keyword.operator.word, keyword.other, punctuation.definition.arguments.shell, punctuation.definition.logical-expression.shell, support.function.powershell#0099FFbold
punctuation.definition.keyword#FFCC33bold
variable.name, variable.other#fffab1
variable.name, variable.other.normal.shell#F7FF66bold
variable.language#91CCFFbold
variable.parameter#e7e7e7
support.type, entity.name.type, storage, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#808000
storage.modifier.other#0099FFbold
support.class, entity.name.class, support.function.go#91CCFF
constant.character, constant.other#F7FF66
entity.name.function#a2cff5
entity.name.tag#91ccff
entity.other.attribute-name#fffab1
support.function#FFCC33italic
support.constant#FFCC33
invalidbold
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.heading#0099FFbold
markup.underline.link#91CCFFunderline
markup.quote#22aa44
markup.bold#F7FF66bold
markup.italic#F7FF66italic
markup.raw, markup.inline.raw#FFCC33
markup.heading.setext#ddbb88
string.quoted.double.json#80ff80
meta.structure.array.json#e7e7e7
storage.modifier.import.java, storage.modifier.package.java#efefef
string.unquoted.block.yaml, string.unquoted.plain.out.yaml#efefef
keyword.control.hlsl, support.function.builtin.go#FFCC33

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

BlueForest Theme by A. Alonso Dominguez - VS Code Theme