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#333333
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#007ACC
  • breadcrumb.background#1E1E1E
  • breadcrumb.foreground#CCCCCC
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.lineHighlightBackground#2A2A2A
  • editor.selectionBackground#264F78
  • editorBracketMatch.background#0D3A5C
  • editorBracketMatch.border#888888
  • editorCursor.foreground#AEAFAD
  • editorGroupHeader.tabsBackground#252526
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • editorLineNumber.activeForeground#C6C6C6
  • editorLineNumber.foreground#858585
  • editorWhitespace.foreground#3B3B3B
  • focusBorder#007FD4
  • panel.background#1E1E1E
  • panel.border#80808059
  • sideBar.background#252526
  • sideBar.foreground#CCCCCC
  • sideBarSectionHeader.background#333333
  • statusBar.background#007ACC
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#68217A
  • tab.activeBackground#1E1E1E
  • tab.inactiveBackground#2D2D2D
  • titleBar.activeBackground#3C3C3C
  • titleBar.activeForeground#CCCCCC
  • titleBar.inactiveBackground#2D2D2D
  • widget.shadow#0000005C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9955italic
string#CE9178
constant.numeric#B5CEA8
constant.language.txtreader#569CD6
keyword.control.txtreader, keyword.other.txtreader, keyword.control.directive.txtreader#C586C0
storage.type.txtreader#569CD6
support.function.builtin.txtreader#DCDCAA
entity.name.function.txtreader#DCDCAA
entity.name.section.txtreader#4EC9B0bold
variable.other.txtreader#9CDCFE
meta.decorator.txtreader#DCDCAA
punctuation.terminator.txtreader#D7BA7D
punctuation.separator.txtreader#808080
string.link.txtreader#3794FFunderline
TXT 美化阅读器 (TXT Beautify Reader) by take-a-rest-dev - VS Code Theme