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.

  • activityBar.background#171825
  • activityBar.foreground#ff99c9
  • activityBarBadge.background#fe7c8e
  • button.background#fe7c8ecc
  • dropdown.background#202330
  • editor.background#171825
  • editor.foreground#fff0f5
  • editor.lineHighlightBackground#472541
  • editor.selectionBackground#472541
  • editor.selectionHighlightBackground#575b6180
  • editor.wordHighlightBackground#4747a180
  • editor.wordHighlightStrongBackground#6767ce80
  • editorBracketMatch.border#d0963a
  • editorCursor.foreground#ffedf0
  • editorError.foreground#ff62a5
  • editorGroupHeader.tabsBackground#191e29
  • editorWarning.foreground#3bc089
  • extensionButton.prominentBackground#fe7c8e
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#fe7c8e
  • focusBorder#fe7c8e
  • input.background#202330
  • inputOption.activeBorder#fe7c8e
  • list.activeSelectionBackground#d0963a
  • list.errorForeground#ff62a5
  • list.focusBackground#707070
  • list.highlightForeground#ffffff
  • list.hoverBackground#565970
  • list.inactiveSelectionBackground#765d36
  • menu.separatorBackground#f3b4bf
  • notificationCenter.border#f3b4bf
  • notificationCenterHeader.background#f3b4bf
  • notificationCenterHeader.foreground#ffffff
  • notificationLink.foreground#fe7c8e
  • notifications.background#6d5d72
  • notifications.foreground#f3b4bf
  • panelTitle.activeForeground#ffffff
  • peekView.border#d0963a
  • scrollbarSlider.activeBackground#e9a6b288
  • scrollbarSlider.background#f3b4bf48
  • scrollbarSlider.hoverBackground#f3b4bf66
  • sideBar.background#171825
  • sideBarSectionHeader.background#202330
  • statusBar.background#171825
  • statusBar.debuggingBackground#f3b4bf
  • statusBar.noFolderBackground#f3b4bf
  • tab.activeBorderTop#fe7c8e
  • tab.activeForeground#fe7c8e
  • tab.border#9498a144
  • tab.inactiveBackground#191e29
  • tab.inactiveForeground#9498a1
  • terminal.ansiWhite#ffffff
  • titleBar.activeBackground#2d2f42

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#C5C8C6β€”
comment#6D7A72
string#FAE8B6
constant.numeric#FF38A2
constant.language#58B896
constant.character, constant.other#FF7F9D
keyword#FF4791
storage#FEC831
storage.type#DCBFF2italic
entity.name.class#F5A6C6underline
entity.other.inherited-class#37E884italic underline
entity.name.function#FFC85B
variable.parameter#9CD162italic
entity.name.tag#FA508C
support.function#A2C2EBbold
variable.other, variable.js, punctuation.separator.variable#EBA4AC
invalid#FFFFFF
variable.other.php, variable.other.normal#EBA4AC
variable.other.property#DCBFF2
meta.tag#FFF0F5
entity.name.tag#FA508C
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#73B5D7
meta.tag.inline source, text.html.php.source#73B5D7
entity.other.attribute-name, meta.tag punctuation.definition.string#E6A1FF
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#73B5D7β€”
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#FFF0F5
support.type, support.class#94AFE8italic
punctuation.definition.template-expression, punctuation.section.embedded.coffee#D08442β€”
meta.template.expression#C5C8C6β€”
punctuation.definition.string.end.php, punctuation.definition.string.begin.php#E1ECF2β€”
source.php.embedded.line.html#787878β€”
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#EC9A5E
keyword.other.DML.sql#D0B344
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#DC322F
markup.changed#E53C70
markup.inserted#219186β€”
markup.quote#9E6DBCβ€”
markup.list#73B5D7β€”
markup.bold, markup.italic#6089B4β€”
markup.inline.raw#FF0080
markup.heading#D0B344β€”
markup.heading.setext#D0B344
token.info-token#6796E6β€”
token.warn-token#E5AC40β€”
token.error-token#F44747β€”
token.debug-token#B267E6β€”
comment, variable.language, variable.parameter, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.thisβ€”
keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitiveβ€”
comment, variable.language, variable.parameter, storage.typeβ€”

Shiki preview

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

Loading...

Best Themes Redefined πŸš€ - Coding Theme