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.activeBorder#FF6B9D
- activityBar.background#3D2B3E
- activityBar.foreground#E8D5E8
- button.background#8B1538
- button.foreground#FFFFFF
- button.hoverBackground#A01B42
- dropdown.background#3D2B3E
- dropdown.border#64FFDA
- dropdown.foreground#E8D5E8
- editor.background#2D1B2E
- editor.foreground#E8D5E8
- editor.lineHighlightBackground#3D2B3E50
- editor.selectionBackground#64FFDA30
- editorCursor.foreground#64FFDA
- editorError.foreground#FF6B6B
- editorGutter.addedBackground#6BCF7F
- editorGutter.background#2D1B2E
- editorGutter.deletedBackground#FF6B6B
- editorGutter.modifiedBackground#FFD93D
- editorIndentGuide.activeBackground#64FFDA
- editorIndentGuide.background#5A4A5A
- editorInfo.foreground#6BCF7F
- editorLineNumber.activeForeground#64FFDA
- editorLineNumber.foreground#8A7A8A
- editorSuggestWidget.background#3D2B3E
- editorSuggestWidget.border#64FFDA
- editorSuggestWidget.foreground#E8D5E8
- editorSuggestWidget.highlightForeground#64FFDA
- editorSuggestWidget.selectedBackground#64FFDA20
- editorWarning.foreground#FFD93D
- editorWidget.background#3D2B3E
- editorWidget.border#64FFDA
- editorWidget.foreground#E8D5E8
- focusBorder#64FFDA
- input.background#3D2B3E
- input.border#64FFDA
- input.foreground#E8D5E8
- list.activeSelectionBackground#64FFDA20
- list.activeSelectionForeground#E8D5E8
- list.hoverBackground#3D2B3E80
- list.hoverForeground#E8D5E8
- menu.background#3D2B3E
- menu.foreground#E8D5E8
- menu.selectionBackground#64FFDA20
- menu.selectionForeground#E8D5E8
- menubar.selectionBackground#64FFDA20
- menubar.selectionForeground#E8D5E8
- panel.background#342A35
- panel.foreground#D4C4D4
- scrollbarSlider.activeBackground#64FFDA80
- scrollbarSlider.background#5A4A5A80
- scrollbarSlider.hoverBackground#5A4A5AA0
- selection.background#64FFDA30
- sideBar.background#342A35
- sideBar.foreground#D4C4D4
- statusBar.background#8B1538
- statusBar.foreground#FFFFFF
- tab.activeBackground#2D1B2E
- tab.activeBorder#64FFDA
- tab.activeForeground#E8D5E8
- tab.inactiveBackground#3D2B3E
- tab.inactiveForeground#A294A2
- terminal.background#2D1B2E
- terminal.foreground#E8D5E8
- titleBar.activeBackground#8B1538
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#3D2B3E
- titleBar.inactiveForeground#A294A2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A7A8A | italic |
| keyword, storage.type, storage.modifier, keyword.control | #FF6B9D | bold |
| variable, variable.other, variable.parameter | #A8E6CF | — |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method | #FFD93D | bold |
| string, string.quoted, string.template | #64FFDA | — |
| constant.numeric, constant.language, support.constant | #C7A2FF | — |
| entity.name.type, support.type, support.class, entity.name.class, entity.other.inherited-class | #82AAFF | bold |
| entity.name.tag, meta.tag.sgml | #FF9CAE | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.class | #FFCB6B | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces, meta.brace | #FF6B9D | bold |
| punctuation, keyword.operator | #E8D5E8 | — |
| variable.other.property, support.variable.property | #A8E6CF | — |
| entity.name.method, variable.function.method | #C3E88D | bold |
| keyword.control.import, keyword.control.export, keyword.control.from | #82AAFF | bold |
| invalid, invalid.illegal | #FFFFFF | bold |
| source.json meta.structure.dictionary.json support.type.property-name.json | #FF6B9D | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFD93D | — |
| 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 | #64FFDA | — |
| support.type.property-name.css, support.type.property-name.scss | #FFCB6B | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #C3E88D | — |
| markup.heading | #FF6B9D | bold |
| markup.bold | #FFD93D | bold |
| markup.italic | #C7A2FF | italic |
| markup.inline.raw | #64FFDA | — |