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#263647
  • activityBarBadge.background#ee70a9
  • badge.background#ee70a9
  • button.background#ee70a9
  • diffEditor.insertedTextBackground#0e5849
  • editor.background#263647
  • editor.foreground#ffffff
  • editor.lineHighlightBorder#263647
  • editorGroupHeader.tabsBackground#1b2632
  • editorLineNumber.foreground#c7c7c7
  • editorWidget.background#263647
  • focusBorder#69aff8
  • foreground#ffffff
  • gitDecoration.modifiedResourceForeground#fef680
  • input.background#1b2632
  • input.placeholderForeground#c7c7c7
  • list.activeSelectionBackground#507295
  • list.hoverBackground#364c63
  • list.inactiveSelectionBackground#364c63
  • selection.background#c1deff
  • sideBar.background#263647
  • statusBar.background#ee70a9
  • statusBar.noFolderBackground#ee70a9
  • tab.inactiveBackground#1b2632
  • tab.inactiveForeground#c7c7c7
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#69aff8
  • terminal.ansiBrightBlack#686868
  • terminal.ansiBrightBlue#69aff8
  • terminal.ansiBrightCyan#478dc8
  • terminal.ansiBrightGreen#3cc5aa
  • terminal.ansiBrightMagenta#ee70a9
  • terminal.ansiBrightRed#fda0a0
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#fffc67
  • terminal.ansiCyan#1dafec
  • terminal.ansiGreen#1dbb9b
  • terminal.ansiMagenta#a665a6
  • terminal.ansiRed#fd6e72
  • terminal.ansiWhite#c7c7c7
  • terminal.ansiYellow#fef035
  • terminal.foreground#ffffff
  • terminal.selectionBackground#c1deff
  • titleBar.activeBackground#263647
  • titleBar.inactiveBackground#263647

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity, support.class#fffc67
comment, punctuation.definition.comment#717171italic
constant, entity.name.tag.js.jsx, support.class.component.js.jsx#fda0a0
entity.name.function, support.function, variable.function#69aff8
invalid#fd6e72
keyword, storage, variable.language#ee70a9
punctuation#ffffff
punctuation.definition.string.begin, punctuation.definition.string.end, string#1dbb9b
entity.name.tag#fda0a0
support.type#a665a6
variable, string constant.other.placeholder#ffffff

Shiki preview

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

Loading...

Flamingo Nebula by kgrubb - VS Code Theme