Shyama
Publisher: Rahul SinghThemes in package: 2
A premium obsidian dark developer theme named Shyama (teal), with electric teal, orange, and lavender highlights, featuring cursive imports.
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#efece6
- activityBar.border#e5e2db
- activityBar.foreground#ea580c
- activityBar.inactiveForeground#64748b
- activityBarBadge.background#ea580c
- activityBarBadge.foreground#ffffff
- dropdown.background#f6f4ee
- dropdown.border#cbd5e1
- dropdown.foreground#1e293b
- editor.background#f6f4ee
- editor.foreground#1e293b
- editor.lineHighlightBackground#eae7e0
- editor.selectionBackground#ea580c22
- editor.selectionHighlightBackground#ea580c15
- editor.wordHighlightBackground#ea580c10
- editor.wordHighlightStrongBackground#ea580c18
- editorCursor.foreground#ea580c
- editorGroup.border#e5e2db
- editorGroupHeader.tabsBackground#efece6
- editorGroupHeader.tabsBorder#e5e2db
- editorGutter.addedBackground#0d9488
- editorGutter.deletedBackground#dc2626
- editorGutter.modifiedBackground#0284c7
- editorLineNumber.activeForeground#ea580c
- editorLineNumber.foreground#94a3b8
- editorSuggestWidget.background#efece6
- editorSuggestWidget.border#cbd5e1
- editorSuggestWidget.highlightForeground#ea580c
- editorSuggestWidget.selectedBackground#ea580c18
- editorWidget.background#efece6
- editorWidget.border#cbd5e1
- errorForeground#dc2626
- focusBorder#ea580c50
- foreground#1e293b
- input.background#f6f4ee
- input.border#cbd5e1
- input.foreground#1e293b
- input.placeholderForeground#94a3b8
- list.activeSelectionBackground#ea580c18
- list.activeSelectionForeground#ea580c
- list.hoverBackground#ea580c10
- list.hoverForeground#1e293b
- list.inactiveSelectionBackground#ea580c10
- list.inactiveSelectionForeground#1e293b
- peekView.border#ea580c
- peekViewEditor.background#f6f4ee
- peekViewResult.background#efece6
- scrollbarSlider.activeBackground#ea580c25
- scrollbarSlider.background#ea580c10
- scrollbarSlider.hoverBackground#ea580c18
- selection.background#ea580c25
- sideBar.background#efece6
- sideBar.border#e5e2db
- sideBar.foreground#334155
- sideBarSectionHeader.background#efece6
- sideBarSectionHeader.border#e5e2db
- sideBarSectionHeader.foreground#1e293b
- statusBar.background#efece6
- statusBar.border#e5e2db
- statusBar.foreground#1e293b
- tab.activeBackground#f6f4ee
- tab.activeBorder#ea580c
- tab.activeForeground#ea580c
- tab.border#efece6
- tab.inactiveBackground#efece6
- tab.inactiveForeground#64748b
- titleBar.activeBackground#efece6
- titleBar.activeForeground#1e293b
- titleBar.border#e5e2db
- widget.shadow#00000015
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64748b | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #0b7a70 | italic |
| storage.type, storage.modifier | #0b7a70 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, meta.import keyword.control, meta.export keyword.control | #1e293b | |
| meta.import punctuation.section.block, meta.import punctuation.definition.binding-pattern, meta.import punctuation.section.braces, meta.import meta.block punctuation.definition.block, meta.import punctuation.separator, meta.import punctuation | #1e293b | |
| meta.import string.quoted, meta.import string.quoted.single, meta.import string.quoted.double | #c2410c | |
| meta.import variable.other.readwrite, meta.import variable.other.readwrite.alias, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.alias.js, variable.other.readwrite.alias.jsx, meta.import entity.name.type, meta.import support.class | #0b7a70 | bold italic |
| entity.name.function, support.function, meta.function-call, variable.function | #ea580c | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.namespace, entity.other.inherited-class | #0b7a70 | italic |
| string, punctuation.definition.string | #166534 | — |
| constant.numeric | #c2410c | — |
| constant.language, support.constant | #b91c1c | — |
| variable, variable.other.readwrite, variable.other.object, variable.other.property, meta.definition.variable | #1e293b | — |
| variable.parameter, variable.other.type.parameter | #475569 | italic |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #475569 | — |
| meta.decorator, entity.name.function.decorator | #c2410c | italic |
| entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag.ts, entity.name.tag, meta.tag.js entity.name.tag, meta.tag.tsx entity.name.tag, meta.tag.ts entity.name.tag | #0284c7 | — |
| support.class.component.js, support.class.component.tsx, support.class.component.ts, entity.name.tag.component.js, entity.name.tag.component.tsx, entity.name.tag.component.ts, entity.name.tag.keyword, entity.name.tag.custom | #ea580c | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name, meta.tag.js entity.other.attribute-name, meta.tag.tsx entity.other.attribute-name, meta.tag.ts entity.other.attribute-name | #6b21a8 | italic |
| meta.jsx.children, meta.tsx.children | #1e293b | — |
| entity.name.tag | #0284c7 | — |
| entity.other.attribute-name, meta.attribute-name | #6b21a8 | italic |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #0b7a70 | — |
| support.type.property-name | #0d9488 | — |
| markup.heading | #ea580c | bold |
| string.other.link.title, markup.underline.link | #0284c7 | — |