The unnamed
Publisher: Elio StruyfThemes in package: 2
A dark theme for Visual Studio Code with eye-catching, vivid colors designed for developers who want to add some excitement to their editor.
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.activeBackground#ffffff00
- activityBar.activeBorder#ed1292
- activityBar.activeFocusBorder#d61084
- activityBar.background#0E131F
- activityBar.border#242d34
- activityBar.foreground#F3EFF5
- activityBar.inactiveForeground#F3EFF566
- activityBarBadge.background#ed1292
- activityBarBadge.foreground#F3EFF5
- activityBarTop.activeBorder#ed1292
- badge.background#ed1292
- badge.foreground#F3EFF5
- breadcrumb.foreground#aaaaaa
- button.background#15C2CB
- button.foreground#0E131F
- button.hoverBackground#59E6EE
- button.secondaryBackground#f3eff533
- button.secondaryForeground#F3EFF5
- button.secondaryHoverBackground#f3eff520
- checkbox.background#263454
- checkbox.border#334671
- checkbox.foreground#F3EFF5
- debugIcon.breakpointForeground#FE4A49
- debugToolBar.background#1e2942
- debugToolBar.border#3E474E
- dropdown.background#141c2d
- dropdown.border#242d34
- editor.background#0E131F
- editor.findMatchBackground#ed129280
- editor.findMatchBorder#ed129299
- editor.findMatchHighlightBackground#ed129266
- editor.foreground#F3EFF5
- editor.lineHighlightBackground#242d34
- editor.lineHighlightBorder#242d34
- editor.selectionBackground#F3EFF533
- editor.selectionForeground#F3EFF5
- editorCursor.foreground#44FFD2
- editorError.foreground#FE4A49
- editorGroupHeader.tabsBackground#141c2d
- editorGroupHeader.tabsBorder#212c36
- editorHoverWidget.background#141c2d
- editorHoverWidget.border#212c36
- editorHoverWidget.foreground#F3EFF5
- editorInfo.foreground#5EADF2
- editorLineNumber.activeForeground#F3EFF5
- editorLineNumber.foreground#f3eff5b3
- editorMarkerNavigation.background#141c2d
- editorMarkerNavigationError.background#FE4A49
- editorMarkerNavigationInfo.background#5EADF2
- editorMarkerNavigationWarning.background#FFE45E
- editorOverviewRuler.findMatchForeground#ed1292
- editorStickyScroll.background#242d34
- editorSuggestWidget.background#141c2d
- editorSuggestWidget.border#212c36
- editorSuggestWidget.foreground#F3EFF5
- editorSuggestWidget.highlightForeground#15C2CB
- editorWarning.foreground#FFE45E
- editorWidget.background#141c2d
- editorWidget.border#212c36
- focusBorder#263354
- foreground#F3EFF5
- gitDecoration.addedResourceForeground#44FFD2cc
- gitDecoration.deletedResourceForeground#FE4A49cc
- gitDecoration.modifiedResourceForeground#ffe45ecc
- gitDecoration.stageDeletedResourceForeground#FE4A49cc
- gitDecoration.stageModifiedResourceForeground#ffe45ecc
- gitDecoration.submoduleResourceForeground#5EADF2cc
- gitDecoration.untrackedResourceForeground#44FFD2cc
- input.background#0d1217
- input.foreground#F3EFF5
- inputOption.activeBackground#ed12924d
- inputOption.activeBorder#ed129200
- list.activeSelectionBackground#f3eff533
- list.activeSelectionForeground#F3EFF5
- list.focusOutline#f3eff533
- list.highlightForeground#15C2CB
- list.hoverBackground#f3eff522
- list.inactiveFocusOutline#f3eff522
- list.inactiveSelectionBackground#f3eff522
- list.inactiveSelectionForeground#f3eff5cc
- listFilterWidget.background#760949
- listFilterWidget.noMatchesOutline#FE4A49
- menu.border#212c36
- merge.commonContentBackground#414652
- merge.commonHeaderBackground#282D39
- merge.currentContentBackground#00434C
- merge.currentHeaderBackground#005C65
- merge.incomingContentBackground#2E3647
- merge.incomingHeaderBackground#474F60
- notificationCenter.border#212c36
- notificationCenterHeader.background#0e131f
- notificationCenterHeader.foreground#F3EFF5
- notifications.background#141c2d
- notifications.border#212c36
- notifications.foreground#F3EFF5
- notificationsErrorIcon.foreground#FE4A49
- notificationsInfoIcon.foreground#5EADF2
- notificationsWarningIcon.foreground#FFE45E
- notificationToast.border#212c36
- peekView.border#5EADF2
- peekViewEditor.background#141c2d
- peekViewEditor.matchHighlightBackground#ed129299
- peekViewEditorGutter.background#141c2d
- peekViewResult.background#0E131F
- peekViewResult.fileForeground#F3EFF5
- peekViewResult.lineForeground#F3EFF5
- peekViewResult.selectionBackground#F3EFF550
- peekViewTitle.background#0E131F
- progressBar.background#ed1292
- quickInput.background#141c2d
- scrollbar.shadow#0E131F
- selection.background#F3EFF550
- sideBar.background#141c2d
- sideBar.border#242d34
- sideBar.foreground#f3eff5cc
- sideBarSectionHeader.background#0d1217
- sideBarSectionHeader.border#212c36
- sideBarSectionHeader.foreground#f3eff5cc
- statusBar.background#0E131F
- statusBar.border#212c36
- statusBar.debuggingBackground#FE4A49
- statusBar.debuggingForeground#0E131F
- statusBar.foreground#f3eff5cc
- statusBar.noFolderBackground#760949
- statusBarItem.remoteBackground#ed1292
- tab.activeBackground#0E131F
- tab.activeForeground#ffffff
- tab.border#212c36
- tab.inactiveBackground#141c2d
- tab.inactiveForeground#f3eff5cc
- terminal.ansiBlack#141c2d
- terminal.ansiBlue#46a1f0
- terminal.ansiBrightBlack#676965
- terminal.ansiBrightBlue#5eadf2
- terminal.ansiBrightCyan#15c2cb
- terminal.ansiBrightGreen#44ffd2
- terminal.ansiBrightMagenta#f141a8
- terminal.ansiBrightRed#fe6362
- terminal.ansiBrightWhite#f3eff5
- terminal.ansiBrightYellow#ffe45e
- terminal.ansiCyan#0accd6
- terminal.ansiGreen#11ffc6
- terminal.ansiMagenta#ed1292
- terminal.ansiRed#fe4a49
- terminal.ansiWhite#dad6dc
- terminal.ansiYellow#f5cc00
- terminal.background#0E131F
- terminal.border#212c36
- terminal.foreground#F3EFF5
- textLink.foreground#46a1f0
- titleBar.activeBackground#0E131F
- titleBar.activeForeground#F3EFF5
- titleBar.border#212c36
- titleBar.inactiveBackground#0c111b
- titleBar.inactiveForeground#f3eff580
- tree.indentGuidesStroke#f3eff566
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.paragraph.markdown, string.other.link.description.title.markdown | #EEFFFF | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown | #F141A8 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown | #11ffc6 | — |
| markup.quote.markdown | #11ffc6 | italic |
| markup.bold.markdown, punctuation.definition.bold.markdown | #5EADF2 | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #fe6362 | italic |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #F5CC00 | italic |
| punctuation.definition.metadata.markdown | #f3b8c2 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #46a1f0 | — |
| comment | #f3eff5b8 | italic |
| punctuation.definition.string | #2affcc | — |
| string | #44FFD2 | — |
| string.quoted, variable.other.readwrite.js | #44FFD2 | |
| constant.numeric | #0accd6 | — |
| constant.language.boolean | #0accd6 | — |
| constant | #A170C6 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #92b6f4 | — |
| constant.character, constant.other | #11ffc6 | — |
| variable | #a4ceee | italic |
| variable.other.object.js | #F3EFF5 | italic |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #F3EFF5 | — |
| variable.other.object.property.tsx, variable.other.object.property.ts, variable.other.object.property | #15C2CB | — |
| meta.class entity.name.type.class.tsx | #15C2CB | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #15C2CB | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #F141A8 | — |
| variable.other.object.property | #F5CC00 | italic |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #15C2CB | — |
| variable.other.property.ts, variable.other.property.tsx, variable.other.property | #B5BFF8 | |
| variable.other.readwrite.js, variable.parameter | #F3EFF5 | — |
| string.template meta.template.expression | #F141A8 | — |
| string.template punctuation.definition.string | #ffffff | — |
| storage | #46a1f0 | |
| keyword, storage.type, storage.modifier | #F141A8 | italic |
| keyword.operator | #F141A8 | italic |
| storage, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts | #FE4A49 | italic |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #F3EFF5 | — |
| meta.var.expr, meta.jsx.children.tsx, meta.tag.tsx, meta.jsx.children.tsx, meta.tag.tsx, meta.block.tsx, meta.arrow.tsx, meta.var.expr.tsx, source.tsx | #F3EFF5 | |
| entity.name.class | #F5CC00 | — |
| entity.other.inherited-class | #5EADF2 | |
| variable.other.readwrites, meta.definition.variable | #F5CC00 | |
| support.variable.property | #15C2CB | — |
| entity.name.function | #15C2CB | italic |
| meta.definition.method entity.name.function, meta.function-call entity.name.function | #5EADF2 | — |
| variable.parameter | #F3EFF5 | |
| entity.name.tag | #46a1f0 | |
| entity.name.type | #15C2CB | — |
| entity.other.attribute-name | #F5CC00 | italic |
| punctuation.decorator | #F5CC00 | italic |
| constant.language, variable.language | #FFE45E | — |
| punctuation.definition.block, punctuation.definition.tag | #F3EFF5 | — |
| support.function | #F5CC00 | |
| support.constant | #F141A8 | |
| keyword.other.important.css | #FE4A49 | bold |
| support.type, support.class | #15C2CB | — |
| support.other.variable | #CBCDD2 | — |
| invalid | #46a1f0 | italic bold underline |
| invalid.deprecated | #46a1f0 | bold italic underline |
| support.type.property-name.json | #5EADF2 | — |
| support.constant.json | #00f6bb | — |
| meta.structure.dictionary.value.json string.quoted.double | #44FFD2 | — |
| string.quoted.double.json punctuation.definition.string.json | #80CBC4 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #0accd6 | — |
| source.json support | #46a1f0 | — |
| source.json string, source.json punctuation.definition.string | #44FFD2 | — |
| markup.list | #46a1f0 | — |
| markup.heading punctuation.definition.heading, entity.name.section | #5EADF2 | |
| text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown | #50E3C2 | — |
| meta.paragraph.markdown | #F3EFF5 | — |
| markup.quote | #50E3C2 | italic |
| meta.link | #50E3C2 | — |
| source.dockerfile | #99d0f7 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...