Valkthor Dark theme
Publisher: ValkthorThemes in package: 1
Valkthor Dark theme
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#0E171F
- activityBar.dropBorder#F3002B
- activityBar.foreground#f5f5f5
- activityBar.inactiveForeground#6e6e6ea8
- activityBarBadge.background#f30000
- activityBarBadge.foreground#ffffff
- badge.background#62686dce
- badge.foreground#B0BAC3
- breadcrumb.activeSelectionForeground#998870
- breadcrumb.background#000000e0
- breadcrumb.focusForeground#d1c5b4
- breadcrumb.foreground#998870
- breadcrumbPicker.background#151E26
- button.background#39460A
- button.foreground#FFFFFF
- button.hoverBackground#5D6C23
- button.secondaryBackground#381A21
- button.secondaryForeground#C4A4AB
- button.secondaryHoverBackground#420917
- checkbox.background#16181A
- checkbox.border#004A8C
- checkbox.foreground#FFFFFF
- debugExceptionWidget.background#3f8350
- debugExceptionWidget.border#F3002B
- debugToolBar.background#3D3D3C
- descriptionForeground#fffb00
- diffEditor.insertedTextBackground#00A78A40
- diffEditor.removedTextBackground#A7001D40
- dropdown.background#1A1C1E
- dropdown.border#2F3031
- dropdown.foreground#DAFD57
- dropdown.listBackground#1A1C1E
- editor.background#202020
- editor.findMatchBackground#1290ff3b
- editor.findMatchHighlightBackground#880e4f
- editor.findRangeHighlightBackground#50504F4D
- editor.foreground#f2f2f8bd
- editor.hoverHighlightBackground#333332
- editor.inactiveSelectionBackground#1290ff3b
- editor.lineHighlightBackground#212428
- editor.rangeHighlightBackground#50504F4D
- editor.selectionBackground#1290ff80
- editor.selectionHighlightBackground#1290ff3b
- editor.snippetFinalTabstopHighlightBackground#27ff01
- editor.snippetFinalTabstopHighlightBorder#1290ff67
- editor.snippetTabstopHighlightBackground#1290ff27
- editor.wordHighlightBackground#1290ff3b
- editorBracketMatch.background#1290ff80
- editorBracketMatch.border#50504F
- editorCodeLens.foreground#808E68
- editorCursor.background#ff0000
- editorCursor.foreground#D0D0D0
- editorError.foreground#F3002B
- editorGroup.border#777777
- editorGroup.dropBackground#6e6e6e40
- editorGroupHeader.noTabsBackground#555555
- editorGroupHeader.tabsBackground#283138
- editorGroupHeader.tabsBorder#777777
- editorGutter.addedBackground#00F3C9
- editorGutter.deletedBackground#F3002B
- editorGutter.modifiedBackground#F3C900
- editorHint.foreground#A9B9B0
- editorHoverWidget.background#000707
- editorHoverWidget.border#26341B
- editorHoverWidget.foreground#BDAE98
- editorHoverWidget.statusBarBackground#061818
- editorIndentGuide.activeBackground#50504F
- editorIndentGuide.background#333332
- editorInfo.foreground#BDAE98
- editorLineNumber.activeForeground#ffffffc0
- editorLineNumber.foreground#50504F
- editorLink.activeForeground#8C8C8A
- editorMarkerNavigation.background#ffff1317
- editorMarkerNavigationError.background#1290ff80
- editorMarkerNavigationError.headerBackground#ffb95865
- editorMarkerNavigationInfo.background#ffff13
- editorMarkerNavigationInfo.headerBackground#ffff13
- editorMarkerNavigationWarning.background#00ff15
- editorMarkerNavigationWarning.headerBackground#00ff15
- editorOverviewRuler.addedForeground#00F3C9
- editorOverviewRuler.currentContentForeground#00F3C9
- editorOverviewRuler.deletedForeground#F3002B
- editorOverviewRuler.errorForeground#F3002B
- editorOverviewRuler.findMatchForeground#e5ff00
- editorOverviewRuler.incomingContentForeground#00A4F3
- editorOverviewRuler.infoForeground#00F3C9
- editorOverviewRuler.modifiedForeground#F3C900
- editorOverviewRuler.rangeHighlightForeground#50504F
- editorOverviewRuler.selectionHighlightForeground#8C8C8A
- editorOverviewRuler.warningForeground#F3C900
- editorOverviewRuler.wordHighlightForeground#8C8C8A
- editorOverviewRuler.wordHighlightStrongForeground#e5ff00
- editorRuler.foreground#010b97
- editorSuggestWidget.background#191919
- editorSuggestWidget.border#3c3c3a
- editorSuggestWidget.focusHighlightForeground#9E9E9E
- editorSuggestWidget.foreground#5C5C5C
- editorSuggestWidget.highlightForeground#fbff00
- editorSuggestWidget.selectedBackground#191A1B
- editorSuggestWidget.selectedForeground#D4881C
- editorSuggestWidget.selectedIconForeground#128FFF
- editorSuggestWidgetStatus.foreground#00ff0d
- editorUnnecessaryCode.border#ff0000
- editorUnnecessaryCode.opacity#5c5c5cad
- editorWhitespace.foreground#333332
- editorWidget.background#151E26
- editorWidget.border#ff0000
- editorWidget.foreground#737373
- editorWidget.resizeBorder#09ff00
- errorForeground#F3002B
- extensionButton.prominentBackground#00A4F3
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#0093DA
- focusBorder#414243
- gitDecoration.conflictingResourceForeground#FF41C1
- gitDecoration.deletedResourceForeground#F3002B
- gitDecoration.ignoredResourceForeground#8c8c8ab6
- gitDecoration.modifiedResourceForeground#F3C900
- gitDecoration.untrackedResourceForeground#00F3C9
- input.background#1A1C1E
- input.border#2F3031
- input.foreground#DAFD57
- input.placeholderForeground#616263
- inputOption.activeBackground#5D6C23
- inputOption.activeForeground#B9C978
- inputOption.hoverBackground#5D6C23
- inputValidation.errorBackground#2B0E15
- inputValidation.errorBorder#2B0E15
- inputValidation.errorForeground#C4A4AB
- inputValidation.warningBackground#ff0000
- inputValidation.warningBorder#ff0000
- inputValidation.warningForeground#ff0000
- list.activeSelectionBackground#080808
- list.activeSelectionForeground#B2B2B1
- list.dropBackground#333332
- list.errorForeground#F3002B
- list.focusBackground#080808
- list.highlightForeground#F8F8F2
- list.hoverBackground#080808
- list.inactiveSelectionBackground#080808
- list.inactiveSelectionForeground#B2B2B1
- list.warningForeground#F3C900
- menu.background#151E26
- menu.border#bdae98b0
- menu.foreground#8C8C8A
- menu.selectionBackground#0F4371
- menu.selectionForeground#BDAE98
- menubar.selectionBackground#0F4371
- menubar.selectionForeground#BDAE98
- merge.currentContentBackground#0074604D
- merge.currentHeaderBackground#007460
- merge.incomingContentBackground#0070A74D
- merge.incomingHeaderBackground#0070A7
- notificationCenterHeader.background#140D02
- notificationCenterHeader.foreground#B2B2B1
- notificationLink.foreground#00A4F3
- notifications.background#332714
- notifications.border#332714
- notifications.foreground#F8F8F2
- panel.background#151E26
- panel.border#170616
- panel.dropBorder#0011ff
- panelInput.border#0F4678
- panelSection.border#684C66
- panelSection.dropBackground#2218095e
- panelSectionHeader.background#353C1A
- panelSectionHeader.border#f30000
- panelSectionHeader.foreground#dadada
- panelTitle.activeBorder#00A4F3
- panelTitle.activeForeground#BDAE98
- panelTitle.inactiveForeground#998870
- peekView.border#0F4371
- peekViewEditor.background#191A1B
- peekViewEditor.matchHighlightBackground#3B301F
- peekViewResult.background#191A1B
- peekViewResult.fileForeground#80A2C0
- peekViewResult.lineForeground#9E9E9E
- peekViewResult.matchHighlightBackground#79555D
- peekViewResult.selectionBackground#1C2109
- peekViewResult.selectionForeground#9E9E9E
- peekViewTitle.background#0F4371
- peekViewTitleDescription.foreground#FFFFFF
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#F3C900
- pickerGroup.foreground#F3C900
- progressBar.background#002fff
- scrollbar.shadow#4A5763
- scrollbarSlider.activeBackground#728763a4
- scrollbarSlider.background#728763a4
- scrollbarSlider.hoverBackground#728763a4
- sideBar.background#283138
- sideBar.foreground#f4f5f5dc
- sideBarSectionHeader.background#0E171F
- sideBarSectionHeader.foreground#8C8C8A
- statusBar.background#031C33
- statusBar.debuggingBackground#F34F00
- statusBar.debuggingForeground#F8F8F2
- statusBar.foreground#998870
- statusBar.noFolderBackground#0F4371
- statusBar.noFolderForeground#878787
- statusBarItem.activeBackground#000000
- statusBarItem.hoverBackground#0B0B0B
- tab.activeBackground#3b3b3b
- tab.activeBorder#0C5DA5
- tab.activeBorderTop#0C5DA5
- tab.activeForeground#fcfcfc
- tab.border#0C5DA5
- tab.hoverBackground#080808
- tab.inactiveBackground#212121
- tab.inactiveForeground#B2B2B1
- tab.unfocusedActiveBorder#080808
- tab.unfocusedActiveBorderTop#080808
- tab.unfocusedActiveForeground#D0D0D0
- tab.unfocusedInactiveForeground#8C8C8A
- terminal.ansiBlack#292C36
- terminal.ansiBlue#8485CE
- terminal.ansiBrightBlack#65568A
- terminal.ansiBrightBlue#8485CE
- terminal.ansiBrightCyan#64878F
- terminal.ansiBrightGreen#95C76F
- terminal.ansiBrightMagenta#B74989
- terminal.ansiBrightRed#F84547
- terminal.ansiBrightWhite#F8F8F8
- terminal.ansiBrightYellow#EFA16B
- terminal.ansiCyan#64878F
- terminal.ansiGreen#95C76F
- terminal.ansiMagenta#B74989
- terminal.ansiRed#F84547
- terminal.ansiWhite#D8D8D8
- terminal.ansiYellow#EFA16B
- terminal.background#080808
- terminal.foreground#D8D8D8
- terminalCursor.background#D8D8D8
- terminalCursor.foreground#D8D8D8
- textBlockQuote.background#393b3d4f
- textBlockQuote.border#004A8C
- textLink.activeForeground#FFCF8B
- textLink.foreground#FF9500
- titleBar.activeBackground#0E171F
- titleBar.activeForeground#878787
- titleBar.inactiveBackground#080808
- titleBar.inactiveForeground#878787
- toolbar.activeBackground#39460A
- toolbar.hoverBackground#2F4023
- tree.indentGuidesStroke#8C8C8A
- tree.tableColumnsBorder#4A5763
- tree.tableOddRowsBackground#3B301F
- walkThrough.embeddedEditorBackground#00F3C9
- welcomePage.background#1B2024
- welcomePage.progress.background#343B1B
- welcomePage.progress.foreground#767E58
- welcomePage.tileBackground#262D33
- welcomePage.tileHoverBackground#313F4A
- welcomePage.tileShadow#07e2be
- widget.shadow#bdae98d8
- window.activeBorder#FF0044
- window.inactiveBorder#FF9500
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #858585 | italic |
| variable.other.jsdoc | #CAC9C9 | — |
| entity.name.tag | #011af7 | — |
| invalid | #00ff15 | — |
| entity.name.class | #00ff37 | — |
| entity.name.function | #ff0000 | — |
| entity.name.type | #6E3E5394 | — |
| source.js constant | #d6498b | — |
| meta | #ffffffc0 | — |
| string.quoted | #EFA16B | — |
| string | #f7c376 | — |
| constant.numeric | #72e4ec | — |
| constant.language | #72e4ec | — |
| keyword.operator | #FF5E5E | — |
| punctuation.definition.binding-pattern, meta.import punctuation.definition.block | #FF5E5E | — |
| keyword.control | #9575cd | — |
| storage.type | #fffb2ab6 | — |
| storage.modifier | #9575CD | italic |
| variable.language | #ff9431 | — |
| constant.character, constant.other | #8080FF | |
| storage.other | #9872A2 | |
| entity.name.class, entity.name.type | #B8FCB1 | — |
| punctuation.separator.variable | #6089B4 | |
| support.function | #ffc107 | — |
| meta.tag punctuation.definition.string | #D0B344 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #6089B4 | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #cecece | |
| meta.tag.inline source, text.html.php.source | #9AA83A | |
| meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype | #9AA83A | |
| meta.tag.other | #D0B344 | |
| variable.other.property | #8d6e63 | |
| meta.function-call.object | #9872A2 | |
| variable.other.normal | #6089B4 | |
| meta.brace.erb.html | #D08442 | |
| meta.object-literal.key | #eeeeee | — |
| meta.toc-list.id | #9AA83A | — |
| punctuation.section.embedded.coffee | #D08442 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #C7444A | |
| variable.language.ruby | #D0B344 | |
| markup.deleted | #dc322f | |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote | #9872A2 | — |
| markup.list | #9AA83A | — |
| markup.bold, markup.italic | #6089B4 | — |
| markup.inline.raw | #FF0080 | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| markup.heading | #D0B344 | — |
| markup.heading.setext | #D0B344 | |
| meta.diff, meta.diff.header | #E0EDDD | — |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby | #D08442 | — |
| keyword.other.special-method.ruby | #D9B700 | |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #D08442 | |
| constant.other.symbol.ruby | #9AA83A | |
| source.php.embedded.line.html | #676867 | — |
| punctuation.definition.string.end.php, punctuation.definition.string.begin.php | #9AA83A | — |
| meta.function-call.object.php | #D0B344 | |
| variable.language.js | #CC555A | — |
| support.type.property-name.css | #ffd27d | |
| meta.selector.css entity.other.attribute-name.id | #a27272 | |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #fff461 | |
| invalid | #FF0B00 | |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #e09be2 | |
| punctuation.separator, punctuation.terminator | #D0D0D0 | — |
| string.regexp, string.regexp keyword.control, string.regexp keyword.operator | #69f0ae | — |
| string.regexp punctuation.definition.string | #A9B9B0 | — |
| string.regexp keyword.other | #FF5E5E | — |
| entity.name.function | #80cbc4 | — |
| punctuation.definition.parameters, punctuation.definition.arguments | #C9E9E0 | — |
| meta.parameters | #2600ff | — |
| variable.parameter | #FF5E5E | — |
| variable.function, meta.function-call entity.name.function, meta.method-call entity.name.function | #B8FCB1 | underline |
| entity.name.type.class, entity.other.inherited-class, support.class | #B8FCB1 | underline |
| keyword.control.conditional, keyword.control.import | #FFD14A | — |
| meta.tag.sgml, meta.tag.sgml variable.language, meta.tag.sgml punctuation.definition.tag | #FFCC32 | — |
| meta.tag.preprocessor, meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor punctuation.definition.tag | #FFCC32 | — |
| entity.name.tag | #FF5E5E | — |
| punctuation.definition.tag | #D0D0D0 | — |
| entity.other.attribute-name | #8CDAFF | — |
| meta.tag.metadata.script entity.name.tag, meta.tag.metadata.script punctuation.definition.tag | #B8FCB1 | — |
| support.type.property-name | #F8F8F2 | — |
| meta.property-value | #69f0ae | — |
| punctuation.section | #D0D0D0 | — |
| variable.css, variable.scss | #FFE082 | — |
| punctuation.definition.entity, punctuation.definition.attribute-selector | #8CDAFF | — |
| keyword.control.at-rule, keyword.control.at-rule punctuation | #69f0ae | — |
| meta.at-rule support.function | #8CDAFF | — |
| meta.at-rule.mixin variable.scss, meta.at-rule.function variable.scss | #D0D0D0 | — |
| meta.at-rule.mixin support.constant, meta.at-rule.mixin variable.parameter, meta.at-rule.function support.constant, meta.at-rule.function variable.parameter | #69f0ae | — |
| meta.at-rule.mixin constant.numeric, meta.at-rule.function constant.numeric | — | — |
| keyword.control.at-rule.include, keyword.control.at-rule.include punctuation | #FF5E5E | — |
| meta.at-rule.function punctuation.section | #C9E9E0 | — |
| meta.at-rule.return | #D0D0D0 | — |
| meta.at-rule.return punctuation.definition.begin.bracket, meta.at-rule.return punctuation.definition.end.bracket | #D0D0D0 | — |
| meta.at-rule.include entity.name.function, meta.at-rule.include punctuation, meta.property-value punctuation.section.function | #C9E9E0 | — |
| punctuation.definition.interpolation | #D77676 | — |
| punctuation.definition.map | #D77676 | — |
| comment storage.type, comment punctuation.definition.block | #6D6D6D | — |
| punctuation.definition.block, punctuation.definition.dictionary | #A9B9B0 | — |
| meta.brace.square, punctuation.definition.array | #D77676 | — |
| meta.brace.round | #C9E9E0 | — |
| meta.embedded, source.groovy.embedded | #C5C8C6 | — |
| string source | #D08442 | |
| punctuation.accessor | #FF5E5E | — |
| support.variable.dom, support.class.console, support.type.object | #ec407a | — |
| support.variable.property.js | #E9FDAC | — |
| support.class.js, support.class.builtin.js | #8CDAFF | — |
| meta.function-call support.class.builtin.js, new.expr entity.name.type.js | #C9E9E0 | — |
| support.class.js | #F8F8F2 | — |
| string.template.js, punctuation.definition.string.template | #69f0ae | — |
| meta.template.expression | #F8F8F2 | — |
| punctuation.definition.template-expression | #D77676 | — |
| punctuation.support.type.property-name | #B2B2B1 | — |
| punctuation.section.embedded | #A9B9B0 | — |
| punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round | #C9E9E0 | — |
| variable.other.php | #F8F8F2 | — |
| meta.function.parameter | #D0D0D0 | — |
| punctuation.section.array | #D77676 | — |
| keyword.other.new | #FF5E5E | — |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.alias.sql | #FF5E5E | — |
| keyword.other.DDL.create.II.sql | #D77676 | — |
| entity.name.section, punctuation.definition.heading | #FFE082 | — |
| markup beginning.punctuation | #FF5E5E | — |
| markup punctuation | #B2B2B1 | — |
| string.other.link | #C9E9E0 | — |
| markup.underline.link | #6D6D6D | — |
| string.other.link.description.title | #D0D0D0 | — |
| meta.link punctuation | #B2B2B1 | — |
| meta.image punctuation | #B2B2B1 | — |
| markup.fenced_code punctuation | #B8FCB1 | — |