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#EDE3D1
- activityBar.foreground#6366F1
- activityBar.inactiveForeground#A69678
- activityBarBadge.background#D63384
- activityBarBadge.foreground#F0E6D4
- breadcrumb.activeSelectionForeground#D63384
- breadcrumb.background#F0E6D4
- breadcrumb.focusForeground#2D2D5F
- breadcrumb.foreground#8E8EAE
- button.background#D63384
- button.foreground#FFFFFF
- button.hoverBackground#C42D78
- debugConsole.errorForeground#DC2626
- debugConsole.infoForeground#0066CC
- debugConsole.sourceForeground#6366F1
- debugConsole.warningForeground#CA8A04
- debugToolBar.background#EDE3D1
- dropdown.background#F5EFE3
- dropdown.border#E8DCC8
- dropdown.foreground#2D2D5F
- editor.background#F0E6D4
- editor.findMatchBackground#FF851155
- editor.findMatchHighlightBackground#FF851135
- editor.foreground#2D2D5F
- editor.lineHighlightBackground#F0E6D4
- editor.rangeHighlightBackground#E8DCC8
- editor.selectionBackground#D6338435
- editor.selectionHighlightBackground#D6338420
- editor.wordHighlightBackground#0066CC25
- editor.wordHighlightStrongBackground#0066CC35
- editorBracketMatch.background#D6338440
- editorBracketMatch.border#D63384
- editorCursor.foreground#D63384
- editorGroupHeader.tabsBackground#F0E6D4
- editorGroupHeader.tabsBorder#E8DCC8
- editorGutter.addedBackground#28A745
- editorGutter.background#F2EBDD
- editorGutter.deletedBackground#DC3545
- editorGutter.modifiedBackground#0066CC
- editorHoverWidget.background#F5EFE3
- editorHoverWidget.border#E8DCC8
- editorHoverWidget.foreground#2D2D5F
- editorIndentGuide.activeBackground#D6338455
- editorIndentGuide.background#F0E6D4
- editorLineNumber.activeForeground#D63384
- editorLineNumber.foreground#A69678
- editorOverviewRuler.addedForeground#28A74580
- editorOverviewRuler.background#F0E6D4
- editorOverviewRuler.border#E8DCC8
- editorOverviewRuler.deletedForeground#DC354580
- editorOverviewRuler.errorForeground#DC262680
- editorOverviewRuler.findMatchForeground#FF851180
- editorOverviewRuler.modifiedForeground#0066CC80
- editorOverviewRuler.rangeHighlightForeground#0066CC55
- editorOverviewRuler.selectionHighlightForeground#D6338480
- editorOverviewRuler.warningForeground#CA8A0480
- editorOverviewRuler.wordHighlightForeground#0066CC80
- editorRuler.foreground#E8DCC8
- editorWidget.background#F0E6D4
- editorWidget.border#E8DCC8
- editorWidget.foreground#2D2D5F
- extensionButton.prominentBackground#D63384
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#C42D78
- gitDecoration.conflictingResourceForeground#FF8511
- gitDecoration.deletedResourceForeground#DC3545
- gitDecoration.ignoredResourceForeground#A69678
- gitDecoration.modifiedResourceForeground#0066CC
- gitDecoration.untrackedResourceForeground#28A745
- input.background#F5EFE3
- input.border#A69678
- input.foreground#2D2D5F
- input.placeholderForeground#8E8EAE
- inputOption.activeBorder#D63384
- inputValidation.errorBackground#DC262635
- inputValidation.errorBorder#DC2626
- list.activeSelectionBackground#D6338435
- list.activeSelectionForeground#2D2D5F
- list.focusBackground#D6338425
- list.hoverBackground#EDE3D1
- list.inactiveSelectionBackground#E8DCC8
- merge.border#E8DCC8
- merge.currentContentBackground#0066CC20
- merge.currentHeaderBackground#0066CC40
- merge.incomingContentBackground#28A74520
- merge.incomingHeaderBackground#28A74540
- minimap.background#F0E6D4
- minimap.findMatchHighlight#FF851155
- minimap.selectionHighlight#D6338435
- notifications.background#F5EFE3
- notifications.border#E8DCC8
- notifications.foreground#2D2D5F
- panel.background#F0E6D4
- panel.border#78746b
- panelTitle.activeBorder#D63384
- panelTitle.activeForeground#2D2D5F
- panelTitle.inactiveForeground#8E8EAE
- peekView.border#D63384
- peekViewEditor.background#F5EFE3
- peekViewEditorGutter.background#F0E6D4
- peekViewResult.background#F0E6D4
- peekViewTitle.background#EDE3D1
- scrollbar.shadow#E8DCC840
- scrollbarSlider.activeBackground#8B7355
- scrollbarSlider.background#C4B49A
- scrollbarSlider.hoverBackground#A69678
- sideBar.background#F0E6D4
- sideBar.border#9091ed
- sideBar.foreground#6366F1
- sideBarSectionHeader.background#F0E6D4
- sideBarSectionHeader.foreground#2D2D5F
- sideBarTitle.foreground#2D2D5F
- statusBar.background#EDE3D1
- statusBar.debuggingBackground#D63384
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#2D2D5F
- statusBar.noFolderBackground#EDE3D1
- statusBarItem.hoverBackground#E8DCC8
- statusBarItem.remoteBackground#0066CC
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#e1dacb
- tab.activeBorder#D63384
- tab.activeForeground#2D2D5F
- tab.border#F0E6D4
- tab.hoverBackground#EDE3D1
- tab.inactiveBackground#F0E6D4
- tab.inactiveForeground#8E8EAE
- tab.unfocusedActiveBackground#EDE3D1
- tab.unfocusedActiveForeground#6C6C8C
- terminal.ansiBlack#2C2C54
- terminal.ansiBlue#2563EB
- terminal.ansiBrightBlack#64748B
- terminal.ansiBrightBlue#3B82F6
- terminal.ansiBrightCyan#06B6D4
- terminal.ansiBrightGreen#22C55E
- terminal.ansiBrightMagenta#A855F7
- terminal.ansiBrightRed#EF4444
- terminal.ansiBrightWhite#F8FAFC
- terminal.ansiBrightYellow#EAB308
- terminal.ansiCyan#0891B2
- terminal.ansiGreen#16A34A
- terminal.ansiMagenta#9333EA
- terminal.ansiRed#DC2626
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#CA8A04
- terminal.background#F0E6D4
- terminal.border#978463
- terminal.findMatchBackground#FF851155
- terminal.findMatchBorder#FF8511
- terminal.findMatchHighlightBackground#FF851135
- terminal.foreground#2D2D5F
- terminal.hoverHighlightBackground#E8DCC8
- terminal.selectionBackground#D6338435
- terminalCursor.background#D63384
- terminalCursor.foreground#eab24b
- textBlockQuote.background#EDE3D1
- textBlockQuote.border#D63384
- textCodeBlock.background#EDE3D1
- textLink.activeForeground#D63384
- textLink.foreground#0066CC
- titleBar.activeBackground#F0E6D4
- titleBar.activeForeground#2D2D5F
- titleBar.border#E8DCC8
- titleBar.inactiveBackground#F0E6D4
- titleBar.inactiveForeground#8E8EAE
- tree.indentGuidesStroke#E8DCC8
- welcomePage.background#F5EFE3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block.documentation | #7C7C9C | italic |
| string.quoted.single, string.quoted.double, string.quoted.triple | #198754 | — |
| string.template, string.interpolated, punctuation.definition.template-expression | #20C997 | — |
| string.regexp | #20C997 | — |
| constant.numeric, constant.language.numeric | #FD7E14 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #FF8511 | 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 | #D63384 | bold |
| storage.type, storage.modifier, keyword.other.type, keyword.other.var, keyword.other.let, keyword.other.const | #E91E63 | bold |
| keyword, keyword.operator.new, keyword.other.await, keyword.other.async | #F06292 | — |
| entity.name.function, meta.function-call.generic, support.function.builtin | #0D47A1 | bold |
| variable.function, meta.function-call, meta.method-call | #1976D2 | — |
| entity.name.method, variable.other.property.method | #2196F3 | italic |
| variable.other, variable.language.this, variable.language.super | #212529 | — |
| variable.parameter, meta.function.parameters | #495057 | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #6C757D | — |
| entity.name.class, entity.name.type.class, support.class | #6F42C1 | bold |
| entity.name.type, entity.name.type.interface, support.type | #8E44AD | — |
| entity.name.type.parameter, meta.type.parameters | #A569BD | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.require | #0F766E | bold |
| string.quoted.module, variable.other.module | #14B8A6 | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #F59E0B | — |
| keyword.operator.spread, keyword.operator.destructuring, keyword.operator.optional | #FBBF24 | — |
| punctuation, meta.brace, punctuation.definition, punctuation.separator, punctuation.terminator | #6C757D | — |
| entity.name.tag, meta.tag.sgml | #DC2626 | bold |
| entity.other.attribute-name | #1976D2 | — |
| support.type.property-name.css, meta.property-name | #0F766E | — |
| support.constant.property-value.css, meta.property-value | #198754 | — |
| support.type.property-name.json | #8E44AD | — |
| markup.heading, entity.name.section.markdown | #D63384 | bold |
| markup.underline.link, string.other.link | #0D47A1 | — |
| markup.inline.raw, markup.fenced_code | #198754 | — |
| invalid, invalid.illegal | #DC2626 | bold underline |
| entity.name.function.decorator.python, meta.function.decorator.python | #E91E63 | — |
| support.type.object.console.js | #F59E0B | — |
| entity.name.tag.jsx, support.class.component.jsx | #EF4444 | — |