Velourous
Publisher: Arkar MIn TunThemes in package: 1
A luxuriously balanced dark theme with velvety comfort for your eyes. Monokai-inspired with enhanced contrast and sophisticated syntax highlighting.
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#1a1d23
- activityBar.border#1a1d23
- activityBar.foreground#d4d4d4
- activityBar.inactiveForeground#6b727f
- activityBarBadge.background#7ba1d0
- activityBarBadge.foreground#181b20
- badge.background#7ba1d0
- badge.foreground#181b20
- breadcrumb.activeSelectionForeground#d4d4d4
- breadcrumb.focusForeground#d4d4d4
- breadcrumb.foreground#6b727f
- button.background#7ba1d0
- button.foreground#181b20
- button.hoverBackground#8eb5dc
- diffEditor.insertedTextBackground#98c37920
- diffEditor.removedTextBackground#e06c7520
- dropdown.background#282c34
- dropdown.border#3e4451
- dropdown.foreground#d4d4d4
- editor.background#272822
- editor.findMatchBackground#515c6a
- editor.findMatchHighlightBackground#515c6a80
- editor.foreground#f8f8f2
- editor.inactiveSelectionBackground#2c313a80
- editor.lineHighlightBackground#2c313a
- editor.selectionBackground#3e4451
- editor.selectionHighlightBackground#2c313a80
- editor.wordHighlightBackground#3e445180
- editor.wordHighlightStrongBackground#3e445199
- editorCursor.foreground#a0c5e8
- editorGroupHeader.tabsBackground#1a1d23
- editorGroupHeader.tabsBorder#1a1d23
- editorGutter.addedBackground#98c379
- editorGutter.background#272822
- editorGutter.deletedBackground#e06c75
- editorGutter.modifiedBackground#8ab4d1
- editorHoverWidget.background#282c34
- editorHoverWidget.border#3e4451
- editorIndentGuide.activeBackground1#5a5f6b
- editorIndentGuide.background1#3e4451
- editorLineNumber.activeForeground#9da5b4
- editorLineNumber.foreground#5a5f6b
- editorLink.activeForeground#a0c5e8
- editorRuler.foreground#3e4451
- editorSuggestWidget.background#282c34
- editorSuggestWidget.border#3e4451
- editorSuggestWidget.selectedBackground#3e4451
- editorWhitespace.foreground#3e4451
- editorWidget.background#282c34
- editorWidget.border#3e4451
- gitDecoration.conflictingResourceForeground#d8b870
- gitDecoration.deletedResourceForeground#e06c75
- gitDecoration.ignoredResourceForeground#5a5f6b
- gitDecoration.modifiedResourceForeground#8ab4d1
- gitDecoration.untrackedResourceForeground#98c379
- input.background#282c34
- input.border#3e4451
- input.foreground#d4d4d4
- input.placeholderForeground#6b727f
- inputOption.activeBorder#7ba1d0
- inputValidation.errorBackground#e06c75
- inputValidation.errorBorder#e06c75
- inputValidation.infoBackground#7ba1d0
- inputValidation.infoBorder#7ba1d0
- inputValidation.warningBackground#d8b870
- inputValidation.warningBorder#d8b870
- list.activeSelectionBackground#3e4451
- list.activeSelectionForeground#d4d4d4
- list.focusBackground#3e4451
- list.focusForeground#d4d4d4
- list.highlightForeground#a0c5e8
- list.hoverBackground#2c313a
- list.hoverForeground#d4d4d4
- list.inactiveSelectionBackground#2c313a
- list.inactiveSelectionForeground#d4d4d4
- menu.background#282c34
- menu.foreground#d4d4d4
- menu.selectionBackground#3e4451
- menu.selectionForeground#d4d4d4
- menubar.selectionBackground#3e4451
- menubar.selectionForeground#d4d4d4
- notificationCenter.border#3e4451
- notificationCenterHeader.background#282c34
- notifications.background#282c34
- notifications.border#3e4451
- notificationToast.border#3e4451
- panel.background#272822
- panel.border#3e4451
- panelTitle.activeBorder#66d9ef
- panelTitle.activeForeground#d4d4d4
- panelTitle.inactiveForeground#6b727f
- peekView.border#5a5f6b
- peekViewEditor.background#272822
- peekViewEditor.matchHighlightBackground#515c6a80
- peekViewResult.background#282c34
- peekViewResult.matchHighlightBackground#515c6a80
- peekViewResult.selectionBackground#3e4451
- peekViewTitle.background#282c34
- progressBar.background#7ba1d0
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#5a5f6b80
- scrollbarSlider.background#5a5f6b40
- scrollbarSlider.hoverBackground#5a5f6b60
- sideBar.background#23272e
- sideBar.border#1a1d23
- sideBar.foreground#b8bcc6
- sideBarSectionHeader.background#282c34
- sideBarSectionHeader.border#1a1d23
- sideBarSectionHeader.foreground#d4d4d4
- sideBarTitle.foreground#d4d4d4
- statusBar.background#1a1d23
- statusBar.border#1a1d23
- statusBar.debuggingBackground#7ba1d0
- statusBar.debuggingForeground#181b20
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#1a1d23
- tab.activeBackground#272822
- tab.activeBorder#66d9ef
- tab.activeForeground#d4d4d4
- tab.border#1a1d23
- tab.inactiveBackground#1a1d23
- tab.inactiveForeground#6b727f
- tab.unfocusedActiveForeground#b8bcc6
- tab.unfocusedInactiveForeground#6b727f
- terminal.ansiBlack#3e4451
- terminal.ansiBlue#7ba1d0
- terminal.ansiBrightBlack#5a5f6b
- terminal.ansiBrightBlue#a0c5e8
- terminal.ansiBrightCyan#88c0d0
- terminal.ansiBrightGreen#a8d4a9
- terminal.ansiBrightMagenta#c798c4
- terminal.ansiBrightRed#e89393
- terminal.ansiBrightWhite#e6e6e6
- terminal.ansiBrightYellow#ddc87f
- terminal.ansiCyan#68a5ba
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#b083b9
- terminal.ansiRed#e06c75
- terminal.ansiWhite#d4d4d4
- terminal.ansiYellow#d8b870
- terminal.background#272822
- terminal.foreground#f8f8f2
- titleBar.activeBackground#1a1d23
- titleBar.activeForeground#d4d4d4
- titleBar.border#1a1d23
- titleBar.inactiveBackground#1a1d23
- titleBar.inactiveForeground#6b727f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #75715e | italic |
| variable, string constant.other.placeholder, variable.other.constant, meta.definition.variable | #9cdcfe | — |
| meta.object-literal.key, variable.object.property | #e8c285 | — |
| keyword, storage.type, storage.modifier | #66d9ef | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #66d9ef | — |
| variable.other.readwrite.alias, meta.import variable, variable.other.object | #9cdcfe | — |
| keyword.operator | #66d9ef | — |
| string, punctuation.definition.string | #d8c870 | — |
| constant.numeric | #c792ea | — |
| constant.language | #c792ea | — |
| constant.character, constant.other | #c792ea | — |
| entity.name.function, support.function | #a6e22e | — |
| entity.name.class, entity.name.type.class, support.class | #4ec9b0 | — |
| support.type, entity.name.type, entity.other.inherited-class, meta.type.annotation, meta.return.type, support.type.primitive | #4ec9b0 | — |
| meta.method-call, meta.method, entity.name.method | #a6e22e | — |
| variable.parameter, meta.parameters | #fd971f | — |
| entity.name.tag | #66d9ef | — |
| entity.other.attribute-name | #b4a7d6 | — |
| punctuation.definition.tag | #f8f8f2 | — |
| entity.other.attribute-name.class | #b4a7d6 | — |
| entity.other.attribute-name.id | #b4a7d6 | — |
| support.type.property-name | #e8c285 | — |
| support.type.property-name.json | #e8c285 | — |
| markup.heading, entity.name.section.markdown | #fd971f | bold |
| markup.bold | #f0dfa0 | bold |
| markup.italic | #f0dfa0 | italic |
| markup.underline.link, string.other.link | #9bc5ec | — |
| markup.inline.raw, markup.fenced_code.block | #b5ddb6 | — |
| entity.name.namespace, entity.name.import | #a8b8d1 | — |
| invalid, invalid.illegal | #e06c75 | — |
| invalid.deprecated | #e06c75 | strikethrough |
| string.regexp | #98d5dc | — |
| constant.character.escape | #98d5dc | — |
| punctuation.section.embedded | #afd4f0 | — |
| markup.inserted | #98c379 | — |
| markup.deleted | #e06c75 | — |
| markup.changed | #e6d494 | — |