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.background#1D1F28
  • activityBar.border#00000000
  • activityBarBadge.background#3A4052
  • activityBarBadge.foreground#CDD6E3
  • editor.background#232530
  • editor.foreground#CDD6E3
  • editor.lineHighlightBackground#272A34
  • editor.selectionBackground#6C708628
  • editorBracketHighlight.foreground1#74839A
  • editorBracketHighlight.foreground2#74839A
  • editorBracketHighlight.foreground3#74839A
  • editorBracketHighlight.foreground4#74839A
  • editorBracketHighlight.foreground5#74839A
  • editorBracketHighlight.foreground6#74839A
  • editorBracketPairGuide.activeBackground1#434A5B
  • editorBracketPairGuide.activeBackground2#434A5B
  • editorBracketPairGuide.activeBackground3#434A5B
  • editorBracketPairGuide.activeBackground4#434A5B
  • editorBracketPairGuide.activeBackground5#434A5B
  • editorBracketPairGuide.activeBackground6#434A5B
  • editorCursor.foreground#C8C8C8
  • editorGroupHeader.tabsBackground#1F212B
  • editorGutter.background#232530
  • editorIndentGuide.activeBackground1#434A5B
  • editorIndentGuide.background1#2D313D
  • scrollbarSlider.activeBackground#5A607055
  • scrollbarSlider.background#3A3F4B55
  • scrollbarSlider.hoverBackground#4A506055
  • sideBar.background#21232D
  • sideBar.border#00000000
  • statusBar.background#232530
  • statusBar.debuggingBackground#2A2D37
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#CDD6E3
  • statusBar.foreground#CDD6E3
  • statusBar.noFolderBackground#232530
  • statusBar.noFolderForeground#CDD6E3
  • statusBarItem.prominentBackground#2A2D37
  • statusBarItem.prominentForeground#CDD6E3
  • statusBarItem.remoteBackground#232530
  • statusBarItem.remoteForeground#CDD6E3
  • tab.activeBackground#252733
  • tab.inactiveBackground#1F212B
  • terminal.ansiBlack#2A2D37
  • terminal.ansiBlue#729BB3
  • terminal.ansiBrightBlack#5B6273
  • terminal.ansiBrightBlue#84A9BF
  • terminal.ansiBrightCyan#8EB8C7
  • terminal.ansiBrightGreen#86A995
  • terminal.ansiBrightMagenta#A695D6
  • terminal.ansiBrightRed#C77D7D
  • terminal.ansiBrightWhite#E6EDF7
  • terminal.ansiBrightYellow#B89B6A
  • terminal.ansiCyan#7AA2B8
  • terminal.ansiGreen#769986
  • terminal.ansiMagenta#9A84C7
  • terminal.ansiRed#BE7878
  • terminal.ansiWhite#CDD6E3
  • terminal.ansiYellow#A98D63
  • terminal.background#232530
  • terminal.foreground#CDD6E3
  • terminal.selectionBackground#6C708628
  • terminalCursor.background#CDD6E3
  • terminalCursor.foreground#CDD6E3
  • titleBar.activeBackground#1D1F28
  • titleBar.border#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5B6273
