Obsidian Flow Theme
Publisher: Alexis ChartrandThemes in package: 4
A soft dark VS Code theme inspired by GitHub Dimmed Dark, with a unique Obsidian Flow twist.
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#22272E
- activityBar.foreground#ADBAC7
- activityBar.inactiveForeground#768390
- activityBarBadge.background#539BF5
- activityBarBadge.foreground#22272E
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#22272E
- breadcrumb.focusForeground#ADBAC7
- breadcrumb.foreground#768390
- button.background#347D39
- button.foreground#FFFFFF
- button.hoverBackground#46954A
- button.secondaryBackground#373E47
- button.secondaryForeground#ADBAC7
- button.secondaryHoverBackground#444C56
- descriptionForeground#768390
- diffEditor.insertedLineBackground#57AB5A22
- diffEditor.insertedTextBackground#57AB5A33
- diffEditor.removedLineBackground#E5534B22
- diffEditor.removedTextBackground#E5534B33
- disabledForeground#768390
- dropdown.background#2D333B
- dropdown.border#444C56
- dropdown.foreground#ADBAC7
- editor.background#22272E
- editor.findMatchBackground#D2992255
- editor.findMatchHighlightBackground#D2992233
- editor.foreground#ADBAC7
- editor.inactiveSelectionBackground#316DCA33
- editor.lineHighlightBackground#2D333B
- editor.selectionBackground#316DCA55
- editorBracketMatch.background#444C5655
- editorBracketMatch.border#768390
- editorCursor.foreground#539BF5
- editorGroup.border#444C56
- editorGroupHeader.tabsBackground#2D333B
- editorGutter.addedBackground#57AB5A
- editorGutter.background#22272E
- editorGutter.deletedBackground#E5534B
- editorGutter.modifiedBackground#D29922
- editorIndentGuide.activeBackground1#768390
- editorIndentGuide.background1#373E47
- editorLineNumber.activeForeground#ADBAC7
- editorLineNumber.foreground#545D68
- editorWhitespace.foreground#444C56
- errorForeground#F47067
- focusBorder#6E7681
- foreground#ADBAC7
- gitDecoration.addedResourceForeground#57AB5A
- gitDecoration.conflictingResourceForeground#B083F0
- gitDecoration.deletedResourceForeground#E5534B
- gitDecoration.ignoredResourceForeground#768390
- gitDecoration.modifiedResourceForeground#D29922
- gitDecoration.untrackedResourceForeground#57AB5A
- input.background#2D333B
- input.border#444C56
- input.foreground#ADBAC7
- input.placeholderForeground#768390
- list.activeSelectionBackground#316DCA55
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#316DCA44
- list.highlightForeground#539BF5
- list.hoverBackground#2D333B
- list.inactiveSelectionBackground#316DCA33
- menu.background#2D333B
- menu.foreground#ADBAC7
- menu.selectionBackground#316DCA55
- menu.separatorBackground#444C56
- panel.background#22272E
- panel.border#444C56
- panelTitle.activeBorder#539BF5
- panelTitle.activeForeground#ADBAC7
- panelTitle.inactiveForeground#768390
- peekView.border#539BF5
- peekViewEditor.background#22272E
- peekViewResult.background#2D333B
- peekViewTitle.background#2D333B
- scrollbarSlider.activeBackground#76839088
- scrollbarSlider.background#76839044
- scrollbarSlider.hoverBackground#76839066
- selection.background#316DCA55
- sideBar.background#22272E
- sideBar.border#444C56
- sideBar.foreground#ADBAC7
- sideBarSectionHeader.background#2D333B
- sideBarSectionHeader.border#444C56
- sideBarSectionHeader.foreground#ADBAC7
- sideBarTitle.foreground#ADBAC7
- statusBar.background#2D333B
- statusBar.border#444C56
- statusBar.debuggingBackground#B083F0
- statusBar.debuggingForeground#22272E
- statusBar.foreground#ADBAC7
- statusBar.noFolderBackground#2D333B
- tab.activeBackground#22272E
- tab.activeBorderTop#539BF5
- tab.activeForeground#FFFFFF
- tab.border#444C56
- tab.inactiveBackground#2D333B
- tab.inactiveForeground#768390
- terminal.ansiBlack#545D68
- terminal.ansiBlue#539BF5
- terminal.ansiBrightBlack#768390
- terminal.ansiBrightBlue#6CB6FF
- terminal.ansiBrightCyan#56D4DD
- terminal.ansiBrightGreen#6BC46D
- terminal.ansiBrightMagenta#DCBDFB
- terminal.ansiBrightRed#FF938A
- terminal.ansiBrightWhite#CDD9E5
- terminal.ansiBrightYellow#DAAA3F
- terminal.ansiCyan#39C5CF
- terminal.ansiGreen#57AB5A
- terminal.ansiMagenta#B083F0
- terminal.ansiRed#F47067
- terminal.ansiWhite#ADBAC7
- terminal.ansiYellow#C69026
- terminal.background#22272E
- terminal.foreground#ADBAC7
- titleBar.activeBackground#22272E
- titleBar.activeForeground#ADBAC7
- titleBar.border#444C56
- titleBar.inactiveBackground#22272E
- titleBar.inactiveForeground#768390
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #768390 | italic |
| string, constant.other.symbol | #96D0FF | — |
| constant.numeric, constant.language, support.constant | #6CB6FF | — |
| keyword, storage, storage.type, storage.modifier | #F47067 | — |
| entity.name.function, support.function, meta.function-call | #DCBDFB | — |
| entity.name.type, entity.name.class, support.class, support.type | #8DDB8C | — |
| variable, variable.other, variable.parameter | #ADBAC7 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #6CB6FF | — |
| entity.name.tag, support.type.property-name | #8DDB8C | — |
| entity.other.attribute-name, meta.attribute | #B083F0 | — |
| punctuation, meta.brace, meta.delimiter | #ADBAC7 | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.heading | #6CB6FF | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inserted | #8DDB8C | — |
| markup.deleted | #F47067 | — |
| markup.changed | #D29922 | — |