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#060c12
  • activityBar.border#ffffff09
  • activityBar.foreground#6e7d9a
  • activityBarBadge.background#ff006a
  • activityBarBadge.foreground#ffffff
  • badge.background#ff006a
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ff006a
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#6e7d9a88
  • button.background#ff006a
  • button.foreground#ffffff
  • button.hoverBackground#cc0055
  • checkbox.background#0c1116
  • checkbox.border#ffffff09
  • diffEditor.border#ffffff09
  • diffEditor.insertedTextBackground#aaed3622
  • diffEditor.removedTextBackground#ff006a22
  • dropdown.background#0a1016
  • dropdown.border#ffffff09
  • dropdown.foreground#ffffff
  • editor.background#0e141a
  • editor.foreground#ffffff
  • editorBracketMatch.background#ffffff15
  • editorBracketMatch.border#ff006a88
  • editorCursor.foreground#ff006a
  • editorError.foreground#ff006a
  • editorGroup.border#ffffff09
  • editorGroupHeader.tabsBackground#0a1016
  • editorGroupHeader.tabsBorder#ffffff09
  • editorGutter.addedBackground#aaed3688
  • editorGutter.deletedBackground#ff006a88
  • editorGutter.modifiedBackground#f5af1988
  • editorHoverWidget.background#0a1016
  • editorHoverWidget.border#ffffff09
  • editorIndentGuide.activeBackground#ffffff20
  • editorIndentGuide.background#ffffff09
  • editorInfo.foreground#44dfff
  • editorLineNumber.activeForeground#6e7d9a
  • editorLineNumber.foreground#5a6986aa
  • editorOverviewRuler.border#ffffff09
  • editorOverviewRuler.errorForeground#ff006a
  • editorOverviewRuler.infoForeground#44dfff
  • editorOverviewRuler.warningForeground#f5af19
  • editorRuler.foreground#ffffff09
  • editorSuggestWidget.background#0a1016
  • editorSuggestWidget.border#ffffff09
  • editorSuggestWidget.highlightForeground#ff006a
  • editorSuggestWidget.selectedBackground#ffffff15
  • editorWarning.foreground#f5af19
  • editorWidget.background#0a1016
  • editorWidget.border#ffffff09
  • extensionButton.prominentBackground#ff006a
  • extensionButton.prominentHoverBackground#cc0055
  • focusBorder#ff006a44
  • gitDecoration.conflictingResourceForeground#f5af19
  • gitDecoration.deletedResourceForeground#ff006a
  • gitDecoration.ignoredResourceForeground#6e7d9abb
  • gitDecoration.modifiedResourceForeground#f5af19
  • gitDecoration.untrackedResourceForeground#aaed36
  • input.background#0c1116
  • input.border#ffffff09
  • input.foreground#ffffff
  • input.placeholderForeground#6e7d9a88
  • list.activeSelectionBackground#ffffff12
  • list.activeSelectionForeground#ffffff
  • list.focusBackground#ffffff12
  • list.highlightForeground#ff006a
  • list.hoverBackground#ffffff08
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#ffffff08
  • list.inactiveSelectionForeground#ffffff
  • menu.background#0a1016
  • menu.border#ffffff09
  • menu.foreground#ffffff
  • menu.selectionBackground#ffffff15
  • menu.separatorBackground#ffffff09
  • notificationCenterHeader.background#0a1016
  • notifications.background#0a1016
  • notifications.border#ffffff09
  • panel.background#0a1016
  • panel.border#ffffff09
  • panelTitle.activeBorder#ff006a
  • panelTitle.activeForeground#ffffff
  • peekView.border#ff006a44
  • peekViewEditor.background#0a1016
  • peekViewResult.background#060c12
  • peekViewTitle.background#0a1016
  • peekViewTitleDescription.foreground#6e7d9a
  • peekViewTitleLabel.foreground#ffffff
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#ffffff18
  • scrollbarSlider.background#ffffff08
  • scrollbarSlider.hoverBackground#ffffff12
  • sideBar.background#0a1016
  • sideBar.border#ffffff09
  • sideBar.foreground#6e7d9a
  • sideBarTitle.foreground#6e7d9abb
  • statusBar.background#0a1016
  • statusBar.border#ffffff09
  • statusBar.debuggingBackground#ff006a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#6e7d9abb
  • statusBar.noFolderBackground#0a1016
  • tab.activeBackground#0e141a
  • tab.activeBorderTop#ff006a
  • tab.border#00000000
  • tab.inactiveBackground#0a1016
  • tab.inactiveForeground#6e7d9abb
  • terminal.ansiBlack#0e141a
  • terminal.ansiBlue#44dfff
  • terminal.ansiBrightBlack#6e7d9a
  • terminal.ansiBrightBlue#44dfff
  • terminal.ansiBrightCyan#44dfff
  • terminal.ansiBrightGreen#aaed36
  • terminal.ansiBrightMagenta#ff006a
  • terminal.ansiBrightRed#ff006a
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#f5af19
  • terminal.ansiCyan#44dfff
  • terminal.ansiGreen#aaed36
  • terminal.ansiMagenta#ff006a
  • terminal.ansiRed#ff006a
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#f5af19
  • terminal.background#0a1016
  • terminal.foreground#ffffff
  • terminalCursor.foreground#ff006a
  • titleBar.activeBackground#0a1016
  • titleBar.activeForeground#6e7d9a
  • titleBar.border#ffffff09
  • titleBar.inactiveBackground#060c12
  • titleBar.inactiveForeground#6e7d9aaa
  • welcomePage.buttonBackground#0c1116
  • welcomePage.buttonHoverBackground#ffffff04
  • widget.shadow#00000044
  • window.activeBorder#0e141a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, fenced_code.block.language.markdown#5a6986aaitalic
punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, meta.arrow, storage.type.function.arrow, keyword.operator.assignment, punctuation.terminator.rule.css, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.end#6e7d9a
variable, variable.other, variable.other.readwrite, variable.other.object, string constant.other.placeholder, meta.block variable.other, entity.name.method, variable.function.constructor, markup.changed, constant.character.escape, markup.inline.raw.string.markdown, entity.other.attribute-name.class.css, entity.other.inherited-class.ruby, keyword.control.pseudo-method.ruby, entity.name.variable.parameter.python, variable.parameter.function.python, variable.other.property, support.variable#44dfff
keyword, keyword.control, keyword.operator, storage.type, storage.modifier, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other, markup.heading, markup.inserted.git_gutter, entity.other.attribute-name#ffffff
entity.name.function, meta.function-call, variable.function, support.function, entity.name.tag, entity.name, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.return, keyword.control.async, keyword.control.await, keyword.control.try, keyword.control.except, keyword.control.raise, invalid, invalid.illegal, markup.deleted.git_gutter, markup.changed.git_gutter, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types#ff006a
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.template, string.regexp, string.interpolated, entity.other.attribute-name.pseudo-class.css, entity.other.inherited-class, keyword.other.special-method, markup.inserted.git_gutter, variable.language#aaed36
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary, tag.decorator entity.name.tag, tag.decorator punctuation.definition.tag, entity.name.decorator, keyword.operator.logical, constant.language.symbol.ruby, constant.other.color, constant.other.symbol, constant.other.key, punctuation.definition.annotation, storage.type.annotation#f5af19
markup.bold, markup.bold string, entity.name, entity.other.inherited-class, entity.other.attribute-name.class.css, keyword.other.important.css, keyword.other.important.scss, support.class, support.class.rubybold
markup.italic, commentitalic
markup.underline, *url*, *link*, *uri*underline
text.html.markdown, punctuation.definition.list_item.markdown, markup.italic#dddddd
meta.import, punctuation.terminator.statement, keyword.control.import, keyword.control.from#5a6986aa
string.other.link.title.markdown, constant.other.reference.link.markdown#44dfff
markup.quote, markup.quote punctuation.definition.blockquote.markdown, meta.separator, markup.table#6e7d9aitalic
markup.raw.block#cccccc
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold#ccccccbold italic
support.type, source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#6e7d9a
entity.other.attribute-name.id.css, entity.other.attribute-name.id, entity.name.tag.css#ff006a
support.constant.property-value.css, support.constant.font-name.css, support.constant.media-type.media.css, support.constant.media.css, constant.other.color.rgb-value.css, constant.other.color.rgb-value.hex.css#aaed36
keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css, keyword.other.unit.pt.css, keyword.other.unit.percent.css, keyword.other.unit.css#f5af19
keyword.other.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.select.sql, keyword.other.insert.sql, keyword.other.update.sql, keyword.other.delete.sql, keyword.other.where.sql, keyword.other.from.sql, keyword.other.join.sql, keyword.other.on.sql, keyword.other.as.sql, keyword.other.order.sql, keyword.other.group.sql, keyword.other.by.sql, keyword.other.having.sql, keyword.other.limit.sql, keyword.other.offset.sql, keyword.other.union.sql, keyword.other.intersect.sql, keyword.other.except.sql, keyword.other.into.sql, keyword.other.values.sql, keyword.other.set.sql, keyword.other.table.sql, keyword.other.database.sql, keyword.other.index.sql, keyword.other.primary.sql, keyword.other.foreign.sql, keyword.other.key.sql, keyword.other.references.sql, keyword.other.constraint.sql, keyword.other.not.sql, keyword.other.null.sql, keyword.other.unique.sql, keyword.other.default.sql, keyword.other.check.sql, keyword.other.transaction.sql, keyword.other.begin.sql, keyword.other.commit.sql, keyword.other.rollback.sql, keyword.other.grant.sql, keyword.other.revoke.sql, keyword.other.procedure.sql, keyword.other.function.sql, keyword.other.trigger.sql, keyword.other.view.sql, keyword.other.alter.sql, support.function.aggregate.sql, support.function.window.sql#ff006abold
storage.type.sql, storage.type.numeric.sql, storage.type.string.sql, storage.type.date.sql, keyword.other.type.sql#44dfff
entity.name.function.sql, meta.toc-list.id.sql, variable.other.table.sql, variable.other.column.sql, constant.other.database-name.sql, constant.other.table-name.sql#ffffff
support.function.scalar.sql, support.function.string.sql, support.function.numeric.sql, support.function.date.sql#f5af19
entity.name.tag.xml, entity.name.tag.localname.xml, meta.tag.xml#ff006a
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml#44dfff
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml, variable.other.documentroot.xml#f5af19
meta.tag.preprocessor.xml, punctuation.definition.tag.xml#6e7d9a
entity.name.tag.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, punctuation.definition.block.sequence.item.yaml#44dfff
string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.in.yaml#aaed36
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#f5af19
constant.language.boolean.yaml, constant.language.null.yaml, constant.language.yaml#ff006a
keyword.key.toml, support.type.property-name.toml, variable.other.key.toml#44dfff
entity.other.attribute-name.toml, entity.name.section.toml, punctuation.definition.table.toml, punctuation.definition.array.table.toml#ff006abold
support.type.python, support.function.builtin.python, meta.function.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python#f5af19
variable.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.self.python#ff006aitalic
support.type.typing.python, meta.type.annotation.python, support.class.typing.python#44dfff
entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust#f5af19italic
entity.name.function.macro.rust, meta.macro.rust, support.macro.rust#ff006a
entity.name.type.rust, entity.name.trait.rust, entity.name.struct.rust, entity.name.enum.rust, entity.name.union.rust, entity.name.impl.rust, storage.type.rust#44dfff
keyword.type.go, keyword.package.go, keyword.import.go, keyword.function.go, keyword.var.go, keyword.const.go, keyword.interface.go, keyword.struct.go, keyword.map.go, keyword.chan.go, keyword.go.go, keyword.defer.go, keyword.select.go, keyword.fall_through.go#ff006a
support.function.builtin.go, support.type.builtin.go#f5af19
variable.other.php, variable.other.global.php, variable.other.global.safer.php, variable.language.this.php#44dfff
support.class.php, entity.name.type.class.php, storage.type.class.php, storage.type.interface.php, storage.type.trait.php, storage.type.enum.php#f5af19
support.function.string.php, support.function.array.php, support.function.math.php, support.function.datetime.php, support.function.url.php, support.function.file.php#ff006a
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell, variable.language.shell, variable.other.special.shell, variable.other.c-style.shell#44dfff
support.function.builtin.shell, entity.name.command.shell, support.other.parenthesis.regexp#ff006a
string.other.option.shell, constant.other.option.shell, punctuation.definition.flag.shell#f5af19
punctuation.definition.annotation.java, storage.type.annotation.java, variable.annotation.java#f5af19
storage.type.java, storage.type.primitive.java, entity.name.type.class.java, entity.name.type.interface.java, entity.name.type.enum.java#44dfff
meta.preprocessor.c, keyword.control.directive.c, keyword.control.directive.cpp, keyword.control.directive.include.c, keyword.control.directive.include.cpp, keyword.control.directive.define.c, keyword.control.directive.define.cpp#f5af19
storage.type.c, storage.type.cpp, storage.type.built-in.c, storage.type.built-in.cpp, storage.type.primitive.c, storage.type.primitive.cpp#44dfff
keyword.other.special-method.dockerfile, entity.name.function.dockerfile, keyword.other.dockerfile#ff006abold
source.json support.type.property-name.json#ff006a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#44dfff
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#aaed36
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f5af19
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ffffff
keyword.operation.graphql, keyword.fragment.graphql, keyword.type.graphql, keyword.schema.graphql, keyword.enum.graphql, keyword.union.graphql, keyword.scalar.graphql, keyword.interface.graphql, keyword.input.graphql, keyword.directive.graphql, keyword.extends.graphql, keyword.implements.graphql, keyword.on.graphql#ff006abold
variable.graphql, string.unquoted.alias.graphql, entity.name.fragment.graphql#44dfff
support.type.graphql, entity.name.type.graphql, entity.name.type.object.graphql#f5af19
keyword.model.prisma, keyword.enum.prisma, keyword.datasource.prisma, keyword.generator.prisma, support.class.prisma, entity.name.type.model.prisma#ff006abold
support.type.primitive.prisma, entity.name.type.prisma#44dfff
string.regexp, constant.character.character-class.regexp, constant.other.character-class.regexp, constant.character.escape.regexp, keyword.control.anchor.regexp, keyword.operator.quantifier.regexp#aaed36
punctuation.definition.character-class.regexp, keyword.operator.or.regexp, punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp#f5af19
BESUR by BESUR Themes - VS Code Theme