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.background#02120F
  • activityBar.foreground#00FF9D
  • activityBar.inactiveForeground#466660
  • activityBarBadge.background#00FF9D
  • activityBarBadge.foreground#02120F
  • editor.background#041F1A
  • editor.foreground#E2F1F0
  • editor.lineHighlightBackground#00FF9D07
  • editorCursor.foreground#00FF9D
  • editorGroupHeader.tabsBackground#01100D
  • editorLineNumber.activeForeground#00FF9D
  • editorLineNumber.foreground#2D4A45
  • editorLink.activeForeground#00FF9D
  • list.activeSelectionBackground#041F1A
  • list.activeSelectionForeground#00FF9D
  • list.highlightForeground#00FF9D
  • list.hoverBackground#00FF9D10
  • list.hoverForeground#00FF9D
  • menu.background#031814
  • menu.border#041F1A
  • menu.foreground#A7F3D0
  • menu.selectionBackground#041F1A
  • menu.selectionForeground#00FF9D
  • menu.separatorBackground#5D7E78
  • selection.background#00FF9D20
  • sideBar.background#031814
  • sideBar.border#041F1A
  • sideBar.foreground#A7F3D0
  • sideBarSectionHeader.foreground#5D7E78
  • statusBar.background#01100D
  • statusBar.border#041F1A
  • statusBar.foreground#00FF9D
  • tab.activeBackground#041F1A
  • tab.activeBorderTop#00FF9D
  • tab.activeForeground#00FF9D
  • tab.border#01100D
  • tab.inactiveBackground#01100D
  • tab.inactiveForeground#5D7E78
  • terminal.ansiBlack#02120F
  • terminal.ansiBlue#82AAFF
  • terminal.ansiBrightBlack#5D7E78
  • terminal.ansiBrightGreen#6EE7B7
  • terminal.ansiCyan#2DD4BF
  • terminal.ansiGreen#00FF9D
  • terminal.ansiMagenta#A78BFA
  • terminal.ansiRed#FF5370
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#FBBF24
  • terminal.background#041F1A
  • terminal.foreground#E2F1F0
  • titleBar.activeBackground#02120F
  • titleBar.activeForeground#A7F3D0
  • titleBar.inactiveBackground#02120F
  • titleBar.inactiveForeground#466660

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#628b85italic
variable, string constant.other.placeholder#E2F1F0
constant.other.color#ffffff
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#A78BFA
keyword.control, punctuation, meta.tag, keyword.other.substitution#2DD4BF
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#F472B6
entity.name.function, support.function#6EE7B7
constant.numeric, constant.language, support.constant, constant.character#FBBF24
string, markup.heading#10B981
entity.name, support.type, support.class#FDBA74
entity.other.attribute-name#A78BFA
support.type.property-name.json#2DD4BF
text.html.markdown#E2F1F0
Anastasia Dark Theme by Sayanjit Mukherjee - VS Code Theme