Skip to main content
CodingTheme

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.

  • editor.background#282828
  • editor.findMatchHighlightBackground#3D445655
  • editor.foreground#DED9D4
  • editor.lineHighlightBackground#333435
  • editor.selectionBackground#3D4456E0
  • editor.selectionForeground#FFFFFF
  • editor.selectionHighlightBackground#282828
  • editor.selectionHighlightBorder#BFBBB7
  • editorBracketMatch.border#565656
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.noTabsBackground#3C3C3C
  • editorGroupHeader.tabsBackground#3C3C3C
  • editorLineNumber.foreground#565656
  • editorLink.activeForeground#6D9CBE
  • editorLink.foreground#6D9CBE
  • editorWhitespace.foreground#202021
  • focusBorder#565656
  • list.focusBackground#404040
  • menu.selectionBackground#2e2e2e
  • panel.background#1D1D1E
  • panelTitle.activeBorder#DED9D4
  • panelTitle.inactiveForeground#565656
  • statusBar.background#202021
  • statusBar.debuggingBackground#263238
  • statusBar.debuggingForeground#DED9D4
  • statusBar.foreground#777777
  • tab.activeForeground#DDDDDD
  • tab.border#3C3C3C
  • tab.inactiveBackground#3C3C3C
  • tab.inactiveForeground#BFBBB7
  • terminal.background#1D1D1E
  • terminal.foreground#A39F9C
  • textLink.activeForeground#6D9CBE
  • textLink.foreground#6D9CBE
  • titleBar.activeBackground#3c3c3c
  • titleBar.inactiveBackground#3c3c3c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E1DC
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
source
comment#BC9458
keyword, storage#CC7833
entity.name.function, keyword.other.name-of-parameter.objc#FFC66D
entity.name#D0D0FF
constant.numeric#A5C261
variable.language, variable.other#D0D0FF
constant#6D9CBE
variable.other.constant#DA4939
constant.language#6E9CBE
string#A5C261
support.function#DA4939
support.type#6E9CBE
support.constant#A5C261
meta.tag, declaration.tag, entity.name.tag, entity.other.attribute-name#E8BF6A
invalid#FFFFFF
constant.character.escaped, constant.character.escape, string source, string source.ruby#519F50
markup.inserted#E6E1DC
markup.deleted#E6E1DC
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range
text.html.markdown meta.dummy.line-break#E0EDDD
text.html.markdown markup.raw.inline#269186
punctuation.definition.raw.markdown#269186
markup.heading#cb4b16bold
markup.italic#839496italic
markup.bold#586e75bold
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#586E75
markup.underline#839496 underline
markup.underline.link, markup.link, markup.url#6D9CBE underline
string.other.link#586E75
url, link, variable.parameter.link, variable.parameter.url, variable.link, variable.url, meta.link, meta.paragraph.inline.link.underline.detected-link#586E75
markup.quote#BC9458
meta.separator#586E75

Shiki preview

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

Loading...

MyasNick's Nexus Color Theme by MyasNick - VS Code Theme