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#D7DDE5
- activityBar.foreground#3F444A
- activityBarBadge.background#364FC7
- activityBarBadge.foreground#F8F9FA
- breadcrumb.background#EEF2F6
- breadcrumb.focusForeground#1F2328
- breadcrumb.foreground#5C6570
- button.background#364FC7
- button.foreground#F8F9FA
- button.hoverBackground#2F46B3
- diffEditor.insertedLineBackground#CFEAD6
- diffEditor.insertedTextBackground#EAF7EE
- diffEditor.insertedTextBorder#69B37B
- diffEditor.removedLineBackground#F6D6D6
- diffEditor.removedTextBackground#FDECEC
- diffEditor.removedTextBorder#E59999
- diffEditorOverview.insertedForeground#2F9E44CC
- diffEditorOverview.removedForeground#D64545CC
- dropdown.background#FFFFFF
- dropdown.border#C7D0DB
- dropdown.foreground#1F2328
- editor.background#F7F7F5
- editor.findMatchBackground#BFD3F7
- editor.findMatchBorder#364FC7
- editor.findMatchHighlightBackground#DBE6FA
- editor.foreground#1F2328
- editor.lineHighlightBackground#EEF2F7
- editor.selectionBackground#E2E8F0
- editor.wordHighlightBackground#DCE6F6
- editor.wordHighlightStrongBackground#CDD9F0
- editorBracketMatch.background#E2E8F0
- editorBracketMatch.border#364FC7
- editorCursor.foreground#364FC7
- editorError.foreground#C92A2A
- editorGroup.border#D2D8E1
- editorGroupHeader.tabsBackground#E3E8EF
- editorGutter.deletedBackground#D64545
- editorGutter.insertedBackground#2F9E44
- editorGutter.modifiedBackground#1C7ED6
- editorHoverWidget.background#FCFCFB
- editorHoverWidget.border#C5CED8
- editorIndentGuide.activeBackground#364FC7
- editorIndentGuide.background#DEE2E6
- editorInfo.foreground#1C7ED6
- editorInlayHint.background#EDEDED
- editorInlayHint.foreground#868E96
- editorLineNumber.activeForeground#364FC7
- editorLineNumber.foreground#ADB5BD
- editorOverviewRuler.deletedForeground#D64545CC
- editorOverviewRuler.insertedForeground#2F9E44CC
- editorOverviewRuler.modifiedForeground#1C7ED6CC
- editorSuggestWidget.background#FCFCFB
- editorSuggestWidget.border#C5CED8
- editorSuggestWidget.selectedBackground#DCE5F2
- editorWarning.foreground#E67700
- focusBorder#364FC7
- gitDecoration.addedResourceForeground#2F9E44
- gitDecoration.conflictingResourceForeground#E67700
- gitDecoration.deletedResourceForeground#C92A2A
- gitDecoration.modifiedResourceForeground#1C7ED6
- gitDecoration.untrackedResourceForeground#2B8A3E
- input.background#FFFFFF
- input.border#C7D0DB
- input.foreground#1F2328
- input.placeholderForeground#8A9096
- list.activeSelectionBackground#CDD6E3
- list.activeSelectionForeground#1F2328
- list.highlightForeground#364FC7
- list.hoverBackground#D9E0EA
- list.inactiveSelectionBackground#E1E6EE
- minimap.background#F3F4F2
- minimap.findMatchHighlight#9CB8EE
- minimap.selectionHighlight#C5D2EA
- notifications.background#FCFCFB
- notifications.border#D2D8E1
- panel.background#E3E8EF
- panel.border#D2D8E1
- peekView.border#364FC7
- peekViewEditor.background#F3F5F8
- peekViewResult.background#EEF2F6
- peekViewResult.selectionBackground#DCE5F2
- peekViewTitle.background#E3E8EF
- scrollbarSlider.activeBackground#8795AE90
- scrollbarSlider.background#B7C2D180
- scrollbarSlider.hoverBackground#9FACC080
- sideBar.background#E3E8EF
- sideBar.border#D2D8E1
- sideBar.foreground#2B2F33
- statusBar.background#D7DDE5
- statusBar.border#C8D0DA
- statusBar.foreground#2B2F33
- tab.activeBackground#FFFFFF
- tab.activeForeground#1F2328
- tab.border#D5DCE5
- tab.inactiveBackground#E3E8EF
- tab.inactiveForeground#5C6570
- terminal.ansiBlack#495057
- terminal.ansiBlue#364FC7
- terminal.ansiCyan#0B7285
- terminal.ansiGreen#2B8A3E
- terminal.ansiMagenta#7B49C6
- terminal.ansiRed#C92A2A
- terminal.ansiWhite#F1F3F5
- terminal.ansiYellow#C77D18
- terminal.background#F7F7F5
- terminal.foreground#1F2328
- titleBar.activeBackground#E3E8EF
- titleBar.activeForeground#2B2F33
- titleBar.border#D2D8E1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8A9096 | italic |
| keyword, storage.modifier, keyword.control | #364FC7 | — |
| storage.type, support.type | #228BE6 | — |
| entity.name.type, entity.name.class, entity.name.namespace, support.class | #1C7ED6 | — |
| support.function.builtin, support.function | #4263EB | — |
| entity.name.function | #5F3DC4 | bold |
| entity.name.alias, variable.other.readwrite | #495057 | — |
| variable.language.special, variable.language.this | #C92A2A | — |
| support.type.property-name.json, meta.object-literal.key | #364FC7 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #1C7ED6 | — |
| entity.other.attribute-name, support.type.property-name.css | #5F3DC4 | — |
| string | #B76E2B | — |
| markup.heading, markup.heading entity.name | #364FC7 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #B76E2B | — |
| markup.inserted, diff.inserted | #2B8A3E | — |
| markup.deleted, diff.deleted | #C92A2A | — |
| constant.numeric, constant.language | #D9480F | — |
| constant.other.color, constant.other.symbol, constant.language.boolean | #D9480F | — |
| entity.name.label, punctuation.definition.list.begin.markdown | #7B49C6 | — |
| meta.decorator, storage.type.annotation, punctuation.definition.decorator | #4263EB | — |
| variable | #1F2328 | — |
| variable.other.constant, variable.other.enummember | #D9480F | — |
| string.regexp | #9C6B30 | — |