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#f0f0f0
  • activityBar.foreground#007acc
  • editor.background#f7f7f7
  • editor.findMatchBackground#ffbc5d
  • editor.findMatchHighlightBackground#ffd86381
  • editor.foreground#000000
  • editor.lineHighlightBackground#f0f0f0
  • editor.selectionBackground#bfdbfe
  • editor.selectionHighlightBackground#cfcfcf81
  • editorCursor.foreground#007acc
  • editorGroupHeader.tabsBackground#f0f0f0
  • editorLineNumber.foreground#9da39a
  • editorSuggestWidget.focusHighlightForeground#000000
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#dddddd
  • editorSuggestWidget.selectedForeground#000000
  • focusBorder#cccccc
  • list.activeSelectionBackground#dddddd
  • list.activeSelectionForeground#000000
  • list.focusHighlightForeground#007acc
  • list.inactiveSelectionBackground#e6e6e6
  • panel.background#f0f0f0
  • quickInputList.focusBackground#dddddd
  • quickInputList.focusForeground#000000
  • sideBar.background#f0f0f0
  • statusBar.background#dddddd
  • statusBar.debuggingBackground#ffbc5d
  • statusBar.debuggingForeground#000
  • statusBar.foreground#474747
  • statusBar.noFolderBackground#7a3e9d
  • statusBar.noFolderForeground#fff
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#325cc0
  • terminal.ansiBrightBlack#777777
  • terminal.ansiBrightBlue#007acc
  • terminal.ansiBrightCyan#00aacb
  • terminal.ansiBrightGreen#60cb00
  • terminal.ansiBrightMagenta#e64ce6
  • terminal.ansiBrightRed#f05050
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffbc5d
  • terminal.ansiCyan#0083b2
  • terminal.ansiGreen#448c27
  • terminal.ansiMagenta#7a3e9d
  • terminal.ansiRed#aa3731
  • terminal.ansiWhite#bbbbbb
  • terminal.ansiYellow#cb9000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.semicolon.clojure#808080
constant.language.nil, constant.language.nil.clojure#7a3e9d
constant.language.boolean, constant.language.boolean.clojure#7a3e9d
constant.numeric, constant.numeric.arbitrary-radix.clojure, constant.numeric.decimal.clojure, constant.numeric.hexidecimal.clojure, constant.numeric.octal.clojure, constant.numeric.ratio.clojure#325cc0
constant.keyword, constant.keyword.clojure, support.type.property-name.json, entity.other.attribute-name.html, support.type.property-name.css, entity.other.attribute-name.pseudo-class.css, keyword.operator.namespace.rust, entity.name.type.rust#7a3e9d
storage.control.clojure, keyword.control.clojure, keyword.other.rust, keyword.other.fn.rust, keyword.control.at-rule, keyword.control.at-rule.font-face.css, keyword.control.at-rule.layer.tailwind, keyword.control.at-rule.apply.tailwind, keyword.control.at-rule.tailwind.tailwind#325cc0
punctuation, punctuation.section.expression.begin.clojure, punctuation.section.expression.end.trailing.clojure, punctuation.section.map.begin.clojure, punctuation.section.map.end.trailing.clojure, punctuation.section.vector.begin.clojure, punctuation.section.vector.end.trailing.clojure, punctuation.section.set.begin.clojure, punctuation.section.set.end.trailing.clojure, meta.expression.clojure#808080
string, string.regexp.clojure, variable.parameter.url.css#008000
constant.character.escape#808080
meta.symbol.clojure, meta.var.clojure, entity.name.variable.clojure, entity.name.variable.dynamic.clojure, entity.global.clojure, entity.name.function.rust#000000
entity.name.namespace, entity.name.namespace.clojure#325cc0
entity.name#325cc0
meta.metadata.simple.clojure#000000

Shiki preview

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

Loading...

Silent Theme - Coding Theme