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.activeBorder#ef9daa
  • activityBar.background#000000
  • activityBar.foreground#adadcf
  • activityBarBadge.background#d56982
  • diffEditor.insertedTextBackground#1e332380
  • diffEditor.insertedTextBorder#2d4f3780
  • diffEditor.removedTextBackground#3f1f1f80
  • diffEditor.removedTextBorder#6f1f1f80
  • editor.background#000000
  • editor.findMatchBackground#b580a430
  • editor.findMatchHighlightBackground#b580a420
  • editor.findRangeHighlightBackground#b580a415
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d4180
  • editor.lineHighlightBackground#1f1f1f
  • editor.selectionBackground#2a2a3f
  • editor.selectionHighlightBackground#264f7880
  • editor.wordHighlightBackground#817fb320
  • editor.wordHighlightStrongBackground#817fb330
  • editorCursor.background#000000
  • editorCursor.foreground#ef9daa
  • editorGroup.border#000000
  • editorGroupHeader.tabsBackground#000000
  • editorLineNumber.activeForeground#858585
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#ef9daa
  • editorOverviewRuler.border#00000000
  • focusBorder#ef9dab28
  • list.activeSelectionBackground#2a2a3f
  • list.activeSelectionForeground#ef9daa
  • list.errorForeground#d56982
  • list.focusBackground#2a2a3f
  • list.focusForeground#adadcf
  • list.highlightForeground#ef9daa
  • list.hoverBackground#2a2a3f40
  • list.hoverForeground#adadcf
  • list.inactiveSelectionBackground#2a2a3f80
  • list.inactiveSelectionForeground#adadcf
  • list.warningForeground#d9ad95
  • menu.border#000000
  • panel.border#00000000
  • scrollbar.shadow#00000000
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.foreground#adadcf
  • sideBarActivityBarTop.border#00000000
  • sideBarSectionHeader.background#000000
  • sideBarTitle.foreground#adadcf
  • statusBar.background#000000
  • statusBar.debuggingBackground#742f42
  • statusBar.foreground#adadcf
  • statusBar.noFolderBackground#3f3550
  • statusBarItem.hoverBackground#4f4a6e55
  • statusBarItem.prominentBackground#d5698233
  • statusBarItem.remoteBackground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#ef9daa
  • tab.border#00000000
  • tab.inactiveBackground#000000
  • terminal.border#00000000
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#cbcbe0
  • titleBar.border#000000
  • titleBar.inactiveBackground#18182588
  • tree.indentGuidesStroke#4f4a6e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.other.import.go#92BEB8
support.class.builtin.module.member, variable.other.object.member, variable.other.object.property.uppercase, variable.other.property.uppercase, variable.other.constant.uppercase, entity.name.type.enum.constant, entity.name.variable.enum-member, variable.other.readwrite.static.uppercase, variable.other.constant.access#EF9DAA
entity.name.function, support.function#EF9DAA
keyword, storage.type, storage.modifier#817FB3
variable, entity.name.variable#ADADCF
string, string.quoted, string.template#D9AD95
comment#ADADCF
entity.name.type, support.type#92BEB8
punctuation, meta.brace#ADADCF
constant.language.undefined, constant.language.null, constant.language#8EB2FF
variable.parameter.function, meta.parameter#7EB2F2
entity.name.namespace, variable.other.constant, entity.name.variable.field, entity.name.type.module, variable.other.property, variable.other.object.property#EF9DAA
variable.parameter#7EB2F2
keyword.operator, meta.separator#ADADCF
constant.numeric#B5CEA8
support.type, storage.type.string, storage.type.bool, storage.type.error#D56982
keyword.operator.logical, keyword.operator.comparison#817FB3
constant.other, support.constant, variable.other.enummember, entity.name.constant, meta.import variable, meta.object-literal.key, variable.other.readwrite.alias, variable.other.constant.object, variable.other.constant.property#EF9DAA
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Rose Prime v2 by AFLO - VS Code Theme