Skip to main content
Coding Theme

Color themes

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.activeBorder#0E9C7B
  • activityBar.background#fafbfc
  • activityBar.border#e2e8f0
  • activityBar.foreground#1a202c
  • activityBarBadge.background#0E9C7B
  • badge.background#0a7c72
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#0a7c72
  • breadcrumb.background#fafbfc
  • breadcrumb.focusForeground#0a7c72
  • breadcrumb.foreground#64748b
  • button.background#0a7c72
  • button.foreground#ffffff
  • button.hoverBackground#0f9b8e
  • dropdown.background#ffffff
  • dropdown.border#e2e8f0
  • dropdown.foreground#1a202c
  • editor.background#fafbfc
  • editor.findMatchBackground#d1f4ed
  • editor.findMatchHighlightBackground#d1f4ed66
  • editor.foreground#1a202c
  • editor.lineHighlightBackground#f1f5f9
  • editor.selectionBackground#d1f4ed
  • editor.selectionHighlightBackground#d1f4ed66
  • editor.wordHighlightBackground#d1f4ed66
  • editor.wordHighlightStrongBackground#d1f4ed66
  • editorBracketHighlight.foreground1#1a202c
  • editorBracketHighlight.foreground2#1a202c
  • editorBracketHighlight.foreground3#1a202c
  • editorBracketHighlight.foreground4#1a202c
  • editorBracketHighlight.foreground5#1a202c
  • editorBracketHighlight.foreground6#1a202c
  • editorBracketMatch.background#d1f4ed
  • editorBracketMatch.border#0a7c72
  • editorBracketPairGuide.activeBackground1#1a202c
  • editorBracketPairGuide.activeBackground2#1a202c
  • editorBracketPairGuide.activeBackground3#1a202c
  • editorBracketPairGuide.activeBackground4#1a202c
  • editorBracketPairGuide.activeBackground5#1a202c
  • editorBracketPairGuide.activeBackground6#1a202c
  • editorBracketPairGuide.background1#94a3b8
  • editorBracketPairGuide.background2#94a3b8
  • editorBracketPairGuide.background3#94a3b8
  • editorBracketPairGuide.background4#94a3b8
  • editorBracketPairGuide.background5#94a3b8
  • editorBracketPairGuide.background6#94a3b8
  • editorCursor.foreground#0a7c72
  • editorError.foreground#d63948
  • editorGroup.border#e2e8f0
  • editorGroup.emptyBackground#fafbfc
  • editorGroupHeader.tabsBackground#fafbfc
  • editorGutter.addedBackground#0a7c72
  • editorGutter.background#fafbfc
  • editorGutter.deletedBackground#d63948
  • editorGutter.modifiedBackground#b8845a
  • editorHint.foreground#0a7c72
  • editorIndentGuide.activeBackground1#0a7c72
  • editorIndentGuide.background1#e2e8f0
  • editorInfo.foreground#0f9b8e
  • editorLineNumber.activeForeground#0a7c72
  • editorLineNumber.foreground#94a3b8
  • editorWarning.foreground#b8845a
  • editorWhitespace.foreground#e2e8f0
  • input.background#ffffff
  • input.border#e2e8f0
  • input.foreground#1a202c
  • inputOption.activeBorder#0a7c72
  • list.activeSelectionBackground#f1f5f9
  • list.activeSelectionForeground#1a202c
  • list.hoverBackground#f1f5f9
  • list.inactiveSelectionBackground#fafbfc
  • panel.background#ffffff
  • panel.border#e2e8f0
  • panelTitle.activeBorder#0E9C7B
  • panelTitle.activeForeground#0E9C7B
  • panelTitle.inactiveForeground#A9AAB1
  • progressBar.background#0a7c72
  • scrollbarSlider.activeBackground#0a7c72
  • scrollbarSlider.background#e2e8f0
  • scrollbarSlider.hoverBackground#94a3b8
  • sideBar.background#fafbfc
  • sideBar.border#e2e8f0
  • sideBar.foreground#1a202c
  • sideBarSectionHeader.background#fafbfc
  • sideBarSectionHeader.foreground#1a202c
  • sideBarTitle.foreground#0E9C7B
  • statusBar.background#F5FAF6
  • statusBar.border#E8EDEA
  • statusBar.debuggingBackground#F5FAF6
  • statusBar.foreground#1a202c
  • statusBar.noFolderBackground#F5FAF6
  • statusBarItem.prominentBackground#E8F5F3
  • statusBarItem.prominentForeground#0E9C7B
  • tab.activeBackground#ffffff
  • tab.activeBorder#0E9C7B
  • tab.activeBorderTop#0E9C7B
  • tab.activeForeground#1a202c
  • tab.border#e2e8f0
  • tab.inactiveBackground#fafbfc
  • tab.inactiveForeground#94a3b8
  • textBlockQuote.background#f1f5f9
  • textBlockQuote.border#e2e8f0
  • textCodeBlock.background#f1f5f9
  • textLink.activeForeground#0a7c72
  • textLink.foreground#0f9b8e
  • textPreformat.background#f1f5f9
  • textPreformat.foreground#1a202c
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#1a202c
  • titleBar.border#e2e8f0
  • titleBar.inactiveBackground#fafbfc
  • titleBar.inactiveForeground#94a3b8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#64748bitalic
