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#10758e
  • activityBar.background#161d1a
  • activityBar.foreground#39a900
  • activityBarBadge.background#39a900
  • activityBarBadge.foreground#ffffff
  • button.background#0a93b0
  • button.foreground#ffffff
  • button.hoverBackground#0a93b0
  • editor.background#161d1a
  • editor.findMatchBackground#39a90066
  • editor.findMatchHighlightBackground#39a90033
  • editor.findRangeHighlightBackground#39a90022
  • editor.foreground#eeffff
  • editorBracketMatch.background#01b40133
  • editorBracketMatch.border#39a900
  • editorError.foreground#ff5f56
  • editorInfo.foreground#01b401
  • editorLineNumber.activeForeground#39a900
  • editorLineNumber.foreground#4d5a52
  • editorWarning.foreground#facc15
  • list.activeSelectionBackground#39a90055
  • list.activeSelectionForeground#ffffff
  • list.highlightForeground#39a900
  • list.hoverBackground#39a90022
  • menu.background#111a14
  • menu.border#1a251d
  • menu.foreground#c5d4c7
  • menu.selectionBackground#39a90025
  • menu.selectionForeground#39a900
  • minimap.findMatchHighlight#39a90088
  • minimap.selectionHighlight#39a90055
  • minimap.selectionOccurrenceHighlight#39a90044
  • scrollbarSlider.activeBackground#01b40166
  • scrollbarSlider.background#01b40133
  • scrollbarSlider.hoverBackground#01b40166
  • sideBar.background#1a211e
  • sideBar.foreground#bbbbbb
  • sideBarSectionHeader.background#161d1a
  • sideBarSectionHeader.foreground#39a900
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#2a3a2b
  • statusBar.debuggingBackground#39a900
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#29690b
  • tab.activeBackground#161d17
  • tab.activeForeground#eeffff
  • tab.inactiveBackground#1a211e
  • tab.inactiveForeground#bbbbbb
  • titleBar.activeBackground#2a3a2b
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#1a1c21
  • titleBar.inactiveForeground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5c7554italic bold
string#4caf50
keyword, storage.type#7ad053
variable, meta.definition.variable.name#f5b37c
entity.name.function, support.function#6bbd6e
constant.numeric#0a93b0
entity.name.type, support.class#76b668
punctuation, meta.brace, meta.delimiter#0a93b0
entity.name.tag.html, entity.name.tag.jsx, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.tsx#7ad053
entity.other.attribute-name.html#53d0b9
string.quoted.double.html, string.quoted.single.html#f5b37c
comment.block.html#5c7554italic
meta.tag.sgml.doctype.html#af4c95bold
support.type.property-name.css, support.type.property-name.scss#0a93b0italic
constant.numeric.css, constant.other.color.rgb-value.css, constant.other.unit.css, keyword.other.unit.css#f5b37c
constant.other.color.css#33aa67
entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.name.tag.css#7ad053bold
entity.other.pseudo-class.css, entity.other.pseudo-element.css#72c26bitalic
support.function.misc.css#56a355
variable.other.custom-property.css#b5e0a7italic
storage.modifier.java, storage.modifier.ts, storage.modifier.kotlin, storage.modifier#0a93b0bold
keyword.declaration.class, keyword.declaration.interface, keyword.control, keyword.other#0caecebold
entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx#53d0b9
string.quoted.double.html, string.quoted.single.html, string.quoted.double.jsx, string.quoted.single.jsx, string.quoted.double.js, string.quoted.single.js, string.quoted.double.ts, string.quoted.single.ts, string.quoted.double.tsx, string.quoted.single.tsx#f5b37c
comment.block.html, comment.block.jsx, comment.block.js, comment.block.ts, comment.block.tsx#5c7554italic
meta.tag.sgml.doctype.html, punctuation.definition.tag.jsx, punctuation.definition.tag.js, punctuation.definition.tag.ts, punctuation.definition.tag.tsx#af4c95bold
SENA ADSO Theme by eusebio suarez - VS Code Theme