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.activeBackground#262433
  • activityBar.activeBorder#5ebae6
  • activityBar.background#2a2838
  • activityBarBadge.background#5ebae6
  • button.background#5ebae6
  • button.foreground#212121
  • dropdown.background#1D1A27
  • editor.background#2a2838
  • editor.foreground#eeffff
  • editorCutter.deletedBackground#e02d60de
  • editorGroupHeader.tabsBackground#201D2B
  • editorGutter.addedBackground#1fdbacde
  • editorGutter.modifiedBackground#5ebae6de
  • editorHoverWidget.background#2a2838
  • editorLineNumber.foreground#eeffff44
  • editorPane.background#1D1A27
  • editorSuggestWidget.background#262433
  • editorWidget.border#363450
  • focusBorder#363450
  • input.background#201D2B
  • list.activeSelectionBackground#363450
  • list.focusBackground#363450
  • list.hoverBackground#363450
  • list.inactiveSelectionBackground#2b2a35
  • notifications.background#201D2B
  • notifications.hoverBackground#201D2B
  • panel.background#2a2838
  • quickInput.background#201D2B
  • sideBar.background#262433
  • sideBar.border#363450
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#201D2B
  • tab.activeBorder#5ebae6
  • tab.hoverBackground#363450
  • tab.inactiveBackground#262433
  • terminal.ansiBlack#262433
  • terminal.ansiBlue#7599e6
  • terminal.ansiBrightBlack#eeffff88
  • terminal.ansiBrightBlue#7599e6
  • terminal.ansiBrightCyan#5ebae6
  • terminal.ansiBrightGreen#1fdbac
  • terminal.ansiBrightMagenta#8a75e6
  • terminal.ansiBrightRed#e02d60
  • terminal.ansiBrightYellow#f0b82b
  • terminal.ansiCyan#5ebae6
  • terminal.ansiGreen#1fdbac
  • terminal.ansiMagenta#8a75e6
  • terminal.ansiRed#e02d60
  • terminal.ansiYellow#f0b82b
  • terminal.background#2a2838
  • titleBar.activeBackground#2a2838

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eeffff88
keyword, storage.modifier, storage.type, support.type.primitive, punctuation.accessor, punctuation.separator#7599e6
entity.name.function, variable.function, support.function, keyword.other.special-method, entity.name.section.python.renpy.label#5ebae6
string#1fdbac
string.quoted.double.single-line.python.renpyitalic
entity.name.type, storage.type.cs, support.type, support.class, support.type.sys-types#f0b82b
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, entity.name.tag#e02d60
constant.other.placeholder.tags#eeffff
entity.other.attribute-name#5ebae6italic
keyword.operator#8a75e6
markup.heading#7599e6
punctuation.definition.list#8a75e6
markup.bold#f0b82bbold
markup.italic#5ebae6italic

Shiki preview

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

Loading...

Academy City by CactusBlue - VS Code Theme