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#050505
  • editor.background#000000
  • editor.findMatchBackground#254C63
  • editor.findMatchHighlightBackground#1A334280
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#0A1F2C99
  • editor.selectionBackground#113042
  • editor.wordHighlightBackground#1E364466
  • editor.wordHighlightStrongBackground#2A4B6199
  • editorBracketMatch.background#132531
  • editorBracketMatch.border#4CA6D9
  • editorCursor.foreground#79C0FF
  • editorLineNumber.activeForeground#9CB6C5
  • editorLineNumber.foreground#4A535A
  • panel.background#040404
  • sideBar.background#050505
  • statusBar.background#03131B
  • tab.activeBackground#000000
  • tab.inactiveBackground#070707
  • titleBar.activeBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text#D4D4D4
comment, punctuation.definition.comment#8B9EB0italic
keyword, storage.type#79C0FF
keyword.operator, punctuation.separator, punctuation.terminator#8AB9D1
string, punctuation.definition.string#8DD28A
constant.numeric, constant.language, constant.character#E5C07B
entity.name.function, support.function, meta.function-call#F0C674
variable, meta.definition.variable.name, variable.other.readwrite#D4D4D4
variable.other.property.python, variable.other.object.property.python#56B6C2
entity.name.type, entity.name.class, support.class, support.type#4EC9B0
keyword.control.import.python, keyword.control.flow.python, storage.type.function.python#569CD6
keyword.operator.logical.not.python, keyword.operator.logical.not, keyword.operator.wordlike.not.python, keyword.operator.wordlike.not#FF7B72
keyword.operator.logical.python#D2A8FF
meta.function.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python#D2A8FF
variable.parameter.function.language.special.self.python, variable.language.special.self.python, variable.language.special.cls.python#79C0FF
meta.import.python entity.name.namespace.python, meta.import.python support.module.python, support.module.python, entity.name.namespace.python#C678DD
meta.import.python variable.other.normal.python, meta.import.python variable.other.readwrite.python, meta.import.python variable.other.readwrite.alias.python, meta.import.python variable.other.alias.python, meta.import.python support.class.python#98C379
support.type.property-name.json, meta.object-literal.key.json string.quoted.double.json, meta.object.member.json string.quoted.double.json#56B6C2
punctuation.separator.key-value.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.comma.json#8B9EB0
constant.language.boolean.json, constant.language.null.json#D19A66
entity.name.tag.yaml, entity.name.tag.yaml punctuation.definition.tag.yaml#56B6C2
string.unquoted.yaml, string.quoted.single.yaml, string.quoted.double.yaml#8DD28A
constant.other.anchor.yaml, variable.other.alias.yaml#C678DD
OLED EyeEase TriLang by Deniz Ekin Canbay - VS Code Theme