Siemor
Publisher: Dimitrios LytrasThemes in package: 2
The dark VSCode theme you've been looking for
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#2F333D
- activityBar.border#252833
- activityBar.foreground#D7DAE0
- activityBarBadge.background#81a1c1
- activityBarBadge.foreground#F8FAFD
- badge.background#282c34
- badge.foreground#fff
- button.background#404754
- button.foreground#b0bcd3
- button.hoverBackground#5c6478
- debugToolBar.background#21252b
- descriptionForeground#b0bcd3
- diffEditor.insertedTextBackground#76a3c380
- diffEditor.removedTextBackground#bb6ea780
- dropdown.background#1d1f23
- dropdown.border#181A1F
- dropdown.foreground#b0bcd3
- editor.background#282c34
- editor.findMatchBackground#81a1c160
- editor.findMatchHighlightBackground#314365
- editor.foreground#b0bcd3
- editor.lineHighlightBackground#383E4A
- editor.rangeHighlightBackground#81a1c130
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightStrongBackground#abb2bf26
- editorBracketMatch.background#81a1c130
- editorBracketMatch.border#81a1c130
- editorCursor.background#ffffffc9
- editorCursor.foreground#81a1c1
- editorError.foreground#bb6ea7
- editorGroup.border#181A1F
- editorGroupHeader.tabsBackground#21252B
- editorGroupHeader.tabsBorder#282c35
- editorGutter.addedBackground#8dc6bf
- editorGutter.background#282c35
- editorGutter.deletedBackground#bb6ea7
- editorGutter.modifiedBackground#81a1c1
- editorHoverWidget.background#21252B
- editorHoverWidget.border#181A1F
- editorIndentGuide.background#3B4048
- editorLineNumber.activeForeground#3b404d
- editorLineNumber.foreground#495162
- editorLink.activeForeground#b0bcd3
- editorMarkerNavigation.background#21252b
- editorOverviewRuler.border#3b404d
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.foreground#b0bcd3
- editorSuggestWidget.highlightForeground#8fbcbb
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#f2db9a
- editorWhitespace.foreground#3B4048
- editorWidget.background#21252B
- errorForeground#bf616a
- extensionButton.prominentBackground#81a1c1
- extensionButton.prominentHoverBackground#81a1c1
- focusBorder#b0bcd300
- foreground#737c94
- gitDecoration.addedResourceForeground#8dc6bf
- gitDecoration.conflictingResourceForeground#bf616a
- gitDecoration.deletedResourceForeground#bf616a
- gitDecoration.ignoredResourceForeground#b0bcd360
- gitDecoration.modifiedResourceForeground#76a3c3
- gitDecoration.untrackedResourceForeground#f2db9a
- input.background#1d1f23
- input.border#b0bcd310
- input.foreground#b0bcd3
- input.placeholderForeground#737c94
- inputOption.activeBorder#81a1c1
- inputValidation.errorBorder#bf616a
- inputValidation.infoBorder#81a1c1
- inputValidation.warningBorder#f2db9a
- list.activeSelectionBackground#2c313a
- list.activeSelectionForeground#d7dae0
- list.focusBackground#383E4A
- list.focusForeground#dfe1e8
- list.highlightForeground#C5C5C5
- list.hoverBackground#292d35
- list.hoverForeground#c0c5cd
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d7dae0
- panel.background#282c34
- panel.border#3b404d
- panelTitle.activeForeground#b0bcd3
- panelTitle.inactiveForeground#737c94
- peekView.border#181A1F
- peekViewEditor.background#21252B
- peekViewEditor.matchHighlightBackground#29244b
- pickerGroup.foreground#76a3c3
- progressBar.background#76a3c3
- scrollbar.shadow#282c35
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- selection.background#b0bcd3
- settings.checkboxBackground#282C34
- settings.checkboxBorder#76a3c3
- settings.checkboxForeground#76a3c3
- settings.headerForeground#76a3c3
- settings.modifiedItemIndicator#f2db9a
- sideBar.background#21252b
- sideBar.border#232830
- sideBar.foreground#64727f
- sideBarSectionHeader.background#282c34
- sideBarSectionHeader.foreground#c0c5cd
- sideBarTitle.foreground#b0bcd3
- statusBar.background#21252B
- statusBar.border#252833
- statusBar.debuggingBackground#bb6ea7
- statusBar.debuggingBorder#bb6ea7
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#2c313a
- tab.activeBorder#81a1c160
- tab.activeForeground#b0bcd3
- tab.border#252833
- tab.hoverBackground#81a1c130
- tab.inactiveBackground#21252B
- tab.inactiveForeground#737c94
- tab.unfocusedActiveBorder#3b404d
- tab.unfocusedActiveForeground#76a3c330
- terminal.ansiBlack#3b4252
- terminal.ansiBlue#81a1c1
- terminal.ansiBrightBlack#252833
- terminal.ansiBrightBlue#81a1c1
- terminal.ansiBrightCyan#8fbcbb
- terminal.ansiBrightGreen#8dc6bf
- terminal.ansiBrightMagenta#bb6ea7
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#eceff4
- terminal.ansiBrightYellow#f2db9a
- terminal.ansiCyan#76a3c3
- terminal.ansiGreen#8dc6bf
- terminal.ansiMagenta#bb6ea7
- terminal.ansiRed#bf616a
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#f2db9a
- terminal.foreground#b0bcd3
- textLink.activeForeground#b0bcd3
- textLink.foreground#76a3c3
- titleBar.activeBackground#282c34
- titleBar.activeForeground#9da5b4
- titleBar.border#25283360
- titleBar.inactiveBackground#282C34
- titleBar.inactiveForeground#6B717D
- widget.shadow#282c35
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #8dc6bf | — |
| constant.language | #f2db9a | — |
| constant.numeric | #76a3c3 | — |
| constant.language | — | italic |
| constant.language.json, constant.language.import-export-all | #8dc6bf | — |
| support.class | #76a3c3 | — |
| support.variable, support.constant | #b0bcd3 | — |
| variable, meta.definition.variable entity.name.function | #b0bcd3 | — |
| variable.parameter | — | italic |
| variable.object.property, variable.other.object.property | #8dc6bf | — |
| support.variable.property, variable.other.property | #bb6ea7 | — |
| variable.language.this | — | italic |
| modifier, support.type.object | #8dc6bf | — |
| keyword | #f2db9a | — |
| keyword.control.loop, keyword.control.conditional, keyword.control.trycatch | #f2db9a | — |
| keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.default | — | italic |
| keyword.control.flow | #bb6ea7 | italic |
| entity.name.function, support.function | #76a3c3 | — |
| storage.type, storage.modifier | #8dc6bf | italic |
| support.module, support.node | #b0bcd3 | italic |
| support.type | #bb6ea7 | — |
| entity.name.type, entity.other.inherited-class | #bb6ea7 | — |
| comment | #76a3c370 | italic |
| entity.name.type.class | #bb6ea7 | — |
| meta.definition.method entity.name.function | #76a3c3 | — |
| meta.function entity.name.function | #76a3c3 | — |
| template.expression.begin, template.expression.end | #8dc6bf | — |
| entity.name.tag.yaml | #bb6ea7 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #76a3c3 | italic |
| entity.other.attribute-name.class | #8dc6bf | — |
| entity.other.attribute-name.id | #76a3c3 | — |
| source.css | #f2db9a | — |
| meta.tag, punctuation.definition.tag | #8dc6bf | — |
| entity.name.tag | #76a3c3 | — |
| entity.other.attribute-name | #f2db9a | — |
| markup.heading | #8dc6bf | — |
| text.html.markdown meta.link.inline, meta.link.reference | #b0bcd3 | — |
| text.html.markdown beginning.punctuation.definition.list | #8dc6bf | — |
| markup.italic | #b0bcd3 | — |
| markup.bold | #b0bcd3 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #b0bcd3 | — |
| keyword.other.definition.ini | #b0bcd3 | — |
| entity.name.section.group-title.ini | #8dc6bf | — |
| punctuation.definition.tag | #76a3c3 | — |
| storage.modifier.ts, entity.name.type.module.ts, support.type.primitive.ts | #76a3c3 | — |
| entity.name.type.instance.jsdoc | #76a3c3 | — |
| punctuation.separator.parameter | #76a3c370 | — |
| meta.brace, punctuation.definition.parameters, punctuation.definition.block, punctuation.terminator.statement, punctuation.separator.comma, punctuation.section.embedded | #76a3c370 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...