Obsidian Flow Theme

Name: Obsidian Flow Theme
Author: Alexis Chartrand

Publisher: Alexis ChartrandThemes in package: 4

A soft dark VS Code theme inspired by GitHub Dimmed Dark, with a unique Obsidian Flow twist.

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Obsidian Flow Theme — Obsidian Flow Dimmed

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#1C2027
activityBar.foreground#A0A7B4
activityBar.inactiveForeground#6A7380
activityBarBadge.background#4A8AD4
activityBarBadge.foreground#1C2027
descriptionForeground#6A7380
disabledForeground#6A7380
editor.background#1C2027
editor.findMatchBackground#B88A1C44
editor.findMatchHighlightBackground#B88A1C22
editor.foreground#A0A7B4
editor.inactiveSelectionBackground#2B5CA922
editor.lineHighlightBackground#23262E
editor.selectionBackground#2B5CA944
editorBracketMatch.background#3A404A44
editorBracketMatch.border#6A7380
editorCursor.foreground#4A8AD4
editorGroup.border#3A404A
editorGroupHeader.tabsBackground#23262E
editorGutter.addedBackground#4E9A4E
editorGutter.background#1C2027
editorGutter.deletedBackground#C94A4A
editorGutter.modifiedBackground#B88A1C
editorIndentGuide.activeBackground1#6A7380
editorIndentGuide.background1#2F343C
editorLineNumber.activeForeground#A0A7B4
editorLineNumber.foreground#49505A
editorWhitespace.foreground#3A404A
errorForeground#E05C5C
focusBorder#5A6270
foreground#A0A7B4
input.background#23262E
input.border#3A404A
input.foreground#A0A7B4
input.placeholderForeground#6A7380
panel.background#1C2027
panel.border#3A404A
panelTitle.activeBorder#4A8AD4
panelTitle.activeForeground#A0A7B4
panelTitle.inactiveForeground#6A7380
selection.background#2B5CA944
sideBar.background#1C2027
sideBar.border#3A404A
sideBar.foreground#A0A7B4
sideBarSectionHeader.background#23262E
sideBarSectionHeader.border#3A404A
sideBarSectionHeader.foreground#A0A7B4
sideBarTitle.foreground#A0A7B4
statusBar.background#23262E
statusBar.border#3A404A
statusBar.debuggingBackground#9A6BCF
statusBar.debuggingForeground#1C2027
statusBar.foreground#A0A7B4
statusBar.noFolderBackground#23262E
tab.activeBackground#1C2027
tab.activeBorderTop#4A8AD4
tab.activeForeground#F0F0F0
tab.border#3A404A
tab.inactiveBackground#23262E
tab.inactiveForeground#6A7380
terminal.ansiBlack#49505A
terminal.ansiBlue#4A8AD4
terminal.ansiBrightBlack#6A7380
terminal.ansiBrightBlue#5CAEFF
terminal.ansiBrightCyan#4CCFD6
terminal.ansiBrightGreen#5FC05F
terminal.ansiBrightMagenta#C2A6E3
terminal.ansiBrightRed#F08080
terminal.ansiBrightWhite#C5CDD6
terminal.ansiBrightYellow#C9A23F
terminal.ansiCyan#2FA9B2
terminal.ansiGreen#4E9A4E
terminal.ansiMagenta#9A6BCF
terminal.ansiRed#E05C5C
terminal.ansiWhite#A0A7B4
terminal.ansiYellow#B88A1C
terminal.background#1C2027
terminal.foreground#A0A7B4
titleBar.activeBackground#1C2027
titleBar.activeForeground#A0A7B4
titleBar.border#3A404A
titleBar.inactiveBackground#1C2027
titleBar.inactiveForeground#6A7380
widget.shadow#00000044

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle