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.activeBorder#5900ff
  • activityBar.background#0e0e0e
  • activityBar.border#0e0e0e
  • activityBar.foreground#3d3d3d
  • activityBarBadge.background#f8185b
  • activityBarBadge.foreground#111111
  • button.background#f8185b
  • button.hoverBackground#f8185b
  • dropdown.background#292929
  • editor.background#16171a
  • editor.findMatchBackground#ec1dff91
  • editor.findMatchBorder#ec1dff91
  • editor.findMatchHighlightBackground#7226ff91
  • editor.findRangeHighlightBackground#30ff4191
  • editor.foreground#d6d6d6
  • editor.lineHighlightBackground#4c00ff49
  • editor.selectionBackground#5416ff94
  • editor.selectionHighlightBackground#7226ff91
  • editor.symbolHighlightBorder#ff0000
  • editor.wordHighlightBackground#ff136e69
  • editor.wordHighlightStrongBackground#5900ff
  • editorBracketMatch.border#5c2fff
  • editorCursor.foreground#ba8fff
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.addedBackground#00ff0d
  • editorGutter.modifiedBackground#9886ff
  • editorMarkerNavigationInfo.background#f8185b
  • editorOverviewRuler.findMatchForeground#ff0062
  • focusBorder#f8185b
  • gitDecoration.addedResourceForeground#00ff88
  • gitDecoration.deletedResourceForeground#ff004c
  • gitDecoration.modifiedResourceForeground#7050ff
  • input.border#f8185b
  • inputOption.activeBorder#f8185b
  • inputValidation.infoBorder#f8185b
  • list.activeSelectionBackground#5c2fff
  • list.errorForeground#f8185b
  • list.focusBackground#5c2fff
  • list.focusForeground#bdbdbd
  • list.inactiveFocusBackground#f8185b
  • list.inactiveSelectionBackground#5c2fff
  • menu.background#ff0000
  • minimap.findMatchHighlight#ff009d
  • peekViewResult.lineForeground#1eff00
  • pickerGroup.foreground#f8185b
  • scrollbarSlider.background#583bff8f
  • sideBar.background#16171a
  • sideBar.border#16171a
  • sideBar.dropBackground#111111
  • sideBar.foreground#757575
  • sideBarSectionHeader.background#101011
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#f8185b
  • statusBar.debuggingBackground#983eff
  • statusBar.foreground#fafafa
  • statusBar.noFolderBackground#222225
  • tab.activeBackground#111111
  • tab.inactiveBackground#181818
  • terminal.background#16171a
  • textLink.activeForeground#f8185b
  • textLink.foreground#f8185b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string#CFCBDB
constant.language.boolean#D9CEFF
constant.numeric#D9CEFF
variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function#CDCAD6
keyword, modifier, variable.language.this, support.type.object, constant.language#9B7CFF
meta#FF4079
storage.type, storage.modifier#FF4079
meta.function entity.name.function#FF4079
entity.name.function, support.function#D0ACFF
storage.type.class.jsdoc#9B7CFFbold italic
support.module, support.node#FF4079italic
support.type#FF77CB
entity.name.type, entity.other.inherited-class#FF77CB
comment#535353italic
template.expression.begin, template.expression.end#EEFFEC
entity.name.tag.yaml#FF4079
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#FF4079
constant.language.json#CCC0C4
entity.other.attribute-name.class#FF4079
entity.other.attribute-name.id#FF4079
source.css support.type#F5F6FF
source.css entity.name.tag#FF4079
meta.tag, punctuation.definition.tag#FFA0DB
entity.name.tag#FF73C9
entity.other.attribute-name#FFA0DB
markup.heading#FF4079
text.html.markdown meta.link.inline, meta.link.reference#FF4079
text.html.markdown beginning.punctuation.definition.list#FF4079
markup.italic#FF4079italic
markup.bold#FF4079bold
markup.bold markup.italic, markup.italic markup.bold#FF4079italic bold
keyword.other.definition.ini#9544FF
entity.name.section.group-title.ini#FF4079
entity.name.section.group-title.ini#FF4079
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Sidious Party Theme Pack by sidiousvic - VS Code Theme