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.activeBackground#343746
  • activityBar.activeBorder#931CFF
  • activityBar.background#191B25
  • activityBar.foreground#931CFF
  • activityBar.inactiveForeground#B2B6C7
  • activityBarBadge.background#931CFF
  • breadcrumb.activeSelectionForeground#fafafa
  • breadcrumb.foreground#e3e3e3cc
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • editor.background#12141D
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#ffffff21
  • editor.selectionBackground#264f78
  • editorCodeLens.foreground#c4ffc2
  • editorCursor.foreground#aeafad
  • editorError.foreground#f48771
  • editorGroupHeader.tabsBackground#272935
  • editorGutter.background#12141d
  • editorIndentGuide.background#404040
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#c4ffc2
  • editorWhitespace.foreground#e3e4e229
  • focusBorder#931CFF
  • foreground#e3e3e3
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.modifiedResourceForeground#e2c08d
  • list.activeSelectionForeground#ffffff
  • list.highlightForeground#18a3ff
  • list.hoverBackground#343746
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#ffffff
  • notificationCenterHeader.background#272935
  • notificationCenterHeader.foreground#FFFFFF
  • notificationsErrorIcon.foreground#FF5555
  • notificationsInfoIcon.foreground#18E48F
  • notificationsWarningIcon.foreground#ECE76b
  • panel.background#1E2029
  • panelTitle.activeBorder#FFFFFF
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#B2B6C7
  • problemsErrorIcon.foreground#FF5555
  • problemsWarningIcon.foreground#ECE76b
  • selection.background#264f78
  • sideBar.background#272935
  • sideBar.foreground#e3e3e3
  • sideBarSectionHeader.background#272727
  • sideBarSectionHeader.border#931CFF
  • sideBarSectionHeader.foreground#ffffff
  • statusBar.background#931CFF
  • statusBar.foreground#e3e3e3
  • tab.activeBackground#12141D
  • tab.activeBorderTop#931CFF
  • tab.activeForeground#e3e3e3
  • tab.inactiveBackground#ffffff00
  • tab.unfocusedActiveBackground#12141D
  • tab.unfocusedActiveBorderTop#931CFF
  • tab.unfocusedActiveForeground#e3e3e3
  • tab.unfocusedHoverBackground#1c1f28
  • tab.unfocusedInactiveBackground#171926
  • tab.unfocusedInactiveForeground#e3e3e3
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.background#1E2029
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.other.definition.dotenv, keyword.other.definition.ini#9cdcfe
punctuation.separator.key-value.dotenv, punctuation.separator.key-value.ini#ffffff
value.other.definition.dotenv, value.other.definition.ini#ffffff
comment.line.number-sign.dotenv, comment.line.number-sign.ini#888888
comment.block.aleo, comment.line.double-slash.aleo#888888
keyword.control.aleo#F92672
storage.type.finalize.aleo#AE81FF
qualifiers.aleo#FD971F
storage.modifier.aleo, constant.other.address.leo, constant.other.signature.leo, constant.other.signature.aleo#66D9EF
entity.other.instruction.aleo#A6E22E
storage.type.core.aleo, constant.numeric.integer.aleo, constant.storage.type.aleo, constant.boolean.type.aleo, constant.language.boolean.aleo#AE81FFitalic
constant.base.register.aleo#FFFFFF
string.quoted.double.aleo, constant.character.escape.aleo#E6DB74
comment.line.double-slash.leo, comment.line.documentation.leo, comment.block.documentation.leo, comment.block.leo, comment.line.leo.leoOutput, comment.block.leo.leoOutput, comment.leo.leoOutput#878787
entity.name.type.program.leo, entity.name.type.import.leo, external.program.name.leo.hover#ECE76B
storage.type.core.leo, section.definition.type.leo.leoOutput, section.definition.expression.value.address.typed.leo.leoOutput, section.definition.expression.value.group.tuple.leo.leoOutput, storage.type.core.leo.hover, storage.type.built-in.method.leo.hover#86E101
string.quoted.double.leo, string.quoted.single.leo, section.definition.expression.string.leo.leoOutput, section.definition.expression.char.leo.leoOutput, path.import.leo.hover#ECE76B
keyword.control.leo, keyword.control.import.leo, keyword.control.import.leo.hover, access.name.circuit.leo.hover, name.circuit.leo.hover#FF4789
function.declaration.token.leo, storage.type.script.leo, storage.type.transition.leo, storage.type.inline.leo, storage.type.async.leo, storage.type.program.leo, storage.type.struct.leo, storage.type.function.leo, storage.type.constructor.leo, storage.type.let.leo, storage.type.then.leo, storage.type.const.leo, storage.type.mapping.leo, storage.type.storage.leo, storage.type.constant.leo, storage.type.public.leo, storage.type.private.leo, storage.type.record.leo, storage.type.function.leo.hover, storage.type.finalize.leo.hover, storage.type.circuit.leo.hover, storage.type.record.leo.hover, storage.type.let.leo.hover, storage.type.const.leo.hover, external.storage.type.leo.hover, storage.type.future.leo, storage.type.async.leo.hover, storage.type.future.leo.hover#FF4789
variable.language.leo#FF4789
storage.modifier.static.leo, storage.modifier.mut.leo, storage.modifier.mut.leo.hover#FF4789
support.variable.test.leo#FF4789
constant.numeric.decimal.leo, constant.other.address.aleo, numeric.integer.decimal.leo.hover#3FD1FF
storage.type.assign.leo, section.definition.type.array.demension.leo.leoOutput, section.definition.expression.value.leo.leoOutput, section.definition.expression.address.leo.leoOutput, section.definition.expression.signature.leo.leoOutput, storage.type.assign.leo.hover#3FD1FF
constant.language.boolean.leo, constant.language.boolean.leo.hover#3FD1FF
entity.other.attribute.name, section.definition.attribute.name.record.struct.leo.leoOutput#D781FF
syntax.all.import.leo, keyword.operator.as.leo#FF4789
entity.name.struct.leo#FF4789
group.name.method.leo.hover#FF4789
storage.type.mapping.leo.hover#FF4789
storage.type.signature.leo.hover#FF4789
storage.algorithm.leo.hover#FF4789
support.other.annotation.leo, test.context.annotation.leo.hover#f1fa8c
function.declaration.name.leo, storage.type.finalize.call.leo, entity.name.struct.attribute.leo, entity.name.function.static.leo, entity.name.function.call.leo, function.name.call, support.function.console.leo, call.name.method.leo.hover, access.name.attribute.leo.hover, entity.name.method.console.leo.hover, name.function.leo.hover, storage.name.built-in.method.leo.hover#D781FF
meta.name_params.leo.hover, variable.parameter.leo, storage.type.future.parantesis.leo, storage.type.future.angle.brackets.leo#FFFFFF
entity.name.type.custom.leo, inline.definition.circuit.name.server.leo, static.call.circuit.name.server.leo, type.circuit.name.server.leo, import.type.circuit.name.server.leo, import.circuit.name.server.leo, known.circuit.name.server.leo, section.definition.type.record.struct.leo.leoOutput, section.definition.internal.type.record.struct.leo.leoOutput#FF4789
entity.name.function.leo, file.definition.function.name.server.leo, circuit.method.name.static.call.server.leo, import.function.name.server.leo, function.name.call.server.leo, import.function.name.call.server.leo, circuit.attribute.name.server.leo#D781FF
#86E101
#3FD1FF
import.program.name.server.leo#ECE76B
#878787
file.definition.circuit.name.server.leo#FFFFFF
keyword.other.definition.dotenv, keyword.other.definition.ini#9cdcfe
punctuation.separator.key-value.dotenv, punctuation.separator.key-value.ini#ffffff
value.other.definition.dotenv, value.other.definition.ini#ffffff
comment.line.number-sign.dotenv, comment.line.number-sign.ini#888888
comment.block.aleo, comment.line.double-slash.aleo#888888
keyword.control.aleo#F92672
storage.type.finalize.aleo#AE81FF
qualifiers.aleo#FD971F
storage.modifier.aleo, constant.other.address.leo, constant.other.signature.leo, constant.other.signature.aleo#66D9EF
entity.other.instruction.aleo#A6E22E
storage.type.core.aleo, constant.numeric.integer.aleo, constant.storage.type.aleo, constant.boolean.type.aleo, constant.language.boolean.aleo#AE81FFitalic
constant.base.register.aleo#FFFFFF
string.quoted.double.aleo, constant.character.escape.aleo#E6DB74
comment.line.double-slash.leo, comment.line.documentation.leo, comment.block.documentation.leo, comment.block.leo, comment.line.leo.leoOutput, comment.block.leo.leoOutput, comment.leo.leoOutput#878787
entity.name.type.program.leo, entity.name.type.import.leo, external.program.name.leo.hover#ECE76B
storage.type.core.leo, section.definition.type.leo.leoOutput, section.definition.expression.value.address.typed.leo.leoOutput, section.definition.expression.value.group.tuple.leo.leoOutput, storage.type.core.leo.hover, storage.type.built-in.method.leo.hover#86E101
string.quoted.double.leo, string.quoted.single.leo, section.definition.expression.string.leo.leoOutput, section.definition.expression.char.leo.leoOutput, path.import.leo.hover#ECE76B
keyword.control.leo, keyword.control.import.leo, keyword.control.import.leo.hover, access.name.circuit.leo.hover, name.circuit.leo.hover#FF4789
function.declaration.token.leo, storage.type.script.leo, storage.type.transition.leo, storage.type.inline.leo, storage.type.async.leo, storage.type.program.leo, storage.type.struct.leo, storage.type.function.leo, storage.type.constructor.leo, storage.type.let.leo, storage.type.then.leo, storage.type.const.leo, storage.type.mapping.leo, storage.type.storage.leo, storage.type.constant.leo, storage.type.public.leo, storage.type.private.leo, storage.type.record.leo, storage.type.function.leo.hover, storage.type.finalize.leo.hover, storage.type.circuit.leo.hover, storage.type.record.leo.hover, storage.type.let.leo.hover, storage.type.const.leo.hover, external.storage.type.leo.hover, storage.type.future.leo, storage.type.async.leo.hover, storage.type.future.leo.hover#FF4789
variable.language.leo#FF4789
storage.modifier.static.leo, storage.modifier.mut.leo, storage.modifier.mut.leo.hover#FF4789
support.variable.test.leo#FF4789
constant.numeric.decimal.leo, constant.other.address.aleo, numeric.integer.decimal.leo.hover#3FD1FF
storage.type.assign.leo, section.definition.type.array.demension.leo.leoOutput, section.definition.expression.value.leo.leoOutput, section.definition.expression.address.leo.leoOutput, section.definition.expression.signature.leo.leoOutput, storage.type.assign.leo.hover#3FD1FF
constant.language.boolean.leo, constant.language.boolean.leo.hover#3FD1FF
entity.other.attribute.name, section.definition.attribute.name.record.struct.leo.leoOutput#D781FF
syntax.all.import.leo, keyword.operator.as.leo#FF4789
entity.name.struct.leo#FF4789
group.name.method.leo.hover#FF4789
storage.type.mapping.leo.hover#FF4789
storage.type.signature.leo.hover#FF4789
storage.algorithm.leo.hover#FF4789
support.other.annotation.leo, test.context.annotation.leo.hover#f1fa8c
function.declaration.name.leo, storage.type.finalize.call.leo, entity.name.struct.attribute.leo, entity.name.function.static.leo, entity.name.function.call.leo, function.name.call, support.function.console.leo, call.name.method.leo.hover, access.name.attribute.leo.hover, entity.name.method.console.leo.hover, name.function.leo.hover, storage.name.built-in.method.leo.hover#D781FF
meta.name_params.leo.hover, variable.parameter.leo, storage.type.future.parantesis.leo, storage.type.future.angle.brackets.leo#FFFFFF
entity.name.type.custom.leo, inline.definition.circuit.name.server.leo, static.call.circuit.name.server.leo, type.circuit.name.server.leo, import.type.circuit.name.server.leo, import.circuit.name.server.leo, known.circuit.name.server.leo, section.definition.type.record.struct.leo.leoOutput, section.definition.internal.type.record.struct.leo.leoOutput#FF4789
entity.name.function.leo, file.definition.function.name.server.leo, circuit.method.name.static.call.server.leo, import.function.name.server.leo, function.name.call.server.leo, import.function.name.call.server.leo, circuit.attribute.name.server.leo#D781FF
#86E101
#3FD1FF
import.program.name.server.leo#ECE76B
#878787
file.definition.circuit.name.server.leo#FFFFFF
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#569cd6
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#b5cea8
constant.regexp#646695
entity.name.tag#569cd6
entity.name.tag.css, entity.name.tag.less#d7ba7d
entity.other.attribute-name#9cdcfe
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#ce9178
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#569cd6
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#569cd6
storage#569cd6
storage.type#569cd6
storage.modifier, keyword.operator.noexcept#569cd6
string, meta.embedded.assembly#ce9178
string.tag#ce9178
string.value#ce9178
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#569cd6
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#9cdcfe
keyword#569cd6
keyword.control#569cd6
keyword.operator#d4d4d4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#569cd6
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569cd6
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#569cd6
support.type.property-name.json#9cdcfe
string, string.json#ce9178
constant.language, constant.language.json#569cd6
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#ce9178
markup.italicitalic
INTERNAL TEST (NOT FOR USE) by aleohq - VS Code Theme