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#000000
  • activityBar.foreground#ffffff
  • activityBarBadge.background#222222
  • activityBarBadge.foreground#ffffff
  • badge.background#f1f1f1
  • badge.foreground#2b21b4
  • button.background#2b21b4
  • button.foreground#ffffff
  • button.hoverBackground#2b21b4be
  • descriptionForeground#8787a7
  • dropdown.background#010101
  • dropdown.border#333333
  • dropdown.foreground#ffffff
  • dropdown.listBackground#000000
  • editor.background#000000
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#141515e9
  • editor.selectionBackground#0d4141
  • editorCursor.foreground#ffffff
  • editorGroupHeader.noTabsBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.background#000000
  • editorIndentGuide.activeBackground#1d1d1d
  • editorIndentGuide.background#1d1d1d
  • editorRuler.foreground#777777
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.highlightForeground#15c8d8
  • editorSuggestWidget.selectedBackground#1d1d1d
  • editorWhitespace.foreground#5c5c58
  • focusBorder#000000
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#89e215
  • gitDecoration.conflictingResourceForeground#f0af2e
  • gitDecoration.deletedResourceForeground#cf3838
  • gitDecoration.ignoredResourceForeground#e0866b
  • gitDecoration.modifiedResourceForeground#cccc97
  • gitDecoration.submoduleResourceForeground#cf1db2
  • gitDecoration.untrackedResourceForeground#3be5ff
  • input.background#101010
  • input.border#fafafa
  • list.activeSelectionBackground#111132
  • list.activeSelectionForeground#e4e4e4
  • list.dropBackground#1a1a1a
  • list.errorForeground#fad325
  • list.focusBackground#222222
  • list.focusForeground#e4e4e4
  • list.highlightForeground#495288
  • list.hoverBackground#222222
  • list.hoverForeground#e4e4e4
  • list.inactiveFocusBackground#222222
  • list.inactiveSelectionBackground#000000
  • list.inactiveSelectionForeground#e4e4e4
  • list.invalidItemForeground#e4e4e4
  • list.warningForeground#ff4040
  • menu.foreground#bbbbbb
  • selection.background#53717a
  • sideBar.background#000000
  • sideBar.foreground#bbbbbb
  • sideBarSectionHeader.background#000000
  • sideBarTitle.foreground#fafafa
  • statusBar.background#000000
  • statusBar.debuggingBackground#462020
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • tab.activeBackground#000000
  • tab.activeBorder#cccccc
  • tab.activeForeground#00ffff
  • tab.border#000000
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#b6b4b4
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#bbbbbb
  • titleBar.border#000000
  • titleBar.inactiveBackground#222222
  • titleBar.inactiveForeground#aaaaaa

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#4A4943β€”
string#E0D56Eβ€”
constant.numeric#AE81FFβ€”
constant.language#AE81FFβ€”
constant.character, constant.other#AE81FFβ€”
variableβ€”β€”
keyword#FA236E
storage#FA236Eβ€”
storage.type#3BE5FF
entity.name.class#89E215
entity.other.inherited-class#89E215 italic
entity.name.function#89E215β€”
variable.parameter#FFA826italic
entity.name.tag#F92672
entity.other.attribute-name#89E215
support.function#3BE5FFβ€”
support.constant#66D9EF
support.type, support.class#3BE5FF
support.other.variableβ€”
invalid#FF0D31
invalid.deprecated#AE81FFβ€”
markup.quote#F92672β€”
markup.list#E6DB74β€”
markup.bold, markup.italic#4EE1FFβ€”
markup.inline.raw#FD971F
markup.heading#A6E22Eβ€”
markup.heading.setext#A6E22Ebold
markup.heading.markdownβ€”bold
markup.quote.markdown#75715Eitalic
markup.bold.markdownβ€”bold
string.other.link.title.markdown,string.other.link.description.markdown#AE81FFβ€”
markup.underline.link.markdown,markup.underline.link.image.markdown#E6DB74β€”
markup.italic.markdownβ€”italic
markup.list.unnumbered.markdown, markup.list.numbered.markdown#F8F8F2β€”
punctuation.definition.list.begin.markdown#A6E22Eβ€”
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β€”
commentβ€”β€”
keyword.operator, punctuation.separator, punctuation.separator, punctuation.support.type.property-name.begin.jsonβ€”
entity.name.scope-resolution#66D9EF
entity.name.type#66D9EF
entity.name.function#66D9EF
comment, variable.language, variable.parameter, storage.type, keywordβ€”
variable#DDDDDDEAβ€”
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...