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.activeBorder#2F6FED
- activityBar.background#EEF1F5
- activityBar.foreground#5D6778
- activityBarBadge.background#2F6FED
- activityBarBadge.foreground#F8FAFD
- breadcrumb.background#F2F4F7
- breadcrumb.focusForeground#232A35
- breadcrumb.foreground#778193
- button.background#2F6FED
- button.foreground#F8FAFD
- button.hoverBackground#255FDB
- commandCenter.activeBackground#F2F5F9
- commandCenter.background#FDFDFE
- commandCenter.foreground#4F596A
- descriptionForeground#626D7C
- diffEditor.insertedLineBackground#EAF8F0
- diffEditor.insertedTextBackground#DFF3E7
- diffEditor.insertedTextBorder#55A874
- diffEditor.removedLineBackground#FBECEC
- diffEditor.removedTextBackground#F8E1E1
- diffEditor.removedTextBorder#D46A6A
- diffEditorOverview.insertedForeground#2E9B5FCC
- diffEditorOverview.removedForeground#D15252CC
- dropdown.background#FDFDFE
- dropdown.border#D6DDE7
- dropdown.foreground#20242B
- editor.background#F7F8FA
- editor.findMatchBackground#C0D2F4
- editor.findMatchBorder#2F6FED
- editor.findMatchHighlightBackground#E0E8F7
- editor.foreground#20242B
- editor.inactiveSelectionBackground#E9EEF6
- editor.lineHighlightBackground#EEF2F6
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#DEE8F7
- editor.wordHighlightBackground#E6ECF7
- editor.wordHighlightStrongBackground#D6E0F1
- editorBracketMatch.background#E5EBF5
- editorBracketMatch.border#6E9DF4
- editorCursor.foreground#2F6FED
- editorError.foreground#C23B3B
- editorGroup.border#E0E5EC
- editorGroupHeader.tabsBackground#F2F4F7
- editorGutter.deletedBackground#D15252
- editorGutter.insertedBackground#2E9B5F
- editorGutter.modifiedBackground#2F6FED
- editorHint.foreground#2E8B57
- editorHoverWidget.background#FCFCFD
- editorHoverWidget.border#D8DFE8
- editorIndentGuide.activeBackground1#C0CAD8
- editorIndentGuide.background1#E3E7EE
- editorInfo.foreground#2F6FED
- editorInlayHint.background#E9EDF3
- editorInlayHint.foreground#758091
- editorLineNumber.activeForeground#2B333F
- editorLineNumber.foreground#A5ADBA
- editorOverviewRuler.deletedForeground#D15252CC
- editorOverviewRuler.insertedForeground#2E9B5FCC
- editorOverviewRuler.modifiedForeground#2F6FEDCC
- editorSuggestWidget.background#FCFCFD
- editorSuggestWidget.border#D8DFE8
- editorSuggestWidget.highlightForeground#2F6FED
- editorSuggestWidget.selectedBackground#E8EEF6
- editorWarning.foreground#C67A22
- editorWidget.background#FCFCFD
- errorForeground#C23B3B
- focusBorder#2F6FED
- foreground#20242B
- gitDecoration.addedResourceForeground#2E8B57
- gitDecoration.conflictingResourceForeground#C67A22
- gitDecoration.deletedResourceForeground#C23B3B
- gitDecoration.modifiedResourceForeground#2F6FED
- gitDecoration.untrackedResourceForeground#2E8B57
- icon.foreground#687286
- input.background#FDFDFE
- input.border#D6DDE7
- input.foreground#20242B
- input.placeholderForeground#9099A7
- list.activeSelectionBackground#DEE6F2
- list.activeSelectionForeground#20242B
- list.highlightForeground#2F6FED
- list.hoverBackground#EDF1F6
- list.inactiveSelectionBackground#EAEFF5
- minimap.background#F5F6F8
- minimap.findMatchHighlight#B4C8EB
- minimap.selectionHighlight#CCD7E8
- notifications.background#FCFCFD
- notifications.border#E0E5EC
- panel.background#F2F4F7
- panel.border#E0E5EC
- panelTitle.activeForeground#2E3642
- panelTitle.inactiveForeground#748091
- peekView.border#2F6FED
- peekViewEditor.background#F5F7FA
- peekViewResult.background#F9FAFC
- peekViewResult.selectionBackground#E7EDF6
- peekViewTitle.background#EBEFF5
- scrollbarSlider.activeBackground#8C99AD96
- scrollbarSlider.background#B7C0CB70
- scrollbarSlider.hoverBackground#A1ADBC84
- sideBar.background#F2F4F7
- sideBar.border#E0E5EC
- sideBar.foreground#313947
- statusBar.background#EEF1F5
- statusBar.border#DCE2EA
- statusBar.foreground#36404F
- tab.activeBackground#FCFCFD
- tab.activeBorderTop#2F6FED
- tab.activeForeground#1F2530
- tab.border#E0E5EC
- tab.inactiveBackground#F2F4F7
- tab.inactiveForeground#798496
- terminal.ansiBlack#49515E
- terminal.ansiBlue#2F6FED
- terminal.ansiCyan#0F7C90
- terminal.ansiGreen#2E8B57
- terminal.ansiMagenta#7A55D1
- terminal.ansiRed#C23B3B
- terminal.ansiWhite#EEF2F7
- terminal.ansiYellow#B7791F
- terminal.background#F7F8FA
- terminal.foreground#20242B
- titleBar.activeBackground#F2F4F7
- titleBar.activeForeground#2E3642
- titleBar.border#E0E5EC
- window.activeBorder#D7DEE8
- window.inactiveBorder#E9EDF3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #7B8594 | italic |
| keyword, storage.modifier, keyword.control | #3267D5 | — |
| storage.type, support.type, entity.name.type, entity.name.class, support.class | #1570A6 | — |
| support.function.builtin, support.function | #3C78E6 | — |
| entity.name.function | #5A47C8 | bold |
| entity.name.alias, variable.other.readwrite, variable | #20242B | — |
| variable.language.special, variable.language.this | #C23B3B | — |
| support.type.property-name.json, meta.object-literal.key, entity.other.attribute-name | #3267D5 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag | #1570A6 | — |
| string | #A8672C | — |
| constant.numeric, constant.language, constant.language.boolean, variable.other.constant, variable.other.enummember | #C56A1A | — |
| meta.decorator, storage.type.annotation, punctuation.definition.decorator | #3C78E6 | — |
| markup.heading, markup.heading entity.name | #3267D5 | bold |
| markup.inline.raw, markup.fenced_code.block, string.regexp | #8E6A2F | — |
| markup.inserted, diff.inserted | #2E8B57 | — |
| markup.deleted, diff.deleted | #C23B3B | — |