Skip to main content
Coding Theme

Xcode Default Theme

Publisher: smockleThemes in package: 4

Brings the colors of the Xcode 'Default (Dark)' and 'Default (Light)' themes to Visual Studio Code

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#ECECEC
  • activityBar.border#D9D7D5
  • activityBar.foreground#282828
  • activityBarBadge.background#282828
  • button.background#3C93FD
  • editor.lineHighlightBackground#EEF5FE
  • editorGroup.border#D9D7D5
  • editorGroupHeader.tabsBackground#F5F5F5
  • editorGroupHeader.tabsBorder#D9D7D5
  • editorLineNumber.activeForeground#282828
  • editorLineNumber.foreground#A6A6A6
  • editorWidget.background#F5F5F5
  • editorWidget.border#D9D7D5
  • editorWidget.resizeBorder#D9D7D5
  • focusBorder#82ADF3
  • foreground#282828
  • input.border#D9D7D5
  • input.placeholderForeground#C7C6C5
  • list.activeSelectionBackground#3C93FD
  • list.focusBackground#3C93FD
  • list.focusForeground#FFFFFF
  • list.highlightForeground#242424
  • list.inactiveSelectionBackground#CECECE
  • notificationCenter.border#D9D7D5
  • notifications.border#D9D7D5
  • panel.border#D9D7D5
  • panelTitle.activeForeground#282828
  • panelTitle.inactiveForeground#242424
  • scrollbar.shadow#ffffff00
  • selection.background#B3D7FF
  • sideBar.background#F5F5F5
  • sideBar.border#D9D7D5
  • sideBarSectionHeader.background#F5F5F5
  • sideBarSectionHeader.foreground#282828
  • sideBarTitle.foreground#282828
  • statusBar.background#ECECEC
  • statusBar.border#D9D7D5
  • statusBar.debuggingBackground#ECECEC
  • statusBar.foreground#565456
  • statusBar.noFolderBackground#ECECEC
  • tab.activeBorder#ffffff
  • tab.border#D9D7D5
  • tab.inactiveBackground#F5F5F5
  • tab.inactiveForeground#242424
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#272AD8
  • terminal.ansiBrightBlack#000000
  • terminal.ansiBrightBlue#272AD8
  • terminal.ansiBrightCyan#3F6E74
  • terminal.ansiBrightGreen#007400
  • terminal.ansiBrightMagenta#AA0D91
  • terminal.ansiBrightRed#C41A16
  • terminal.ansiBrightYellow#643820
  • terminal.ansiCyan#3F6E74
  • terminal.ansiGreen#007400
  • terminal.ansiMagenta#AA0D91
  • terminal.ansiRed#C41A16
  • terminal.ansiYellow#643820
  • widget.shadow#ffffff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#000000
emphasisitalic
strongbold
meta.diff.header#0A0A76
comment#0A760A
constant.language#1313EC
constant.numeric#137E57
constant.regexp#7A2642
entity.name.tag#760A0A
entity.name.selector#760A0A
entity.other.attribute-name#EC1313
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#760A0A
invalid#C13D3D
markup.underlineunderline
markup.bold#0A0A76bold
markup.heading#760A0Abold
markup.italicitalic
markup.inserted#137E57
markup.deleted#982020
markup.changed#105299
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#105299
markup.inline.raw#760A0A
punctuation.definition.tag#760A0A
meta.preprocessor#1313EC
meta.preprocessor.string#982020
meta.preprocessor.numeric#137E57
meta.structure.dictionary.key.python#105299
storage#1313EC
storage.type#1313EC
storage.modifier#1313EC
string#982020
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#1313EC
string.regexp#7A2642
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#1313EC
meta.template.expression#000000
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#105299
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#EC1313
support.type.property-name.json#105299
keyword#1313EC
keyword.control#1313EC
keyword.operator#000000
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python#1313EC
keyword.other.unit#137E57
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#760A0A
support.function.git-rebase#105299
constant.sha.git-rebase#137E57
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#1313EC
entity.name.function, support.function, support.constant.handlebars#735C2C
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#2F7A90
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#2F7A90
keyword.control#A510CB
variable, meta.definition.variable.name, support.variable, entity.name.variable#0A1776
meta.object-literal.key#0A1776
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#105299
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#C97171
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#7A2642
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#EC1313
constant.character#1313EC
constant.character.escape#EC1313

Shiki preview

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

Loading...

Xcode Default Theme - Coding Theme