Thynaptic Color Themes

Name: Thynaptic Color Themes
Author: Thynaptic

Publisher: ThynapticThemes in package: 6

A collection of dark and light color themes for Visual Studio Code by Thynaptic. Includes Thynaptic Dark, Thynaptic Dim, and Thynaptic Sand themes.

Open in VS Code GitHub

Color themes

VS Code preview

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

Thynaptic Color Themes — Thynaptic Dim (Base)

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#1C1C1C
activityBar.foreground#EAEAEA
activityBar.inactiveForeground#8B8B8B
activityBarBadge.background#EAEAEA
activityBarBadge.foreground#0F0F0F
button.background#EAEAEA
button.foreground#0F0F0F
button.hoverBackground#EAEAEA
descriptionForeground#8B8B8B
dropdown.background#373737
dropdown.border#232323
dropdown.foreground#EAEAEA
editor.background#0F0F0F
editor.findMatchBackground#FE9A002E
editor.findMatchHighlightBackground#FE9A001F
editor.foreground#EAEAEA
editor.inactiveSelectionBackground#EAEAEA14
editor.lineHighlightBackground#37373747
editor.selectionBackground#EAEAEA1F
editor.wordHighlightBackground#EAEAEA0F
editor.wordHighlightStrongBackground#EAEAEA17
editorBracketMatch.background#EAEAEA0F
editorBracketMatch.border#EAEAEA4C
editorCursor.foreground#EAEAEA
editorError.foreground#FF2056
editorGroup.border#232323
editorInfo.foreground#EAEAEA
editorLineNumber.activeForeground#EAEAEA
editorLineNumber.foreground#8B8B8B
editorWarning.foreground#FE9A00
focusBorder#EAEAEA
foreground#EAEAEA
gitDecoration.addedResourceForeground#EAEAEA
gitDecoration.deletedResourceForeground#FF2056
gitDecoration.modifiedResourceForeground#FE9A00
input.background#373737
input.border#232323
input.foreground#EAEAEA
list.activeSelectionBackground#EAEAEA14
list.activeSelectionForeground#EAEAEA
list.focusBackground#EAEAEA12
list.hoverBackground#EAEAEA0A
list.inactiveSelectionBackground#EAEAEA0F
panel.border#232323
peekView.border#232323
peekViewEditor.background#0F0F0F
peekViewResult.background#1C1C1C
progressBar.background#EAEAEA
sideBar.background#1C1C1C
sideBar.border#232323
sideBar.foreground#EAEAEA
sideBarSectionHeader.background#1C1C1C
sideBarSectionHeader.foreground#EAEAEA
statusBar.background#1C1C1C
statusBar.debuggingBackground#FE9A00
statusBar.debuggingForeground#0F0F0F
statusBar.foreground#EAEAEA
statusBar.noFolderBackground#1C1C1C
tab.activeBackground#0F0F0F
tab.activeForeground#EAEAEA
tab.border#232323
tab.inactiveBackground#1C1C1C
tab.inactiveForeground#8B8B8B
terminal.ansiBlack#0F0F0F
terminal.ansiBlue#EAEAEA
terminal.ansiBrightBlack#373737
terminal.ansiBrightBlue#EAEAEA
terminal.ansiBrightCyan#8B8B8B
terminal.ansiBrightGreen#EAEAEA
terminal.ansiBrightMagenta#EAEAEA
terminal.ansiBrightRed#FF2056
terminal.ansiBrightWhite#EAEAEA
terminal.ansiBrightYellow#FE9A00
terminal.ansiCyan#8B8B8B
terminal.ansiGreen#EAEAEA
terminal.ansiMagenta#EAEAEA
terminal.ansiRed#FF2056
terminal.ansiWhite#EAEAEA
terminal.ansiYellow#FE9A00
terminal.background#0F0F0F
terminal.foreground#EAEAEA
terminalCursor.foreground#EAEAEA
titleBar.activeBackground#1C1C1C
titleBar.activeForeground#EAEAEA
titleBar.inactiveBackground#1C1C1C
titleBar.inactiveForeground#8B8B8B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8B8B8B	—
string, punctuation.definition.string	#FE9A00	—
constant.numeric	#FE9A00	—
keyword, storage.type, storage.modifier	#EAEAEA	—
entity.name.function, support.function, meta.function-call	#EAEAEA	—
entity.name.type, support.type, support.class	#EAEAEA	—
constant.language, constant.character, variable.other.constant	#EAEAEA	—
variable, meta.object-literal.key	#EAEAEA	—