Skip to main content
Coding Theme

Color themes

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#002B36
  • activityBar.foreground#93A1A1
  • activityBar.inactiveForeground#586E75
  • activityBarBadge.background#D33682
  • activityBarBadge.foreground#002B36
  • badge.background#D33682
  • badge.foreground#002B36
  • breadcrumb.focusForeground#839496
  • breadcrumb.foreground#586E75
  • diffEditor.insertedLineBackground#85990020
  • diffEditor.insertedTextBackground#85990030
  • diffEditor.removedLineBackground#DC322F20
  • diffEditor.removedTextBackground#DC322F30
  • editor.background#002B36
  • editor.findMatchBackground#073642
  • editor.findMatchBorder#586E75
  • editor.findMatchHighlightBackground#073642
  • editor.foreground#839496
  • editor.hoverHighlightBackground#073642
  • editor.hoverHighlightBorder#586E75
  • editor.lineHighlightBackground#073642
  • editor.selectionBackground#073642
  • editor.selectionForeground#93A1A1
  • editor.selectionHighlightBackground#073642
  • editor.selectionHighlightBorder#586E75
  • editor.wordHighlightBackground#073642
  • editor.wordHighlightBorder#586E75
  • editor.wordHighlightStrongBackground#073642
  • editor.wordHighlightStrongBorder#93A1A1
  • editorBracketHighlight.foreground1#268BD2
  • editorBracketHighlight.foreground2#859900
  • editorBracketHighlight.foreground3#6C71C4
  • editorBracketHighlight.foreground4#2AA198
  • editorBracketHighlight.foreground5#B58900
  • editorBracketHighlight.foreground6#D33682
  • editorBracketHighlight.unexpectedBracket.foreground#DC322F
  • editorCursor.background#002B36
  • editorCursor.foreground#586E75
  • editorGroupHeader.tabsBackground#002B36
  • editorInlayHint.background#002B3600
  • editorInlayHint.foreground#586E75
  • editorInlayHint.parameterBackground#002B3600
  • editorInlayHint.parameterForeground#586E75
  • editorInlayHint.typeBackground#002B3600
  • editorInlayHint.typeForeground#586E75
  • editorLightBulb.foreground#B58900
  • editorLightBulbAutoFix.foreground#B58900
  • editorLineNumber.activeForeground#839496
  • editorLineNumber.foreground#586E75
  • editorWidget.background#002B36
  • editorWidget.foreground#839496
  • errorLens.errorBackground#DC322F20
  • errorLens.errorForeground#DC322F
  • errorLens.hintBackground#2AA19820
  • errorLens.hintForeground#2AA198
  • errorLens.infoBackground#85990020
  • errorLens.infoForeground#859900
  • errorLens.warningBackground#B5890020
  • errorLens.warningForeground#B58900
  • extensionBadge.remoteBackground#D33682
  • extensionBadge.remoteForeground#002B36
  • focusBorder#586E75
  • foreground#839496
  • icon.foreground#586E75
  • input.background#002B36
  • input.foreground#839496
  • input.placeholderForeground#586E75
  • inputOption.activeBackground#073642
  • inputOption.activeForeground#93A1A1
  • list.activeSelectionBackground#073642
  • list.activeSelectionForeground#93A1A1
  • list.errorForeground#DC322F
  • list.focusBackground#073642
  • list.focusForeground#93A1A1
  • list.hoverBackground#073642
  • list.hoverForeground#93A1A1
  • list.inactiveSelectionBackground#073642
  • list.inactiveSelectionForeground#93A1A1
  • list.warningForeground#B58900
  • panel.border#586E7500
  • quickInputList.focusBackground#073642
  • quickInputList.focusForeground#93A1A1
  • scrollbar.shadow#002B3600
  • selection.background#073642
  • sideBar.background#002B36
  • statusBar.background#002B36
  • statusBar.debuggingBackground#002B36
  • statusBar.foreground#586E75
  • statusBar.noFolderBackground#002B36
  • statusBarItem.errorBackground#DC322F
  • statusBarItem.errorForeground#002B36
  • statusBarItem.warningBackground#B58900
  • statusBarItem.warningForeground#002B36
  • tab.activeBackground#073642
  • tab.activeForeground#93A1A1
  • tab.inactiveBackground#002B36
  • tab.inactiveForeground#586E75
  • terminal.ansiBlack#073642
  • terminal.ansiBlue#268BD2
  • terminal.ansiBrightBlack#586E75
  • terminal.ansiBrightBlue#268BD2
  • terminal.ansiBrightCyan#2AA198
  • terminal.ansiBrightGreen#859900
  • terminal.ansiBrightMagenta#D33682
  • terminal.ansiBrightRed#CB4B16
  • terminal.ansiBrightWhite#93A1A1
  • terminal.ansiBrightYellow#B58900
  • terminal.ansiCyan#2AA198
  • terminal.ansiGreen#859900
  • terminal.ansiMagenta#6C71C4
  • terminal.ansiRed#DC322F
  • terminal.ansiWhite#93A1A1
  • terminal.ansiYellow#B58900
  • terminal.foreground#839496
  • terminalCursor.background#002B36
  • terminalCursor.foreground#586E75
  • titleBar.activeBackground#002B36
  • titleBar.activeForeground#839496
  • titleBar.inactiveBackground#002B36
  • titleBar.inactiveForeground#586E75
  • widget.shadow#002B3600

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#859900
storage#859900
variable.language.self#859900
variable.language.this#859900
keyword.type.go#859900
keyword.control#D33682
entity.name.type#B58900
keyword.type#B58900
storage.type.cs#B58900
storage.type.java#B58900
storage.type.boolean.go#B58900
storage.type.byte.go#B58900
storage.type.error.go#B58900
storage.type.numeric.go#B58900
storage.type.rune.go#B58900
storage.type.string.go#B58900
storage.type.uintptr.go#B58900
entity.name.type.interface#6C71C4
entity.name.type.type-parameter#6C71C4
constant#2AA198
constant.numeric#2AA198
string#2AA198
entity.name.variable.field#268BD2
entity.name.variable.property#268BD2
variable.other.member#268BD2
variable.other.object.property#268BD2
variable.other.readwrite.instance#268BD2
support.type.property-name#268BD2
entity.name.variable.enum-member#2AA198
constant.other.enum#2AA198
variable.other.enummember#2AA198
entity.name.type.option#2AA198
entity.name.type.result#2AA198
entity.name.function.macro#D33682
entity.name.function.preprocessor#D33682
constant.other.placeholder#DC322F
punctuation.definition.interpolation#DC322F
punctuation.section.embedded#DC322F
constant.character.escape#DC322F
comment#586E75italic
comment.line.documentation#839496italic
comment.block.documentation#839496italic
comment.block.javadoc#839496italic
entity.name.function.decorator#586E75
storage.type.annotation#586E75
punctuation.definition.annotation#586E75
keyword.operator#839496
markup.deleted#DC322F
markup.inserted#859900
markup.changed#268BD2
meta.diff#586E75
comment.line.number-sign.git-commit#586E75
invalid.deprecated.line-too-long.git-commit#D33682
invalid.illegal.line-too-long.git-commit#DC322F

Shiki preview

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

Loading...

Orbitized - Coding Theme