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 Soft

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#28232E
activityBar.foreground#C7B8AD
activityBar.inactiveForeground#A39076
activityBarBadge.background#F5B953
activityBarBadge.foreground#28232E
descriptionForeground#A39076
disabledForeground#A39076
editor.background#28232E
editor.findMatchBackground#D2B92233
editor.findMatchHighlightBackground#D2B92222
editor.foreground#C7B8AD
editor.inactiveSelectionBackground#C7A63122
editor.lineHighlightBackground#3B2D33
editor.selectionBackground#C7A63133
editorBracketMatch.background#56444C33
editorBracketMatch.border#A39076
editorCursor.foreground#F5B953
editorGroup.border#56444C
editorGroupHeader.tabsBackground#3B2D33
editorGutter.addedBackground#AB9A57
editorGutter.background#28232E
editorGutter.deletedBackground#E0B067
editorGutter.modifiedBackground#D2B922
editorIndentGuide.activeBackground1#A39076
editorIndentGuide.background1#47373E
editorLineNumber.activeForeground#C7B8AD
editorLineNumber.foreground#6D545A
editorWhitespace.foreground#56444C
errorForeground#E09A67
focusBorder#7A6E81
foreground#C7B8AD
input.background#3B2D33
input.border#56444C
input.foreground#C7B8AD
input.placeholderForeground#A39076
panel.background#28232E
panel.border#56444C
panelTitle.activeBorder#F5B953
panelTitle.activeForeground#C7B8AD
panelTitle.inactiveForeground#A39076
selection.background#C7A63133
sideBar.background#28232E
sideBar.border#56444C
sideBar.foreground#C7B8AD
sideBarSectionHeader.background#3B2D33
sideBarSectionHeader.border#56444C
sideBarSectionHeader.foreground#C7B8AD
sideBarTitle.foreground#C7B8AD
statusBar.background#3B2D33
statusBar.border#56444C
statusBar.debuggingBackground#F0B083
statusBar.debuggingForeground#28232E
statusBar.foreground#C7B8AD
statusBar.noFolderBackground#3B2D33
tab.activeBackground#28232E
tab.activeBorderTop#F5B953
tab.activeForeground#FFFFFF
tab.border#56444C
tab.inactiveBackground#3B2D33
tab.inactiveForeground#A39076
terminal.ansiBlack#6D545A
terminal.ansiBlue#F5B953
terminal.ansiBrightBlack#A39076
terminal.ansiBrightBlue#FFE36C
terminal.ansiBrightCyan#D4DD56
terminal.ansiBrightGreen#C6BC6B
terminal.ansiBrightMagenta#FBDCBD
terminal.ansiBrightRed#FFB993
terminal.ansiBrightWhite#E5D9CD
terminal.ansiBrightYellow#DACF3F
terminal.ansiCyan#C5CF39
terminal.ansiGreen#AB9A57
terminal.ansiMagenta#F0B083
terminal.ansiRed#E09A67
terminal.ansiWhite#C7B8AD
terminal.ansiYellow#C6A026
terminal.background#28232E
terminal.foreground#C7B8AD
titleBar.activeBackground#28232E
titleBar.activeForeground#C7B8AD
titleBar.border#56444C
titleBar.inactiveBackground#28232E
titleBar.inactiveForeground#A39076
widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle