Lowkey Code Theme
Publisher: monaqThemes in package: 4
A calm, low-contrast VS Code theme focused on readability, reduced eye strain, and minimal cognitive load.
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#11151C
- activityBar.foreground#D4D7DD
- activityBarBadge.background#7AA2F7
- activityBarBadge.foreground#0F1117
- breadcrumb.background#171C25
- breadcrumb.focusForeground#F3F4F7
- breadcrumb.foreground#8B92A1
- button.background#7AA2F7
- button.foreground#0F1117
- button.hoverBackground#8AAEF8
- diffEditor.insertedLineBackground#16261F
- diffEditor.insertedTextBackground#1E3A2A
- diffEditor.insertedTextBorder#52996A
- diffEditor.removedLineBackground#2A1616
- diffEditor.removedTextBackground#3A1E1E
- diffEditor.removedTextBorder#A45454
- diffEditorOverview.insertedForeground#4FB06DCC
- diffEditorOverview.removedForeground#E06C75CC
- dropdown.background#171C25
- dropdown.border#2A3240
- dropdown.foreground#D4D7DD
- editor.background#111318
- editor.findMatchBackground#36507F
- editor.findMatchBorder#8AA2F7
- editor.findMatchHighlightBackground#243248
- editor.foreground#D4D7DD
- editor.lineHighlightBackground#1B1F26
- editor.selectionBackground#2A2F3A
- editor.wordHighlightBackground#263246
- editor.wordHighlightStrongBackground#30405A
- editorCursor.foreground#A5B4FC
- editorError.foreground#F7768E
- editorGroup.border#232936
- editorGroupHeader.tabsBackground#111318
- editorGutter.deletedBackground#E06C75
- editorGutter.insertedBackground#4FB06D
- editorGutter.modifiedBackground#7DCFFF
- editorHoverWidget.background#161B23
- editorHoverWidget.border#2A3240
- editorInfo.foreground#7DCFFF
- editorInlayHint.background#1B1F26
- editorInlayHint.foreground#6B7280
- editorLineNumber.activeForeground#7AA2F7
- editorLineNumber.foreground#3B3F46
- editorOverviewRuler.deletedForeground#E06C75CC
- editorOverviewRuler.insertedForeground#4FB06DCC
- editorOverviewRuler.modifiedForeground#7DCFFFCC
- editorSuggestWidget.background#161B23
- editorSuggestWidget.border#2A3240
- editorSuggestWidget.selectedBackground#232B37
- editorWarning.foreground#E0AF68
- gitDecoration.addedResourceForeground#4FB06D
- gitDecoration.conflictingResourceForeground#F0A35E
- gitDecoration.deletedResourceForeground#E06C75
- gitDecoration.modifiedResourceForeground#7DCFFF
- gitDecoration.untrackedResourceForeground#73D18C
- input.background#171C25
- input.border#2A3240
- input.foreground#D4D7DD
- input.placeholderForeground#6B7280
- minimap.background#101419
- minimap.findMatchHighlight#48669D
- minimap.selectionHighlight#31405C
- notifications.background#161B23
- notifications.border#232936
- panel.background#111318
- panel.border#232936
- peekView.border#7AA2F7
- peekViewEditor.background#141921
- peekViewResult.background#171C25
- peekViewResult.selectionBackground#232B37
- peekViewTitle.background#1A1F28
- scrollbarSlider.activeBackground#6B789090
- scrollbarSlider.background#4A556880
- scrollbarSlider.hoverBackground#5A677C80
- sideBar.background#131720
- sideBar.border#232936
- sideBar.foreground#D4D7DD
- statusBar.background#11151C
- statusBar.border#232936
- statusBar.foreground#D4D7DD
- tab.activeBackground#1B1F26
- tab.activeForeground#F3F4F7
- tab.border#232936
- tab.inactiveBackground#111318
- tab.inactiveForeground#8B92A1
- terminal.ansiBlack#414868
- terminal.ansiBlue#7AA2F7
- terminal.ansiCyan#7DCFFF
- terminal.ansiGreen#73D18C
- terminal.ansiMagenta#BB9AF7
- terminal.ansiRed#F7768E
- terminal.ansiWhite#D4D7DD
- terminal.ansiYellow#E0AF68
- terminal.background#111318
- terminal.foreground#D4D7DD
- titleBar.activeBackground#131720
- titleBar.activeForeground#D4D7DD
- titleBar.border#232936
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6B7280 | italic |
| keyword, storage.modifier, keyword.control | #7AA2F7 | — |
| storage.type, support.type | #6FB1D6 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.class | #7DCFFF | — |
| support.function.builtin, support.function | #82AFC7 | — |
| entity.name.function | #BB9AF7 | bold |
| entity.name.alias, variable.other.readwrite | #C0C5CE | — |
| variable.language.special, variable.language.this | #E58E8E | — |
| support.type.property-name.json, meta.object-literal.key | #8AA2F7 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #7DCFFF | — |
| entity.other.attribute-name, support.type.property-name.css | #BB9AF7 | — |
| string | #D6A96B | — |
| markup.heading, markup.heading entity.name | #7AA2F7 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #D6A96B | — |
| markup.inserted, diff.inserted | #73D18C | — |
| markup.deleted, diff.deleted | #F7768E | — |
| constant.numeric, constant.language | #E08A5C | — |
| constant.other.color, constant.other.symbol, constant.language.boolean | #E08A5C | — |
| entity.name.label, punctuation.definition.list.begin.markdown | #BB9AF7 | — |
| meta.decorator, storage.type.annotation, punctuation.definition.decorator | #82AFC7 | — |
| variable | #C0C5CE | — |
| variable.other.constant, variable.other.enummember | #E08A5C | — |
| string.regexp | #C8A870 | — |