Visqode Theme
Publisher: Abdulla al mahinThemes in package: 4
A minimal, monochromatic dark theme family designed for modern software engineering.
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#ffffff16
- activityBar.activeBorder#7eb6ff
- activityBar.background#08080c
- activityBar.border#1e1e28
- activityBar.foreground#a8a8be
- activityBar.inactiveForeground#9a9ab0
- activityBarBadge.background#7eb6ff
- activityBarBadge.foreground#0d0d0f
- badge.background#7eb6ff
- badge.foreground#0d0d0f
- button.background#7eb6ff
- button.foreground#0d0d0f
- button.hoverBackground#7eb6ff
- debugIcon.breakpointForeground#f87171
- debugIcon.pauseForeground#e5b567
- debugIcon.startForeground#6ecb9a
- debugIcon.stopForeground#f87171
- descriptionForeground#9a9ab0
- diffEditor.border#1e1e28
- diffEditor.insertedLineBackground#6ecb9a1a
- diffEditor.insertedTextBackground#6ecb9a1a
- diffEditor.removedLineBackground#f871711a
- diffEditor.removedTextBackground#f871711a
- disabledForeground#4a4a5c
- dropdown.background#161628
- dropdown.border#2a2a36
- dropdown.foreground#e0e0ec
- editor.background#111117
- editor.findMatchBackground#60a5fa45
- editor.findMatchHighlightBackground#60a5fa45
- editor.foreground#e0e0ec
- editor.hoverHighlightBackground#ffffff0e
- editor.inactiveSelectionBackground#ffffff12
- editor.lineHighlightBackground#ffffff0c
- editor.rangeHighlightBackground#ffffff12
- editor.selectionBackground#60a5fa2a
- editor.selectionHighlightBackground#ffffff12
- editor.wordHighlightBackground#ffffff12
- editor.wordHighlightStrongBackground#60a5fa2a
- editorBracketMatch.background#ffffff1e
- editorBracketMatch.border#60a5fa80
- editorCodeLens.foreground#9a9ab0
- editorCursor.foreground#7eb6ff
- editorError.foreground#f87171
- editorGroup.background#0a0a0e
- editorGroup.border#1e1e28
- editorGroupHeader.noTabsBackground#111117
- editorGroupHeader.tabsBackground#08080c
- editorGroupHeader.tabsBorder#1e1e28
- editorGutter.addedBackground#6ecb9a
- editorGutter.background#111117
- editorGutter.deletedBackground#f87171
- editorGutter.modifiedBackground#e5b567
- editorHint.foreground#38bdf8
- editorHoverWidget.background#161628
- editorHoverWidget.border#2a2a36
- editorIndentGuide.activeBackground1#3e3e50
- editorIndentGuide.background1#1e1e28
- editorInfo.foreground#60a5fa
- editorLightBulb.foreground#38bdf8
- editorLineNumber.activeForeground#7eb6ff
- editorLineNumber.foreground#55556a
- editorOverviewRuler.addedForeground#6ecb9a
- editorOverviewRuler.deletedForeground#f87171
- editorOverviewRuler.errorForeground#f87171
- editorOverviewRuler.infoForeground#60a5fa
- editorOverviewRuler.modifiedForeground#e5b567
- editorOverviewRuler.warningForeground#e5b567
- editorPane.background#111117
- editorRuler.foreground#1e1e28
- editorSuggestWidget.background#161628
- editorSuggestWidget.border#2a2a36
- editorSuggestWidget.foreground#e0e0ec
- editorSuggestWidget.highlightForeground#7eb6ff
- editorSuggestWidget.selectedBackground#ffffff1c
- editorWarning.foreground#e5b567
- editorWhitespace.foreground#2e2e3a
- editorWidget.background#161628
- editorWidget.border#2a2a36
- errorForeground#f87171
- focusBorder#60a5fa80
- foreground#e0e0ec
- gitDecoration.addedResourceForeground#6ecb9a
- gitDecoration.conflictingResourceForeground#e5b567
- gitDecoration.deletedResourceForeground#f87171
- gitDecoration.modifiedResourceForeground#e5b567
- gitDecoration.renamedResourceForeground#a78bfa
- gitDecoration.untrackedResourceForeground#6ecb9a
- icon.foreground#a8a8be
- input.background#00000000
- input.border#2a2a36
- input.foreground#e0e0ec
- input.placeholderForeground#6a6a80
- inputOption.activeBackground#ffffff1c
- inputOption.activeBorder#60a5fa80
- inputOption.activeForeground#7eb6ff
- list.activeSelectionBackground#ffffff1c
- list.activeSelectionForeground#e0e0ec
- list.errorForeground#f87171
- list.focusBackground#ffffff16
- list.focusForeground#e0e0ec
- list.highlightForeground#7eb6ff
- list.hoverBackground#ffffff0e
- list.hoverForeground#e0e0ec
- list.inactiveSelectionBackground#ffffff1c
- list.inactiveSelectionForeground#e0e0ec
- list.warningForeground#e5b567
- merge.currentContentBackground#60a5fa1a
- merge.currentHeaderBackground#60a5fa1a
- merge.incomingContentBackground#6ecb9a1a
- merge.incomingHeaderBackground#6ecb9a1a
- minimap.background#111117
- minimapSlider.activeBackground#ffffff2c
- minimapSlider.background#ffffff18
- minimapSlider.hoverBackground#ffffff2c
- notificationCenterHeader.background#0d0d14
- notifications.background#161628
- notifications.foreground#e0e0ec
- notificationsErrorIcon.foreground#f87171
- notificationsInfoIcon.foreground#60a5fa
- notificationsWarningIcon.foreground#e5b567
- panel.background#0d0d14
- panel.border#1e1e28
- panelInput.border#2a2a36
- panelTitle.activeForeground#e0e0ec
- panelTitle.inactiveForeground#9a9ab0
- peekViewEditor.background#111117
- peekViewEditor.matchHighlightBackground#60a5fa45
- peekViewResult.background#0d0d14
- peekViewResult.selectionBackground#ffffff1c
- peekViewTitle.background#111117
- problemsErrorIcon.foreground#f87171
- problemsInfoIcon.foreground#60a5fa
- problemsWarningIcon.foreground#e5b567
- scrollbarSlider.activeBackground#ffffff2c
- scrollbarSlider.background#ffffff18
- scrollbarSlider.hoverBackground#ffffff2c
- selection.background#ffffff1c
- sideBar.background#0d0d14
- sideBar.border#1e1e28
- sideBar.foreground#e0e0ec
- sideBarSectionHeader.background#00000000
- sideBarSectionHeader.border#1e1e28
- sideBarSectionHeader.foreground#e0e0ec
- sideBarTitle.foreground#e0e0ec
- statusBar.background#08080c
- statusBar.border#1e1e28
- statusBar.foreground#9a9ab0
- tab.activeBackground#111117
- tab.activeBorder#7eb6ff
- tab.activeForeground#e0e0ec
- tab.border#1e1e28
- tab.hoverBackground#ffffff0e
- tab.hoverForeground#e0e0ec
- tab.inactiveBackground#08080c
- tab.inactiveForeground#9a9ab0
- tab.unfocusedActiveBorder#60a5fa80
- terminal.ansiBlack#161628
- terminal.ansiBlue#60a5fa
- terminal.ansiBrightBlack#4a4a5c
- terminal.ansiBrightBlue#93c5fd
- terminal.ansiBrightCyan#7dd3fc
- terminal.ansiBrightGreen#8edeb4
- terminal.ansiBrightMagenta#c4b5fd
- terminal.ansiBrightRed#fca5a5
- terminal.ansiBrightWhite#f4f4fc
- terminal.ansiBrightYellow#f0d080
- terminal.ansiCyan#38bdf8
- terminal.ansiGreen#6ecb9a
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#f87171
- terminal.ansiWhite#a8a8be
- terminal.ansiYellow#e5b567
- terminal.background#08080c
- terminal.foreground#e0e0ec
- terminalCursor.foreground#7eb6ff
- textLink.activeForeground#7eb6ff
- textLink.foreground#7eb6ff
- textPreformat.background#0a0a0e
- textPreformat.foreground#e0e0ec
- titleBar.activeBackground#08080c
- titleBar.activeForeground#e0e0ec
- titleBar.border#1e1e28
- titleBar.inactiveBackground#0d0d0f
- titleBar.inactiveForeground#9a9ab0
- toolbar.activeBackground#ffffff16
- toolbar.background#111117
- toolbar.hoverBackground#ffffff0e
- tree.inactiveIndentGuidesStroke#1e1e28
- tree.indentGuidesStroke#1e1e28
- tree.tableColumnsBorder#1e1e28
- tree.tableOddRowsBackground#ffffff0e
- widget.border#2a2a36
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.other.attribute-name | #e89eff | — |
| constant.language.boolean | #fa87b9 | — |
| comment | #6e6e86 | italic |
| comment.block.documentation | #6e6e86 | italic |
| constant.language, constant | #e89eff | — |
| entity.name.function, entity.name.function.constructor | #7eb6ff | — |
| meta.embedded | #e0e0ec | — |
| markup.italic | #e0e0ec | italic |
| markup.bold | #e0e0ec | bold |
| entity.name.type.enum | #e89eff | — |
| entity.name.function, support.function | #7eb6ff | — |
| markup.other.hint | #38bdf8 | italic |
| keyword, storage.type, storage.modifier | #ff6394 | — |
| entity.name.label | #e89eff | — |
| markup.underline.link | #38bdf8 | underline |
| string.other.link | #38bdf8 | — |
| constant.numeric | #fa87b9 | — |
| keyword.operator | #a0c4fc | — |
| comment, meta.suggestion | #6a6a80 | italic |
| meta.preprocessor | #c4b5fd | — |
| source | #e0e0ec | — |
| variable.other.property, support.type.property-name | #99ffd6 | — |
| punctuation | #9a9ab0 | — |
| punctuation.bracket | #9a9ab0 | — |
| punctuation.separator, punctuation.terminator | #9a9ab0 | — |
| punctuation.definition.list | #9a9ab0 | — |
| punctuation.definition | #9a9ab0 | — |
| string | #5ec8f0 | — |
| constant.character.escape | #c4b5fd | — |
| string.regexp | #5ec8f0 | — |
| string.other | #c4b5fd | — |
| constant.other.symbol | #c4b5fd | — |
| entity.name.tag | #60a5fa | — |
| markup.raw, string.unquoted | #5ec8f0 | — |
| entity.name.section | #e0e0ec | bold |
| entity.name.type, support.type | #ae99ff | — |
| entity.name.type.interface | #ae99ff | italic |
| entity.other.inherited-class | #ae99ff | italic |
| variable | #e0e0ec | — |
| variable.other.member | #99ffd6 | — |
| variable.parameter | #fa87b9 | italic |
| variable.language | #7eb6ff | italic |
| entity.other.inherited-class, entity.name.type.variant | #e0e0ec | — |