Skip to main content
Coding Theme

Skeletor

Publisher: TBVanderleyStudiosThemes in package: 1

Dark theme for VS Code to match Atom's Skeletor Syntax

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#222128
  • activityBar.border#1A1820
  • activityBarBadge.background#7d5cf7
  • activityBarBadge.foreground#fff
  • editor.background#2b2836
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#423e53
  • editor.selectionHighlightBackground#add6ff26
  • editorGroup.border#1A1820
  • editorGroupHeader.tabsBackground#24212D
  • editorGroupHeader.tabsBorder#1A1820
  • editorIndentGuide.background#655E7F
  • editorLineNumber.foreground#86878C
  • list.dropBackground#383b3d
  • sideBar.background#24212D
  • sideBar.border#1A1820
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#24212D
  • statusBar.border#1A1820
  • statusBar.foreground#A19BB5
  • tab.activeBorder#7d5cf7
  • tab.border#1A1820
  • tab.inactiveBackground#24212D
  • titleBar.activeBackground#2b2836
  • titleBar.border#1A1820
  • titleBar.inactiveBackground#2b2836

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d4d4d4ff
text.html.basic#cedeff
meta.tag.inline.any.html#84fba2
entity.name.function.js#84fba2
storage.type.function.js#bd93f9italic
support.variable.dom.js#cedeff
variable.other.readwrite.js#cedeff
keyword.operator.assignment.js#f3e4a2
constant.numeric.decimal.js#ff8adb
storage.type.js#f3e4a2
variable.parameter.js#ffb793
support.constant.math.js#cedeff
keyword.operator.new.js#f3e4a2
entity.name.type.js#93b4ff
support.function.dom.js#bd93f9
variable.other.object.js#cedeff
support.function.js#bd93f9
keyword.control.conditional.js#f3e4a2
keyword.control.flow.js#f3e4a2
variable.language.this.js#cedeff
support.function.math.js#bd93f9
constant.language.boolean.true.js#bd93f9
keyword.operator.arithmetic.js#f3e4a2
meta.object-literal.key.js#cedeff
punctuation.separator.key-value.js#f3e4a2
keyword.operator.relational.js#f3e4a2
comment#655e7f
entity.other.attribute-name#bd93f9
punctuation.definition.tag#cedeff
variable.other.less#cedeff
constant.other.rgb-value#bd93f9
constant.numeric#bd93f9
keyword.other.unit#ff8adb
entity.name.tag.css, keyword.operator.less#f3e4a2
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#bd93f9
support.type.vendored.property-name, support.type.property-name, support.function.misc.css, variable.css, variable.scss, source.coffee.embedded#93b4ff
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, support.constant.color#bd93f9
source.css.less, string.quoted.single.css, meta.property-value.css#cedeff
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
constant.language#569cd6
constant.regexp#646695
entity.name.tag#f3e4a2
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
markup.inline.raw#ce9178
meta.selector#d7ba7d
meta.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#569cd6
string#93b4ff
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
keyword#569cd6
keyword.control#569cd6
keyword.operator#d4d4d4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python#569cd6
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
entity.name.function, support.function, support.constant.handlebars#DCDCAA
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, 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#4EC9B0
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4EC9B0
keyword.control#C586C0
variable, meta.definition.variable.name, support.variable#9CDCFE
meta.object-literal.key#9CDCFE
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#CE9178
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#d16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA
keyword.operator.quantifier.regexp#d7ba7d
constant.character#7b94a5
constant.character.escape#d7ba7d
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

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

Loading...

Skeletor - Coding Theme