ThemeMeBabe
Publisher: ThemeMeBabe by DikshaThemes in package: 4
A VS Code extension that changes your theme based on your coding mood — focused, tired, neutral, or frustrated. Mood-based vibes, automatically.
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#2d2438
- activityBar.foreground#a78bfa
- editor.background#1a1625
- editor.foreground#f5f3ff
- editor.lineHighlightBackground#2d243840
- editor.selectionBackground#a78bfa60
- editorCodeLens.foreground#c084fc
- editorCursor.foreground#ec4899
- editorGhostText.background#fbbf2420
- editorGhostText.foreground#fbbf24
- editorInlayHint.background#22d3ee20
- editorInlayHint.foreground#22d3ee
- editorLineNumber.activeForeground#a78bfa
- editorLineNumber.foreground#9ca3af
- editorSuggestWidget.background#3d3451
- editorSuggestWidget.border#fbbf24
- editorSuggestWidget.foreground#f5f3ff
- editorSuggestWidget.highlightForeground#ec4899
- editorSuggestWidget.selectedBackground#fbbf2440
- editorSuggestWidget.selectedForeground#ffffff
- sideBar.background#2d2438
- sideBar.foreground#d1d5db
- statusBar.background#ec4899
- statusBar.foreground#ffffff
- tab.activeBackground#1a1625
- tab.activeBorder#a78bfa
- tab.activeForeground#f5f3ff
- tab.inactiveBackground#2d2438
- tab.inactiveForeground#9ca3af
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #c084fc | italic |
| variable, string constant.other.placeholder | #22d3ee | — |
| invalid, invalid.illegal | #f87171 | — |
| keyword, storage.type, storage.modifier | #ec4899 | bold |
| keyword.control, punctuation, meta.tag, punctuation.definition.tag | #a78bfa | — |
| entity.name.tag, meta.tag.sgml | #f472b6 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #fbbf24 | bold |
| constant.numeric, constant.language, support.constant, constant.character | #fb7185 | — |
| string, constant.other.symbol, constant.other.key | #34d399 | — |
| entity.name, support.type, support.class | #06b6d4 | — |
| support.type | #6366f1 | — |
| entity.other.attribute-name | #c084fc | — |
| text.html.basic entity.other.attribute-name.html | #fde047 | italic |
| entity.other.attribute-name.class | #f472b6 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #ec4899 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #fbbf24 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #34d399 | — |
| markup.heading, markup.heading.markdown | #f472b6 | — |
| markup.bold | #ec4899 | bold |
| markup.italic | #22d3ee | italic |