Skip to main content
Coding Theme

Lavender Theme

Publisher: Sharon77770Themes in package: 1

Theme in Visual Studio Code with Lavender Concept

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.

  • activityBadgeBackground#5555FF
  • activityBarBackground#171717
  • dropdownBackground#1b1b1b
  • editor.background#1c1c1c
  • editor.foreground#FFFFFF
  • editorFindCheckedBorders#5555FF
  • editorFindInputBackground#171717
  • editorFindWidgetBackground#141414
  • editorGuide#141414
  • editorInvisibles#141414
  • editorMarkerNavigationBackground#141414
  • editorPeekBorder#5555FF
  • editorPeekEditorBackground#0d0d0d
  • editorPeekResultsBackground#141414
  • editorPeekTitleBackground#111111
  • focusedElementOutline#5555FF
  • inactiveTabBackground#141414
  • inputBoxBackground#1b1b1b
  • panelBackground#141414
  • sideBarBackground#141414
  • statusBarBackground#0d0d0d
  • statusBarDebuggingBackground#5555FF
  • statusBarNoFolderBackground#0d0d0d
  • tabs.container.background#141414

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#FFFFFF
string#e3a1ff
constant.language.boolean#ad0bb5
constant.numeric#e09af5
variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function#fee3ff
keyword, modifier, variable.language.this, support.type.object, constant.language#ba40ed
entity.name.function, support.function#e89eff
storage.type, storage.modifier#a255ff
support.module, support.node#7f7fffitalic
support.type#a438cf
entity.name.type, entity.other.inherited-class#ff7aeb
comment#808080italic
entity.name.type.class#ff7aeb
variable.object.property#e085ff
meta.definition.method entity.name.function#d454ff
meta.function entity.name.function#d454ff
template.expression.begin, template.expression.end#d454ff
entity.name.tag.yaml#914fb8
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#914fb8
constant.language.json#5555FF
entity.other.attribute-name.class#ff7aeb
entity.other.attribute-name.id#FF5555
source.css entity.name.tag#55FF55
meta.tag, punctuation.definition.tag#5555FF
entity.name.tag#7f7fff
entity.other.attribute-name#FFFF33
markup.heading#5555FF
text.html.markdown meta.link.inline, meta.link.reference#7f7fff
text.html.markdown beginning.punctuation.definition.list#5555FF
markup.italic#7f7fffitalic
markup.bold#7f7fffbold
markup.bold markup.italic, markup.italic markup.bold#7f7fffitalic bold
keyword.other.definition.ini#7f7fff
entity.name.section.group-title.ini#5555FF
source.cs meta.class.identifier storage.type#55FF55underline
source.cs meta.method.identifier entity.name.function#55FF55
source.cs meta.method-call meta.method, source.cs entity.name.function#FFFF33
source.cs storage.type#55FF55
source.cs meta.method.return-type#55FF55
source.cs meta.preprocessor#333333
source.cs entity.name.type.namespace#FFFFFF
Global settings#FFFFFF

Shiki preview

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

Loading...

Lavender Theme - Coding Theme