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#1a2e1a
- activityBar.foreground#4ade80
- activityBar.inactiveForeground#4a5c4a
- activityBarBadge.background#4ade80
- activityBarBadge.foreground#ffffff
- badge.background#4ade80
- badge.foreground#ffffff
- button.background#4ade80
- button.foreground#ffffff
- button.hoverBackground#5eeb8f
- dropdown.background#1e3a1e
- dropdown.border#06b6d4
- dropdown.foreground#e8f5e8
- editor.background#0d1b0d
- editor.findMatchBackground#4ade8055
- editor.findMatchHighlightBackground#4ade8033
- editor.foreground#e8f5e8
- editor.lineHighlightBackground#1a2e1a
- editor.selectionBackground#06b6d444
- editor.selectionHighlightBackground#06b6d422
- editorBracketMatch.background#4ade8044
- editorBracketMatch.border#06b6d4
- editorCursor.foreground#06b6d4
- editorError.foreground#ef4444
- editorGroup.border#1e3a1e
- editorGroupHeader.tabsBackground#1a2e1a
- editorGutter.addedBackground#4ade80
- editorGutter.deletedBackground#ef4444
- editorGutter.modifiedBackground#eab308
- editorIndentGuide.activeBackground#06b6d4
- editorIndentGuide.background#1e3a1e
- editorLineNumber.activeForeground#06b6d4
- editorLineNumber.foreground#4a5c4a
- editorWidget.background#1e3a1e
- editorWidget.border#06b6d4
- focusBorder#06b6d4
- input.background#1e3a1e
- input.border#06b6d4
- input.foreground#e8f5e8
- list.activeSelectionBackground#4ade8033
- list.activeSelectionForeground#e8f5e8
- list.hoverBackground#06b6d422
- list.inactiveSelectionBackground#1e3a1e
- panel.background#1a2e1a
- panel.border#1e3a1e
- panelTitle.activeBorder#06b6d4
- panelTitle.activeForeground#e8f5e8
- panelTitle.inactiveForeground#4a5c4a
- scrollbarSlider.activeBackground#06b6d488
- scrollbarSlider.background#06b6d444
- scrollbarSlider.hoverBackground#06b6d466
- sideBar.background#1a2e1a
- sideBar.foreground#e8f5e8
- sideBarSectionHeader.background#0d1b0d
- sideBarSectionHeader.foreground#4ade80
- statusBar.background#0d1b0d
- statusBar.debuggingBackground#4ade80
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e8f5e8
- tab.activeBackground#0d1b0d
- tab.activeBorder#06b6d4
- tab.activeForeground#e8f5e8
- tab.border#1e3a1e
- tab.inactiveBackground#1a2e1a
- tab.inactiveForeground#4a5c4a
- terminal.ansiBlack#0d1b0d
- terminal.ansiBlue#06b6d4
- terminal.ansiBrightBlack#4a5c4a
- terminal.ansiBrightBlue#22d3ee
- terminal.ansiBrightCyan#2dd4bf
- terminal.ansiBrightGreen#5eeb8f
- terminal.ansiBrightMagenta#c084fc
- terminal.ansiBrightRed#f87171
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fde047
- terminal.ansiCyan#14b8a6
- terminal.ansiGreen#4ade80
- terminal.ansiMagenta#a855f7
- terminal.ansiRed#ef4444
- terminal.ansiWhite#e8f5e8
- terminal.ansiYellow#eab308
- titleBar.activeBackground#0d1b0d
- titleBar.activeForeground#e8f5e8
- titleBar.inactiveBackground#1a2e1a
- titleBar.inactiveForeground#4a5c4a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4a5c4a | italic |
| variable, string constant.other.placeholder | #e8f5e8 | — |
| keyword, storage.type, storage.modifier | #4ade80 | bold |
| keyword.control | #14b8a6 | italic |
| entity.name.function, meta.function-call, variable.function, support.function | #06b6d4 | bold |
| entity.name.class, entity.name.type, support.type, support.class | #22d3ee | bold |
| string | #eab308 | — |
| constant.numeric | #f97316 | bold |
| constant.language, constant.character | #ffffff | bold |
| variable.other.property, support.type.property-name, entity.other.attribute-name | #14b8a6 | — |
| entity.name.method, variable.function.constructor | #84cc16 | italic |
| entity.name.tag | #10b981 | bold |
| entity.other.attribute-name.html | #06b6d4 | italic |
| keyword.operator | #14b8a6 | — |
| punctuation | #a7c7a7 | — |
| keyword.control.import, keyword.control.from | #0ea5e9 | bold |
| entity.name.function.decorator, punctuation.decorator | #f59e0b | bold |
| string.regexp | #ef4444 | — |
| constant.character.escape | #84cc16 | — |
| support.type.property-name.json | #06b6d4 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #16a34a | bold |
| support.type.property-name.css | #06b6d4 | — |
| support.constant.property-value.css | #eab308 | — |
| markup.heading | #22c55e | bold |
| markup.bold | #f97316 | bold |
| markup.italic | #14b8a6 | italic |
| markup.inline.raw | #06b6d4 | — |
| invalid, invalid.illegal | #ef4444 | underline |