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#121224
- activityBar.foreground#D6C5FD
- activityBar.inactiveForeground#565687
- activityBarBadge.background#FF6D92
- activityBarBadge.foreground#FFFFFF
- button.background#FF6D92
- button.foreground#FFFFFF
- button.hoverBackground#FF8FAF
- editor.background#1A1A2E
- editor.findMatchBackground#FFAB7B55
- editor.findMatchHighlightBackground#FFAB7B35
- editor.foreground#E0E0FF
- editor.lineHighlightBackground#1F1F3A
- editor.rangeHighlightBackground#313159
- editor.selectionBackground#FF6D9235
- editor.selectionHighlightBackground#FF6D9220
- editor.wordHighlightBackground#7BE0FF25
- editor.wordHighlightStrongBackground#7BE0FF35
- editorBracketMatch.background#FF6D9240
- editorBracketMatch.border#FF6D92
- editorCursor.foreground#FF6D92
- editorGroupHeader.tabsBackground#16162C
- editorGroupHeader.tabsBorder#2A2A4A
- editorGutter.addedBackground#A4E8C9
- editorGutter.background#16162C
- editorGutter.deletedBackground#FF6D92
- editorGutter.modifiedBackground#7BE0FF
- editorIndentGuide.activeBackground#FF6D9255
- editorIndentGuide.background#2A2A4A
- editorLineNumber.activeForeground#FF6D92
- editorLineNumber.foreground#565687
- editorRuler.foreground#2A2A4A
- input.background#1A1A2E
- input.border#2A2A4A
- input.foreground#E0E0FF
- list.activeSelectionBackground#FF6D9235
- list.activeSelectionForeground#E0E0FF
- list.hoverBackground#1F1F3A
- list.inactiveSelectionBackground#2A2A4A
- sideBar.background#16162C
- sideBar.border#2A2A4A
- sideBar.foreground#D6C5FD
- sideBarSectionHeader.background#1A1A2E
- sideBarSectionHeader.foreground#D6C5FD
- sideBarTitle.foreground#E0E0FF
- statusBar.background#121224
- statusBar.debuggingBackground#FF6D92
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#E0E0FF
- statusBar.noFolderBackground#121224
- statusBarItem.hoverBackground#1F1F3A
- statusBarItem.remoteBackground#7BE0FF
- statusBarItem.remoteForeground#121224
- tab.activeBackground#1A1A2E
- tab.activeBorder#FF6D92
- tab.activeForeground#E0E0FF
- tab.border#2A2A4A
- tab.hoverBackground#1F1F3A
- tab.inactiveBackground#16162C
- tab.inactiveForeground#8A8AB8
- terminal.background#16162C
- terminal.foreground#E0E0FF
- terminalCursor.background#FF6D92
- terminalCursor.foreground#FFFFFF
- titleBar.activeBackground#121224
- titleBar.activeForeground#E0E0FF
- titleBar.border#2A2A4A
- titleBar.inactiveBackground#0F0F1F
- titleBar.inactiveForeground#8A8AB8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.block.documentation | #6B7394 | italic |
| string.quoted.single, string.quoted.double, string.quoted.triple | #4AE54A | — |
| string.template, string.interpolated, punctuation.definition.template-expression | #66FF66 | — |
| string.regexp | #9AFF66 | — |
| constant.numeric, constant.language.numeric | #FF8533 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #FFB366 | 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 | #FF3366 | bold |
| storage.type, storage.modifier, keyword.other.type, keyword.other.var, keyword.other.let, keyword.other.const | #FF6699 | bold |
| keyword, keyword.operator.new, keyword.other.await, keyword.other.async | #FF99CC | — |
| entity.name.function, meta.function-call.generic, support.function.builtin | #3399FF | bold |
| variable.function, meta.function-call, meta.method-call | #66B3FF | — |
| entity.name.method, variable.other.property.method | #33CCFF | italic |
| variable.other, variable.language.this, variable.language.super | #FFFFFF | — |
| variable.parameter, meta.function.parameters | #E6E6FF | italic |
| variable.other.property, variable.other.object.property, meta.object-literal.key, support.type.property-name | #CCCCFF | — |
| entity.name.class, entity.name.type.class, support.class | #9933FF | bold |
| entity.name.type, entity.name.type.interface, support.type | #B866FF | — |
| entity.name.type.parameter, meta.type.parameters | #CC99FF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.require | #00FFCC | bold |
| string.quoted.module, variable.other.module | #66FFDD | — |
| keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.assignment | #FFDD33 | — |
| keyword.operator.spread, keyword.operator.destructuring, keyword.operator.optional | #FFEE66 | — |
| punctuation, meta.brace, punctuation.definition, punctuation.separator, punctuation.terminator | #B0B0D0 | — |
| entity.name.tag, meta.tag.sgml | #FF4444 | bold |
| entity.other.attribute-name | #66B3FF | — |
| support.type.property-name.css, meta.property-name | #33CCFF | — |
| support.constant.property-value.css, meta.property-value | #66FF66 | — |
| support.type.property-name.json | #B866FF | — |
| markup.heading, entity.name.section.markdown | #FF3366 | bold |
| markup.underline.link, string.other.link | #3399FF | — |
| markup.inline.raw, markup.fenced_code | #4AE54A | — |
| invalid, invalid.illegal | #FFFFFF | — |
| entity.name.function.decorator.python, meta.function.decorator.python | #FF66CC | — |
| support.type.object.console.js | #FFDD33 | — |
| entity.name.tag.jsx, support.class.component.jsx | #FF6666 | — |