Skip to main content
Coding Theme

Best Themes Redefined πŸš€

Publisher: Lakshit SomaniThemes in package: 92

πŸŽ¨πŸš€ A never seen collection of 92 hand crafted themes no where to be found on Internet πŸ’»

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.

  • editor.background#1a1a1a
  • editor.foreground#ecf0f1
  • editor.inactiveSelectionBackground#e74c3c
  • editor.lineHighlightBackground#2a2a2a
  • editor.selectionBackground#2a2a2a
  • editorCursor.foreground#ecf0f1
  • editorIndentGuide.activeBackground#ffffff
  • editorIndentGuide.background#222222
  • editorWhitespace.foreground#f3ffb51a
  • statusBar.background#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#606060italic
constant#6C71C4
entity#2ECC71
keyword#E74C3C bold
storage#3498DB
string#F1C40F
support#3498DB bold
variable#E67E22
invalid#FFFFFFβ€”
text sourceβ€”β€”
text.html.ruby sourceβ€”β€”
entity.other.inherited-class#2ECC71italic
string.quoted source#F1C40F
string constant#6C71C4β€”
string.regexp#3498DBβ€”
string variable#FFFFFFβ€”
support.function#3498DB
support.constant#2ECC71
other.preprocessor.c#3498DBβ€”
other.preprocessor.c entity#2ECC71β€”
punctuation.separator.key-value.js#6C71C4β€”
meta.object-literal.key.js#F1C40Fβ€”
entity.name.tag#E74C3Cβ€”
entity.other.attribute-name#2ECC71β€”
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#FFFFFFβ€”
meta.selector.css entity.name.tag#1ABC9Cβ€”
meta.selector.css entity.other.attribute-name.id#2ECC71β€”
meta.selector.css entity.other.attribute-name.class#2ECC71β€”
support.type.property-name.css#3498DB
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#2ECC71 italic
meta.preprocessor.at-rule keyword.control.at-rule#F1C40F bold
meta.property-value support.constant.named-color.css, meta.property-value constant#E74C3Cβ€”
meta.constructor.argument.css#E74C3Cβ€”
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8β€”
markup.changed#F8F8F8β€”
markup.inserted#F8F8F8β€”
sublimelinter.outline.notesβ€”β€”
sublimelinter.outline.illegalβ€”β€”
sublimelinter.underline.illegalβ€”β€”
sublimelinter.outline.warning#FFFFFFβ€”
sublimelinter.underline.warningβ€”β€”
sublimelinter.outline.violationβ€”β€”
sublimelinter.underline.violationβ€”β€”
entity.other.attribute-name.id.html#2ECC71β€”
entity.other.attribute-name.html#2ECC71β€”
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#FFFFFFβ€”
keyword.control.at-rule.import.css#F1C40F bold
variable.other.less#FFFFFFβ€”
entity.other.less.mixin#9B59B6β€”
source.css.less keyword.unit.css#3498DBβ€”
entity.other.attribute-name.angular.html, source.angular.embedded.html#E74C3Cβ€”
constant.character.entity.html#3498DBβ€”
variable.other.readwrite.instance.coffee#E67E22β€”
meta.brace.round.coffee,meta.brace.square.coffee#F1C40Fβ€”
punctuation.section.embedded.coffee#5EEBB8β€”
variable.assignment.coffee variable.assignment.coffee#FFFFFFβ€”
meta.delimiter.method.period.coffee#3CADD7β€”
meta.brace.curly.coffee#1ABC9Cβ€”
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#3C444Dβ€”
variable.language, variable.parameter, variable.other.object, keyword, keyword.control, entity.name.function, storage.type, storage.type.modifier, storage.type.accessor, storage.type.built-in, entity.name.typeβ€”
keyword.control, keyword, storage.type.built-inβ€”bold
commentβ€”β€”
keyword.operator, punctuation.separator, punctuation.separator, punctuation.support.type.property-name.begin.jsonβ€”
variable.other.object#ECF0F1β€”
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...