source.python meta.function.parameters.python support.type.python, source.python meta.function.python support.type.python, source.python support.type.python, meta.function.parameters.python support.type.python, meta.function.python support.type.python, support.type.python#A64D79
storage.type.function, storage.type.function.python, storage.type.function.js, storage.type.function.ts#2563A8
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new#b8845a
punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string, string.quoted.single punctuation.definition.string, string.quoted.double punctuation.definition.string, string.quoted.triple punctuation.definition.string#0f9b8e
string, string.quoted.single, string.quoted.double, string.template, string.quoted.triple#0f9b8e
support.type.property-name.json, string.quoted.double.json punctuation.definition.string.json, string.quoted.double.json meta.structure.dictionary.json support.type.property-name.json#b8845a
source.json string.quoted.double, source.json meta.structure.dictionary.value string.quoted.double#0f9b8e
entity.name.tag.yaml, source.yaml entity.name.tag#b8845a
source.yaml string.quoted, source.yaml string.unquoted#0f9b8e
source.python entity.name.type, source.python storage.type, entity.name.type.python#A64D79
entity.name.type, entity.name.class, support.type, support.class, entity.name.type.alias, entity.name.type.interface, entity.name.type.enum#2563A8
storage.type.typescript, storage.type.interface.typescript, storage.type.type.typescript#b8845a
meta.function-call entity.name.function, support.function#b8845a
entity.name.function, entity.name.method#b8845a
entity.name.function.definition, meta.function.definition entity.name.function#1a202c
variable.parameter, variable.parameter.function, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter, meta.function.python variable.parameter#1a202c
variable, variable.other, variable.other.readwrite, variable.other.object.property#334155
variable.other.property, variable.other.object.property, entity.name.attribute, meta.object-literal.key#b8845a
constant.numeric, constant.language.boolean, constant.language.null#0f9b8e
constant.character.format.placeholder.other.python, constant.character.format.placeholder.python, meta.format.brace.python constant.character.format.placeholder, string.quoted.single.python constant.character.format.placeholder, string.quoted.double.python constant.character.format.placeholder, meta.function-call.arguments.python constant.character.format.placeholder#0f9b8e
constant, constant.character, constant.other, constant.language#0f9b8e
source.python meta.function-call.python meta.function-call.arguments.python meta.member.access.python punctuation.definition.arguments.end.python, source.python meta.function-call.python meta.function-call.arguments.python punctuation.definition.arguments.end.python, source.python meta.function-call.python meta.function-call.arguments.python punctuation.definition.arguments.begin.python, source.python meta.function-call.python meta.member.access.python punctuation.definition.arguments.end.python, source.python meta.function-call.python punctuation.definition.arguments.end.python, source.python meta.function-call.python punctuation.definition.arguments.begin.python, meta.function-call.python meta.function-call.arguments.python meta.member.access.python punctuation.definition.arguments.end.python, meta.function-call.python meta.function-call.arguments.python punctuation.definition.arguments.end.python, meta.function-call.python meta.function-call.arguments.python punctuation.definition.arguments.begin.python, meta.function-call.python meta.member.access.python punctuation.definition.arguments.end.python, meta.function-call.python punctuation.definition.arguments.end.python, meta.function-call.python punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end, punctuation.definition.arguments.begin, punctuation.definition.arguments#A64D79
punctuation.separator.colon, punctuation.separator.key-value#A64D79
punctuation.section.parens, punctuation.section.parens.begin, punctuation.section.parens.end, meta.group#A64D79
punctuation.section.braces, punctuation.section.braces.begin, punctuation.section.braces.end, meta.brace#A64D79
keyword.operator, punctuation.accessor, punctuation.separator, punctuation.section.brackets, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation, punctuation.definition, punctuation.section, meta.bracket#1a202c
entity.name.tag, punctuation.definition.tag#b8845a
punctuation.definition.decorator, entity.name.function.decorator#0a7c72
keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.default#2563A8
markup.heading#0a7c72bold
markup.inline.raw, markup.fenced_code.block#1a202c
TurboGPT Theme by xRiskLab - VS Code Theme