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#161717
  • activityBar.foreground#fbfbfb
  • activityBar.inactiveForeground#999e9d
  • breadcrumb.focusForeground#fbfbfb
  • breadcrumb.foreground#b2b6b5
  • editor.background#161717
  • editor.foreground#fbfbfb
  • editor.lineHighlightBackground#222222
  • editor.selectionBackground#424242
  • editorCursor.background#161717
  • editorCursor.foreground#fbfbfb
  • editorGroupHeader.tabsBackground#161717
  • editorInlayHint.background#161717
  • editorInlayHint.foreground#b2b6b5
  • editorInlayHint.parameterBackground#161717
  • editorInlayHint.parameterForeground#b2b6b5
  • editorInlayHint.typeBackground#161717
  • editorInlayHint.typeForeground#b2b6b5
  • editorLineNumber.activeForeground#fbfbfb
  • editorLineNumber.foreground#999e9d
  • editorWidget.background#222222
  • focusBorder#55adff
  • foreground#fbfbfb
  • list.activeSelectionBackground#424242
  • list.focusBackground#424242
  • list.highlightForeground#55adff
  • sideBar.background#161717
  • statusBar.background#161717
  • statusBar.debuggingBackground#161717
  • statusBar.foreground#999e9d
  • statusBar.noFolderBackground#161717
  • tab.activeBackground#222222
  • tab.activeForeground#fbfbfb
  • tab.inactiveBackground#161717
  • tab.inactiveForeground#b2b6b5
  • terminal.ansiBlack#222222
  • terminal.ansiBlue#55ADFF
  • terminal.ansiBrightBlack#949494
  • terminal.ansiBrightBlue#B0C9F0
  • terminal.ansiBrightCyan#DCDFF1
  • terminal.ansiBrightGreen#C0EADF
  • terminal.ansiBrightMagenta#F1D6DD
  • terminal.ansiBrightRed#ff6b6b
  • terminal.ansiBrightWhite#fbfbfb
  • terminal.ansiBrightYellow#E1E0C8
  • terminal.ansiCyan#DCDFF1
  • terminal.ansiGreen#7FE2C5
  • terminal.ansiMagenta#F1D6DD
  • terminal.ansiRed#ff6b6b
  • terminal.ansiWhite#fbfbfb
  • terminal.ansiYellow#E1E0C8
  • terminal.foreground#fbfbfb
  • terminalCursor.background#161717
  • terminalCursor.foreground#fbfbfb
  • titleBar.activeBackground#161717
  • titleBar.activeForeground#fbfbfb
  • titleBar.inactiveBackground#161717
  • titleBar.inactiveForeground#999e9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#448acc
storage#448acc
variable.language.self#448acc
variable.language.this#448acc
keyword.type.go#448acc
keyword.control#55ADFF
entity.name.type#E1E0C8
keyword.type#E1E0C8
storage.type.cs#E1E0C8
storage.type.java#E1E0C8
storage.type.boolean.go#E1E0C8
storage.type.byte.go#E1E0C8
storage.type.error.go#E1E0C8
storage.type.numeric.go#E1E0C8
storage.type.rune.go#E1E0C8
storage.type.string.go#E1E0C8
storage.type.uintptr.go#E1E0C8
entity.name.type.interface#55ADFF
entity.name.type.type-parameter#55ADFF
constant#F1D6DD
constant.numeric#E3A6DC
string#7FE2C5
entity.name.variable.field#DCDFF1
entity.name.variable.property#DCDFF1
variable.other.member#DCDFF1
variable.other.object.property#DCDFF1
variable.other.readwrite.instance#DCDFF1
support.type.property-name#DCDFF1
entity.name.variable.enum-member#DCDFF1
constant.other.enum#DCDFF1
variable.other.enummember#DCDFF1
entity.name.type.option#DCDFF1
entity.name.type.result#DCDFF1
entity.name.function.macro#C0EADF
entity.name.function.preprocessor#C0EADF
constant.other.placeholder#DCDFF1
punctuation.definition.interpolation#DCDFF1
punctuation.section.embedded#DCDFF1
constant.character.escape#DCDFF1
comment#a8acaditalic
comment.line.documentation#a8acad
comment.block.documentation#a8acad
comment.block.javadoc#a8acad
entity.name.function.decorator#b2b6b5
storage.type.annotation#b2b6b5
punctuation.definition.annotation#b2b6b5
keyword.operator#D6D6D6
markup.deleted#ff6b6b
markup.inserted#7FE2C5
markup.changed#55ADFF
meta.diff#999e9d
comment.line.number-sign.git-commit#b2b6b5
invalid.deprecated.line-too-long.git-commit#F1D6DD
invalid.illegal.line-too-long.git-commit#ff6b6b
magit.entity#7FE2C5
magit.header#448acc
magit.subheader#55ADFF
vscode-theme-sinaptia by SINAPTIA - VS Code Theme