Skip to main content
CodingTheme

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.background#f7efdc
  • activityBar.foreground#000000
  • activityBarBadge.background#5993c5
  • banner.background#f7efdc
  • banner.foreground#000000
  • button.background#5993c5
  • button.hoverBackground#4d7fab
  • dropdown.background#e3dbc9
  • dropdown.foreground#343434
  • dropdown.listBackground#f7efdc
  • editor.background#fef6e2
  • editor.foreground#000000
  • editor.lineHighlightBackground#ffffff12
  • editor.selectionHighlightBackground#ffffff12
  • editorBracketHighlight.foreground1#2120a4
  • editorCursor.foreground#000000
  • editorError.foreground#c82d1f
  • editorGroupHeader.noTabsBackground#e3dbc9
  • editorGroupHeader.tabsBackground#e3dbc9
  • editorHoverWidget.background#fef6e2
  • editorWarning.foreground#d2ba18
  • errorForeground#c82d1f
  • input.background#e3dbc9
  • input.foreground#343434
  • list.errorForeground#c82d1f
  • list.hoverBackground#f7efdc
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#fef6e2
  • list.warningForeground#d2ba18
  • notifications.background#e3dbc9
  • notifications.foreground#343434
  • panel.background#f7efdc
  • problemsErrorIcon.foreground#6b5553
  • problemsWarningIcon.foreground#d2ba18
  • quickInput.background#e3dbc9
  • quickInput.foreground#343434
  • sideBar.background#e3dbc9
  • sideBar.foreground#343434
  • sideBarTitle.foreground#000000
  • statusBar.background#e3dbc9
  • statusBar.debuggingBackground#364359
  • statusBar.foreground#343434
  • tab.activeBackground#f7efdc
  • tab.activeForeground#000000
  • tab.inactiveBackground#e3dbc9
  • tab.inactiveForeground#5a5a5a
  • titleBar.activeBackground#f7efdc
  • titleBar.activeForeground#000000
  • titleBar.inactiveBackground#f7efdc
  • titleBar.inactiveForeground#000000
  • toolbar.hoverBackground#e3dbc9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#14141480
variable, meta.function-call.arguments, meta.indexed-name, meta.attribute, entity.name.variable#393732
variable.other.property, variable.other.object.property#0066ad
invalid, invalid.illegal#ff786b
keyword, keyword.control, storage.type, storage.modifier, constant.language, support.constant, keyword.other.unit, keyword.other, keyword.operator.wordlike#e62282
constant.numeric#008c47
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.operator#00009c
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, support.function.any-method#0039e6
string, punctuation.definition.string, punctuation.support.type.property-name, support.type.property-name, storage.type.string, constant.other.symbol, constant.other.key, constant.character, constant.escape, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#996b00
entity.name, entity.other.inherited-class, keyword.type, meta.function.gdscript, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, meta.void#009933
entity.name.class.builtin, support.type, support.class#1c8c66
support.type#78919b
string.regexp#1c8c66
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
comment.keywords.warnings#b89c7a
comment.keywords.critical#c45959
comment.keywords.notices#8fab82
keyword.control.flow#bd1fcc
entity.name.function.gdscript#009999
entity.name.function.decorator.gdscript#cc5e00
constant.language.gdscript#393732
meta.global-method, meta.keyword.language.gdscript, meta.function-global.gdscript#5c2eb8
meta.literal.nodepath.gdscript constant.character.escape.gdscript, meta.literal.nodepath.gdscript keyword.control.flow.gdscript, extra.keyword.language.gdscript#63c259
comment.line.double-number-sign.gdscript#7e94aa

Shiki preview

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

Loading...

godot-vscode-theme by ryanabx - VS Code Theme