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 Night

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#141820
activityBar.foreground#B0C4D6
activityBar.inactiveForeground#4B5663
activityBarBadge.background#3B8FFF
activityBarBadge.foreground#141820
descriptionForeground#4B5663
disabledForeground#4B5663
editor.background#141820
editor.findMatchBackground#FFB34777
editor.findMatchHighlightBackground#FFB34744
editor.foreground#B0C4D6
editor.inactiveSelectionBackground#1A2A4444
editor.lineHighlightBackground#1A202B
editor.selectionBackground#1A2A44AA
editorBracketMatch.background#232A3677
editorBracketMatch.border#4B5663
editorCursor.foreground#3B8FFF
editorGroup.border#232A36
editorGroupHeader.tabsBackground#1A202B
editorGutter.addedBackground#57FF5A
editorGutter.background#141820
editorGutter.deletedBackground#FF5757
editorGutter.modifiedBackground#FFB347
editorIndentGuide.activeBackground1#4B5663
editorIndentGuide.background1#232A36
editorLineNumber.activeForeground#B0C4D6
editorLineNumber.foreground#2B3440
editorWhitespace.foreground#232A36
errorForeground#FF5C57
focusBorder#3A3F4B
foreground#B0C4D6
input.background#1A202B
input.border#232A36
input.foreground#B0C4D6
input.placeholderForeground#4B5663
panel.background#141820
panel.border#232A36
panelTitle.activeBorder#3B8FFF
panelTitle.activeForeground#B0C4D6
panelTitle.inactiveForeground#4B5663
selection.background#1A2A44AA
sideBar.background#141820
sideBar.border#232A36
sideBar.foreground#B0C4D6
sideBarSectionHeader.background#1A202B
sideBarSectionHeader.border#232A36
sideBarSectionHeader.foreground#B0C4D6
sideBarTitle.foreground#B0C4D6
statusBar.background#1A202B
statusBar.border#232A36
statusBar.debuggingBackground#6B83F0
statusBar.debuggingForeground#141820
statusBar.foreground#B0C4D6
statusBar.noFolderBackground#1A202B
tab.activeBackground#141820
tab.activeBorderTop#3B8FFF
tab.activeForeground#FFFFFF
tab.border#232A36
tab.inactiveBackground#1A202B
tab.inactiveForeground#4B5663
terminal.ansiBlack#2B3440
terminal.ansiBlue#3B8FFF
terminal.ansiBrightBlack#4B5663
terminal.ansiBrightBlue#6CB6FF
terminal.ansiBrightCyan#56D4FF
terminal.ansiBrightGreen#6BFF6D
terminal.ansiBrightMagenta#BDBDFB
terminal.ansiBrightRed#FF938A
terminal.ansiBrightWhite#D9E5F5
terminal.ansiBrightYellow#FFD43F
terminal.ansiCyan#39CFFF
terminal.ansiGreen#57FF5A
terminal.ansiMagenta#6B83F0
terminal.ansiRed#FF5C57
terminal.ansiWhite#B0C4D6
terminal.ansiYellow#FFB347
terminal.background#141820
terminal.foreground#B0C4D6
titleBar.activeBackground#141820
titleBar.activeForeground#B0C4D6
titleBar.border#232A36
titleBar.inactiveBackground#141820
titleBar.inactiveForeground#4B5663
widget.shadow#00000077

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle