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.background#E6E9EF
  • activityBar.border#CCD0DA
  • activityBar.foreground#4C4F69
  • activityBar.inactiveForeground#9CA0B0
  • activityBarBadge.background#1E66F5
  • activityBarBadge.foreground#EFF1F5
  • badge.background#1E66F5
  • badge.foreground#EFF1F5
  • button.background#1E66F5
  • button.foreground#EFF1F5
  • editor.background#EFF1F5
  • editor.foreground#4C4F69
  • editor.lineHighlightBackground#DCE0E8
  • editor.selectionBackground#ACB0BE
  • editor.wordHighlightBackground#1E66F515
  • editorBracketMatch.background#1E66F520
  • editorBracketMatch.border#1E66F5
  • editorCursor.foreground#8839EF
  • editorGroupHeader.tabsBackground#E6E9EF
  • editorGutter.addedBackground#40A02B
  • editorGutter.background#EFF1F5
  • editorGutter.deletedBackground#D20F39
  • editorGutter.modifiedBackground#DF8E1D
  • editorIndentGuide.background#DCE0E8
  • editorLineNumber.activeForeground#4C4F69
  • editorLineNumber.foreground#9CA0B0
  • focusBorder#1E66F5
  • foreground#4C4F69
  • gitDecoration.addedResourceForeground#40A02B
  • gitDecoration.deletedResourceForeground#D20F39
  • gitDecoration.ignoredResourceForeground#9CA0B0
  • gitDecoration.modifiedResourceForeground#1E66F5
  • input.background#EFF1F5
  • input.border#CCD0DA
  • input.foreground#4C4F69
  • list.activeSelectionBackground#DCE0E8
  • list.highlightForeground#1E66F5
  • list.hoverBackground#DCE0E8
  • menu.background#EFF1F5
  • menu.foreground#4C4F69
  • menu.selectionBackground#DCE0E8
  • panel.background#E6E9EF
  • panel.border#CCD0DA
  • panelTitle.activeBorder#1E66F5
  • scrollbarSlider.background#ACB0BE80
  • sideBar.background#E6E9EF
  • sideBar.border#CCD0DA
  • sideBar.foreground#4C4F69
  • statusBar.background#E6E9EF
  • statusBar.border#CCD0DA
  • statusBar.foreground#4C4F69
  • statusBarItem.remoteBackground#1E66F5
  • statusBarItem.remoteForeground#EFF1F5
  • tab.activeBackground#EFF1F5
  • tab.activeBorderTop#1E66F5
  • tab.activeForeground#4C4F69
  • tab.border#CCD0DA
  • tab.inactiveBackground#E6E9EF
  • tab.inactiveForeground#9CA0B0
  • terminal.background#E6E9EF
  • terminal.foreground#4C4F69
  • titleBar.activeBackground#E6E9EF
  • titleBar.activeForeground#4C4F69

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#9CA0B0italic
string, string.quoted, string.quoted.single, string.quoted.double, punctuation.definition.string#40A02B—
constant.character.escape#40A02B—
constant.numeric#FE640B—
constant.language#FE640Bitalic
constant.character, constant.other#FE640B—
keyword.other.table.al, keyword.other.page.al, keyword.other.codeunit.al, keyword.other.report.al, keyword.other.xmlport.al, keyword.other.enum.al, keyword.other.interface.al, keyword.other.permissionset.al, keyword.other.object.al, storage.type.object.al, keyword.other.query.al, keyword.other.controladdin.al, keyword.other.entitlement.al, keyword.other.profile.al, keyword.other.requestpage.al#8839EFbold
keyword.other.tableextension.al, keyword.other.pageextension.al, keyword.other.reportextension.al, keyword.other.enumextension.al, keyword.other.interfaceextension.al, keyword.other.permissionsetextension.al#8839EFbold italic
entity.name.type.al, entity.name.class.al, entity.name.object.al#40A02Bbold
entity.name.function.al, meta.function.al entity.name.function#1E66F5bold
entity.name.function.trigger.al, entity.name.trigger.al, support.function.trigger.al#209FB5italic
keyword.other.event.al, storage.type.event.al, keyword.other.eventsubscriber.al#209FB5bold italic
entity.name.field.al, variable.other.field.al#179299—
support.type.property-name.al, entity.other.attribute-name.al#4C4F69—
variable.language.rec.al, variable.other.rec.al, variable.language.al#40A02Bbold
support.type.al, storage.type.primitive.al#DF8E1D—
constant.other.enum.al, variable.other.enummember.al#FE640B—
storage.modifier.al, keyword.other.local.al#8839EFitalic
keyword, keyword.control, keyword.other, storage.type, storage.modifier#8839EF—
keyword.operator#4C4F69—
keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.relational#4C4F69—
punctuation#9CA0B0—
variable.other#4C4F69—
variable.language.this#40A02B—
variable.parameter#D20F39—
entity.name.function, support.function.any-method, variable.function#1E66F5bold
support.function#1E66F5—
entity.name.type, entity.name.class, support.class, entity.other.inherited-class#DF8E1D—
entity.other.attribute-name#4C4F69—
support.type.property-name.json#8839EF—
entity.name.tag.yaml#8839EF—
entity.name.tag#8839EF—
entity.name.namespace, entity.name.module#DF8E1D—
invalid#F87171underline
markup.heading#8839EFbold
markup.underline.link#1E66F5—
markup.bold—bold
markup.italic—italic
ALchemy by Yahya Touil - VS Code Theme