ShubhTech
Publisher: Shubham KhuntThemes in package: 1
Improve Your Experience of Coding With Vs
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#ff2870
- activityBarBadge.foreground#ffffff
- button.background#df69f1
- button.foreground#ffffff
- dropdown.background#000000
- editor.background#000000
- editor.findMatchBackground#ffffff
- editor.findMatchHighlightBackground#01b8cb25
- editor.foreground#ffffff
- editor.lineHighlightBackground#91919100
- editor.selectionBackground#222222
- editorCursor.foreground#ffffff
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorIndentGuide.activeBackground#dd00ff90
- editorIndentGuide.background#ffffff08
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#ef7bfab9
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#ffffff
- editorSuggestWidget.highlightForeground#e95384
- editorSuggestWidget.selectedBackground#e11bff75
- input.background#000000
- list.activeSelectionBackground#80428a
- list.activeSelectionForeground#d7dae0
- list.hoverBackground#ffffff10
- list.inactiveSelectionBackground#ffffff20
- menu.background#000000
- menu.foreground#ffffff
- menubar.selectionBackground#e74eff
- sideBar.background#0f070fd7
- sideBarSectionHeader.background#f3a2ec62
- statusBar.background#28132c25
- statusBar.foreground#ffffff
- tab.activeBackground#000000
- tab.border#ffffff
- tab.inactiveBackground#000000
- textLink.foreground#269df8
- titleBar.activeBackground#000000
- titleBar.activeForeground#ffffff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #7c7c7c | italic |
| string, string.template | #ff56f1 | — |
| constant.numeric | #d254e6 | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #fc5c8e | — |
| storage.type | #f75d8e | — |
| variable.language | #f15086 | — |
| keyword, keyword.operator.logical, keyword.operator.constructor | #f14d84 | — |
| keyword.operator | #fa2e72 | — |
| storage | #ff3a7c | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #13d9eb | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block | #17dcee | — |
| entity.other.inherited-class | #cbff3b | — |
| storage.modifier.import, storage.modifier.package | #26eafc | — |
| entity.name.function, support.function | #b8fd2e | — |
| function.support.builtin, function.support.core | #c1ff44 | — |
| entity.name.tag, entity.name.tag.class.js | #ff435c | bold |
| entity.other.attribute-name | #fcff66 | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #39ff85 | — |
| markup.deleted | #ff286f | — |
| markup.inserted | #c1ff44 | — |
| string.detected-link | #2deeff | — |
| markup.underline.link.markdown | #3ce8f8 | — |
| markup.heading.markdown | #ff2f75 | bold |
| markup.quote.markdown | #b3ff1b | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace | #20e9ff | — |
| constant.character, constant.other | #ff3a78 | — |
| variable.other, variable.other.property, variable.other.block | #d7ff8e | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #6ffff3 | italic |
| support.constant | #d261ff | — |
| support.type, support.variable | #ffa7d7 | — |
| constant.language | #ffba31 | — |
| entity.name.function-call | #c2ff48 | — |
| entity.name.tag.class, entity.name.tag.id | #ff2a71 | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #3effb5 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #ff9a48 | — |
| variable.css, variable.scss, variable.less, variable.sass | #3eefff | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #ff9797 | — |
| support.other.variable | #2cff48 | |
| invalid | #ffffff | — |
| support.type.property-name.json | #ff8484 | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #ffffff | — |
| punctuation.definition.italic.markdown | #00f7ff | italic |
| markup.bold.markdown | #00ffdd | bold |