TaraMandal
Publisher: Ramohan TiwariThemes in package: 4
A cosmic-inspired theme collection for VS Code with stellar accents
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#090D12
- activityBar.foreground#B892FF
- activityBar.inactiveForeground#465A6C
- activityBarBadge.background#B892FF
- activityBarBadge.foreground#0A0F14
- breadcrumb.activeSelectionForeground#B892FF
- breadcrumb.background#0A0F14
- breadcrumb.focusForeground#E5F4FF
- breadcrumb.foreground#7E8AA2
- button.background#B892FF
- button.foreground#0A0F14
- button.hoverBackground#C6A9FF
- debugConsole.errorForeground#FF88A4
- debugConsole.infoForeground#9FD3FF
- debugConsole.sourceForeground#B892FF
- debugConsole.warningForeground#FFC480
- debugToolBar.background#090D12
- dropdown.background#0C1116
- dropdown.border#172330
- dropdown.foreground#E5F4FF
- editor.background#0A0F14
- editor.findMatchBackground#FFC48055
- editor.findMatchHighlightBackground#FFC48035
- editor.foreground#E5F4FF
- editor.lineHighlightBackground#12171D
- editor.rangeHighlightBackground#15202B60
- editor.selectionBackground#B892FF35
- editor.selectionHighlightBackground#88FFF720
- editor.wordHighlightBackground#9FD3FF25
- editor.wordHighlightStrongBackground#9FD3FF35
- editorBracketMatch.background#88FFF740
- editorBracketMatch.border#88FFF7
- editorCursor.foreground#FFCB6B
- editorGroupHeader.tabsBackground#090D12
- editorGroupHeader.tabsBorder#172330
- editorGutter.addedBackground#A7FFAF
- editorGutter.background#0A0E13
- editorGutter.deletedBackground#FF88A4
- editorGutter.modifiedBackground#9FD3FF
- editorHoverWidget.background#0C1116
- editorHoverWidget.border#172330
- editorHoverWidget.foreground#E5F4FF
- editorIndentGuide.activeBackground1#88FFF755
- editorIndentGuide.background1#15202B
- editorLineNumber.activeForeground#B892FF
- editorLineNumber.foreground#465A6C
- editorOverviewRuler.addedForeground#A7FFAF80
- editorOverviewRuler.background#0A0F14
- editorOverviewRuler.border#172330
- editorOverviewRuler.deletedForeground#FF88A480
- editorOverviewRuler.errorForeground#FF88A480
- editorOverviewRuler.findMatchForeground#FFC48080
- editorOverviewRuler.modifiedForeground#9FD3FF80
- editorOverviewRuler.rangeHighlightForeground#9FD3FF55
- editorOverviewRuler.selectionHighlightForeground#B892FF80
- editorOverviewRuler.warningForeground#FFC48080
- editorOverviewRuler.wordHighlightForeground#9FD3FF80
- editorRuler.foreground#172330
- editorWidget.background#0C1116
- editorWidget.border#172330
- editorWidget.foreground#E5F4FF
- extensionButton.prominentBackground#B892FF
- extensionButton.prominentForeground#0A0F14
- extensionButton.prominentHoverBackground#C6A9FF
- gitDecoration.conflictingResourceForeground#FFC480
- gitDecoration.deletedResourceForeground#FF88A4
- gitDecoration.ignoredResourceForeground#465A6C
- gitDecoration.modifiedResourceForeground#9FD3FF
- gitDecoration.untrackedResourceForeground#A7FFAF
- input.background#0C1116
- input.border#172330
- input.foreground#E5F4FF
- input.placeholderForeground#7E8AA2
- inputOption.activeBorder#88FFF7
- inputValidation.errorBackground#FF88A435
- inputValidation.errorBorder#FF88A4
- list.activeSelectionBackground#B892FF35
- list.activeSelectionForeground#E5F4FF
- list.focusBackground#88FFF725
- list.hoverBackground#12171D
- list.inactiveSelectionBackground#15202B
- merge.border#172330
- merge.currentContentBackground#9FD3FF20
- merge.currentHeaderBackground#9FD3FF40
- merge.incomingContentBackground#A7FFAF20
- merge.incomingHeaderBackground#A7FFAF40
- minimap.background#0A0F14
- minimap.findMatchHighlight#FFC48055
- minimap.selectionHighlight#B892FF35
- notifications.background#0C1116
- notifications.border#172330
- notifications.foreground#E5F4FF
- panel.background#0A0E13
- panel.border#172330
- panelTitle.activeBorder#B892FF
- panelTitle.activeForeground#E5F4FF
- panelTitle.inactiveForeground#7E8AA2
- peekView.border#B892FF
- peekViewEditor.background#0C1116
- peekViewEditorGutter.background#0A0F14
- peekViewResult.background#0A0F14
- peekViewTitle.background#090D12
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#9FD3FF60
- scrollbarSlider.background#465A6C60
- scrollbarSlider.hoverBackground#465A6C80
- sideBar.background#0C1116
- sideBar.border#172330
- sideBar.foreground#9FD3FF
- sideBarSectionHeader.background#0C1116
- sideBarSectionHeader.foreground#B892FF
- sideBarTitle.foreground#E5F4FF
- statusBar.background#0A0E13
- statusBar.debuggingBackground#B892FF
- statusBar.debuggingForeground#0A0F14
- statusBar.foreground#E5F4FF
- statusBar.noFolderBackground#0A0E13
- statusBarItem.hoverBackground#172330
- statusBarItem.remoteBackground#9FD3FF
- statusBarItem.remoteForeground#0A0F14
- tab.activeBackground#0A0F14
- tab.activeBorder#B892FF
- tab.activeForeground#E5F4FF
- tab.border#090D12
- tab.hoverBackground#12171D
- tab.inactiveBackground#090D12
- tab.inactiveForeground#7E8AA2
- tab.unfocusedActiveBackground#0C1116
- tab.unfocusedActiveForeground#A4B5C6
- terminal.ansiBlack#0A0F14
- terminal.ansiBlue#9FD3FF
- terminal.ansiBrightBlack#465A6C
- terminal.ansiBrightBlue#B1DBFF
- terminal.ansiBrightCyan#A3FFF9
- terminal.ansiBrightGreen#BAFFBF
- terminal.ansiBrightMagenta#C6A9FF
- terminal.ansiBrightRed#FF9FB7
- terminal.ansiBrightWhite#F0FAFF
- terminal.ansiBrightYellow#FFCE94
- terminal.ansiCyan#88FFF7
- terminal.ansiGreen#A7FFAF
- terminal.ansiMagenta#B892FF
- terminal.ansiRed#FF88A4
- terminal.ansiWhite#E5F4FF
- terminal.ansiYellow#FFC480
- terminal.background#0A0E13
- terminal.border#172330
- terminal.findMatchBackground#FFC48055
- terminal.findMatchBorder#FFC480
- terminal.findMatchHighlightBackground#FFC48035
- terminal.foreground#E5F4FF
- terminal.hoverHighlightBackground#15202B
- terminal.selectionBackground#B892FF35
- terminalCursor.background#B892FF
- terminalCursor.foreground#FFCB6B
- textBlockQuote.background#12171D
- textBlockQuote.border#B892FF
- textCodeBlock.background#12171D
- textLink.activeForeground#B892FF
- textLink.foreground#9FD3FF
- titleBar.activeBackground#090D12
- titleBar.activeForeground#E5F4FF
- titleBar.border#172330
- titleBar.inactiveBackground#090D12
- titleBar.inactiveForeground#7E8AA2
- tree.indentGuidesStroke#172330
- welcomePage.background#0A0F14
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block.documentation | #7E8AA2 | italic |
| string.quoted.single, string.quoted.double, string.quoted.triple | #A7FFAF | — |
| string.template, string.interpolated, punctuation.definition.template-expression | #BAFFBF | — |
| string.regexp | #88FFF7 | — |
| constant.numeric, constant.language.numeric | #FFC480 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #FFCE94 | bold |
| keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.return, keyword.control.break, keyword.control.continue, keyword.control.switch, keyword.control.case, keyword.control.default | #B892FF | bold |
| storage.type, storage.modifier, keyword.other.type, keyword.other.var, keyword.other.let, keyword.other.const | #C6A9FF | bold |
| keyword, keyword.operator.new, keyword.other.await, keyword.other.async | #B892FF | — |
| entity.name.function, meta.function-call.generic, support.function.builtin | #9FD3FF | bold |
| variable.function, meta.function-call, meta.method-call | #B1DBFF | — |
| entity.name.method, variable.other.property.method | #B1DBFF | italic |
| variable.other, variable.language.this, variable.language.super | #88FFF7 | — |
| variable.parameter, meta.function.parameters | #A3FFF9 | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #A3FFF9 | — |
| entity.name.class, entity.name.type.class, support.class | #C6A9FF | bold |
| entity.name.type, entity.name.type.interface, support.type | #B892FF | — |
| entity.name.type.parameter, meta.type.parameters | #D4C3FF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.require | #88FFF7 | bold |
| string.quoted.module, variable.other.module | #A3FFF9 | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #FFC480 | — |
| keyword.operator.spread, keyword.operator.destructuring, keyword.operator.optional | #FFCE94 | — |
| punctuation, meta.brace, punctuation.definition, punctuation.separator, punctuation.terminator | #A4B5C6 | — |
| entity.name.tag, meta.tag.sgml | #FF88A4 | bold |
| entity.other.attribute-name | #9FD3FF | — |
| support.type.property-name.css, meta.property-name | #88FFF7 | — |
| support.constant.property-value.css, meta.property-value | #A7FFAF | — |
| support.type.property-name.json | #B892FF | — |
| markup.heading, entity.name.section.markdown | #B892FF | bold |
| markup.underline.link, string.other.link | #9FD3FF | — |
| markup.inline.raw, markup.fenced_code | #88FFF7 | — |
| invalid, invalid.illegal | #FF88A4 | bold underline |
| entity.name.function.decorator.python, meta.function.decorator.python | #C6A9FF | — |
| support.type.object.console.js | #FFC480 | — |
| entity.name.tag.jsx, support.class.component.jsx | #FF88A4 | — |