variable, variable.other.readwrite, string constant.other.placeholder#CDD6E3
constant.other.color#ffffff
invalid, invalid.illegal#BE7878
keyword, storage.type, storage.modifier#BE7878
keyword.control, constant.other.color, 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#8AA7B1
punctuation.section, punctuation.definition.parameters, meta.brace, meta.group.braces#687385
punctuation.separator, punctuation.terminator#8AA7B1
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#A7B4C2
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#729BB3
support.other.variable, string.other.link#BE7878
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#8487D6
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#C4A46B
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#B8A58A
support.type#A7B4C2
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#A7B4C2
variable.language#A7B4C2
entity.name.method.js#729BB3
meta.class-method.js entity.name.function.js, variable.function.constructor#729BB3
entity.other.attribute-name#B8A58A
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#B8A58A
entity.other.attribute-name.class#B8A58A
source.sass keyword.control#729BB3
markup.inserted#86A98D
markup.deleted#BE7878
markup.changed#BE7878
string.regexp#8AA7B1
constant.character.escape#8AA7B1
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#729BB3
source.js constant.other.object.key.js string.unquoted.label.js#BE7878
source.json meta.structure.dictionary.json support.type.property-name.json#BE7878
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#B8A58A
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#C29D7C
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#BE7878
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#C17E70
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#729BB3
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#BE7878
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#BE7878
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 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#86A98D
markup.italic#BE7878italic
markup.quote#61697Aitalic
text.html.markdown, punctuation.definition.list_item.markdown#CDD6E3
text.html.markdown markup.inline.raw.markdown#BE7878
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#61697A
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#86A98D
markup.italic#BE7878
markup.bold, markup.bold string#BE7878bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#BE7878bold
markup.underline#C29D7Cunderline
markup.quote punctuation.definition.blockquote.markdown#61697A
markup.quoteitalic
string.other.link.title.markdown#729BB3
string.other.link.description.title.markdown#BE7878
constant.other.reference.link.markdown#B8A58A
markup.raw.block#BE7878
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#CDD6E3
variable.language.fenced.markdown#61697A
meta.separator#61697Abold
markup.table#CDD6E3
variable.language.special.self.python, variable.language.special.cls.python#A7B4C2
entity.name.function.decorator.python, punctuation.definition.decorator.python#729BB3
support.function.builtin.python#729BB3
support.function.magic.python#729BB3
meta.format.brace.python, constant.character.format.placeholder.other.python#8AA7B1
support.type.exception.python#B8A58A
meta.function.parameters.annotation.python#A7B4C2
constant.other.symbol.ruby#8AA7B1
variable.language.self.ruby#A7B4C2
variable.other.readwrite.instance.ruby#BE7878
variable.other.readwrite.class.ruby#BE7878
variable.other.global.ruby#C29D7C
support.function.kernel.ruby#729BB3
punctuation.section.embedded.ruby#8AA7B1
entity.name.module.ruby#B8A58A
string.unquoted.heredoc.ruby#86A98D
variable.other.php, variable.other.global.php, variable.other.global.safer.php#BE7878
variable.language.this.php#A7B4C2
punctuation.definition.variable.php#8AA7B1
storage.type.php#BE7878
keyword.operator.namespace.php#8AA7B1
entity.name.namespace.php#B8A58A
support.constant.magic.php#C29D7C
support.function.built-in.php#729BB3
entity.name.type.class.java#B8A58A
storage.modifier.import.java, variable.language.wildcard.java#BE7878
meta.declaration.annotation.java, punctuation.definition.annotation.java#C29D7C
storage.type.annotation.java#729BB3
storage.type.primitive.java#BE7878
variable.language.this.java#A7B4C2
meta.cast.java#8AA7B1
variable.other.property.js, variable.other.property.ts, variable.other.property.tsx#8EB8C7
meta.preprocessor, keyword.control.import.c, keyword.control.import.c++, keyword.control.import.include.c, keyword.control.import.include.c++#BE7878
entity.name.function.preprocessor.c, entity.name.function.preprocessor.c++#729BB3
string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.c++#86A98D
storage.type.c, storage.type.c++#BE7878
storage.type.struct.c, storage.type.struct.c++, storage.type.enum.c, storage.type.enum.c++, storage.type.union.c, storage.type.union.c++#BE7878
keyword.operator.dereference.c, keyword.operator.dereference.c++, keyword.operator.member-of-pointer.c++#8AA7B1
entity.name.namespace.c++#B8A58A
meta.template.definition.c++, punctuation.definition.template.begin.c++, punctuation.definition.template.end.c++#8AA7B1
entity.name.type.namespace.cs#B8A58A
entity.other.attribute-name.cs#729BB3
entity.name.type.type-parameter.cs#A7B4C2
meta.preprocessor.cs, keyword.preprocessor.cs#BE7878
keyword.other.this.cs#A7B4C2
punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#8AA7B1
constant.other.placeholder.cs#C29D7C
support.function.builtin.go#729BB3
constant.language.go#C29D7C
entity.name.package.go#B8A58A
storage.type.go, entity.name.type.go#B8A58A
entity.name.type.interface.go#B8A58A
storage.modifier.lifetime.rust, entity.name.lifetime.rust#8AA7B1
entity.name.type.trait.rust#B8A58A
entity.name.type.enum.rust, entity.name.type.struct.rust#B8A58A
meta.macro.rust, entity.name.function.macro.rust, support.function.macro.rust#729BB3
meta.attribute.rust, punctuation.definition.attribute.rust#C29D7C
variable.language.self.rust#A7B4C2
entity.name.type.parameter.rust#A7B4C2
entity.name.type.interface.ts, entity.name.type.interface.tsx#B8A58A
entity.name.type.enum.ts, entity.name.type.enum.tsx#B8A58A
entity.name.type.alias.ts, entity.name.type.alias.tsx#B8A58A
support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin.ts, support.type.builtin.tsx#BE7878
entity.name.type.parameter.ts, entity.name.type.parameter.tsx#A7B4C2
meta.decorator.ts, meta.decorator.tsx, punctuation.decorator.ts, punctuation.decorator.tsx#729BB3
variable.language.this.ts, variable.language.this.tsx#A7B4C2
storage.modifier.ts, storage.modifier.tsx#BE7878
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less#A7B4C2
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-element.scss#8AA7B1
entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss#729BB3
keyword.control.at-rule.css, keyword.control.at-rule.scss, keyword.control.at-rule.less#8AA7B1
keyword.other.important.css#8AA7B1
keyword.other.unit.css, keyword.other.unit.scss, keyword.other.unit.less#C29D7C
variable.css, variable.scss, support.type.custom-property.css#8AA7B1
variable.scss, variable.less#8AA7B1
keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.extend.scss#8AA7B1
entity.name.function.scss, entity.name.function.less#729BB3
punctuation.definition.interpolation.begin.scss, punctuation.definition.interpolation.end.scss#8AA7B1
variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell#BE7878
support.function.builtin.shell#729BB3
keyword.operator.redirect.shell#8AA7B1
comment.line.shebang.shell#5B6273
meta.arithmetic.shell#8AA7B1
string.interpolated.backtick.shell#86A98D
string.unquoted.heredoc.shell#86A98D
entity.name.function.shell#729BB3
string.other.option.shell#C29D7C
keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.drop.sql, keyword.other.alter.sql, keyword.other.authorization.sql#BE7878
keyword.other.alias.sql, keyword.other.order.sql#8AA7B1
entity.name.table.sql, entity.other.attribute-name.sql#B8A58A
support.function.aggregate.sql, support.function.string.sql, support.function.date-time.sql#729BB3
storage.type.sql#B8A58A
constant.other.wildcard.asterisk.sql#8AA7B1
entity.name.tag.yaml#A7B4C2
punctuation.definition.anchor.yaml, entity.name.type.anchor.yaml#8AA7B1
variable.other.alias.yaml, punctuation.definition.alias.yaml#8AA7B1
storage.type.tag-handle.yaml#BE7878
constant.language.boolean.yaml, constant.language.null.yaml#C29D7C
keyword.control.flow.block-scalar.literal.yaml, keyword.control.flow.block-scalar.folded.yaml#8AA7B1
support.type.property-name.toml, variable.other.key.toml#A7B4C2
entity.name.table.toml#B8A58A
entity.name.table.array.toml#729BB3
constant.language.boolean.toml, constant.other.date.toml, constant.other.datetime.toml, constant.other.datetime-with-timezone.toml#C29D7C
entity.name.tag.xml, entity.name.tag.localname.xml#A7B4C2
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#B8A58A
meta.tag.preprocessor.xml, punctuation.definition.tag.xml#8AA7B1
string.unquoted.cdata.xml#86A98D
entity.other.attribute-name.namespace.xml#A7B4C2
meta.tag.sgml.doctype.xml, entity.name.tag.doctype.xml#A7B4C2
support.type.graphql, entity.name.type.graphql#B8A58A
variable.graphql, entity.name.field.graphql#CDD6E3
variable.parameter.graphql#C29D7C
entity.name.function.directive.graphql, keyword.operator.directive.graphql#729BB3
entity.name.fragment.graphql, keyword.operation.graphql#BE7878
constant.character.enum.graphql#C29D7C
keyword.other.special-method.dockerfile#BE7878
entity.name.image.dockerfile#B8A58A
variable.ref.dockerfile#BE7878
meta.diff.header#BE7878
markup.inserted.diff, punctuation.definition.inserted.diff#86A98D
markup.deleted.diff, punctuation.definition.deleted.diff#BE7878
meta.diff.range#8AA7B1
constant.other.hash.git#C29D7C
Atlantico by Gonçalo Venâncio - VS Code Theme