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—