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#181825
  • 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#3A3D41
  • editor.lineHighlightBackground#1F1F1F
  • editor.selectionBackground#264F78
  • editor.selectionHighlightBackground#264F7880
  • editor.wordHighlightBackground#817FB320
  • editor.wordHighlightStrongBackground#817FB330
  • editorCursor.background#000000
  • editorCursor.foreground#EF9DAA
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#858585
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#EF9DAA
  • 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
  • sideBar.background#141420
  • sideBar.border#2A2A3F
  • sideBar.foreground#ADADCF
  • sideBarTitle.foreground#ADADCF
  • statusBar.background#2A2A3F
  • statusBar.debuggingBackground#742F42
  • statusBar.foreground#ADADCF
  • statusBar.noFolderBackground#3F3550
  • statusBarItem.hoverBackground#4F4A6E55
  • statusBarItem.prominentBackground#D5698233
  • statusBarItem.remoteBackground#4F4A6E
  • tab.activeBackground#1E1E1E
  • tab.inactiveBackground#252526
  • titleBar.activeBackground#181825
  • titleBar.activeForeground#ADADCF
  • 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
Rose Prime Theme by Sayam Rakshit - VS Code Theme