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 Dark (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#171717
activityBar.foreground#FAFAFA
activityBar.inactiveForeground#A1A1A1
activityBarBadge.background#FAFAFA
activityBarBadge.foreground#0A0A0A
button.background#FAFAFA
button.foreground#0A0A0A
button.hoverBackground#FAFAFA
descriptionForeground#A1A1A1
dropdown.background#262626
dropdown.border#262626
dropdown.foreground#FAFAFA
editor.background#0A0A0A
editor.findMatchBackground#FE9A0038
editor.findMatchHighlightBackground#FE9A0024
editor.foreground#FAFAFA
editor.inactiveSelectionBackground#FAFAFA14
editor.lineHighlightBackground#26262659
editor.selectionBackground#FAFAFA1F
editor.wordHighlightBackground#FAFAFA0F
editor.wordHighlightStrongBackground#FAFAFA17
editorBracketMatch.background#FAFAFA0F
editorBracketMatch.border#FAFAFA4C
editorCursor.foreground#FAFAFA
editorError.foreground#FF2056
editorGroup.border#262626
editorInfo.foreground#FAFAFA
editorLineNumber.activeForeground#FAFAFA
editorLineNumber.foreground#A1A1A1
editorWarning.foreground#FE9A00
focusBorder#FAFAFA
foreground#FAFAFA
gitDecoration.addedResourceForeground#FAFAFA
gitDecoration.deletedResourceForeground#FF2056
gitDecoration.modifiedResourceForeground#FE9A00
input.background#262626
input.border#262626
input.foreground#FAFAFA
list.activeSelectionBackground#FAFAFA14
list.activeSelectionForeground#FAFAFA
list.focusBackground#FAFAFA12
list.hoverBackground#FAFAFA0A
list.inactiveSelectionBackground#FAFAFA0F
panel.border#262626
peekView.border#262626
peekViewEditor.background#0A0A0A
peekViewResult.background#171717
progressBar.background#FAFAFA
sideBar.background#171717
sideBar.border#262626
sideBar.foreground#FAFAFA
sideBarSectionHeader.background#171717
sideBarSectionHeader.foreground#FAFAFA
statusBar.background#171717
statusBar.debuggingBackground#FE9A00
statusBar.debuggingForeground#0A0A0A
statusBar.foreground#FAFAFA
statusBar.noFolderBackground#171717
tab.activeBackground#0A0A0A
tab.activeForeground#FAFAFA
tab.border#262626
tab.inactiveBackground#171717
tab.inactiveForeground#A1A1A1
terminal.ansiBlack#0A0A0A
terminal.ansiBlue#FAFAFA
terminal.ansiBrightBlack#262626
terminal.ansiBrightBlue#FAFAFA
terminal.ansiBrightCyan#A1A1A1
terminal.ansiBrightGreen#FAFAFA
terminal.ansiBrightMagenta#FAFAFA
terminal.ansiBrightRed#FF2056
terminal.ansiBrightWhite#FAFAFA
terminal.ansiBrightYellow#FE9A00
terminal.ansiCyan#A1A1A1
terminal.ansiGreen#FAFAFA
terminal.ansiMagenta#FAFAFA
terminal.ansiRed#FF2056
terminal.ansiWhite#FAFAFA
terminal.ansiYellow#FE9A00
terminal.background#0A0A0A
terminal.foreground#FAFAFA
terminalCursor.foreground#FAFAFA
titleBar.activeBackground#171717
titleBar.activeForeground#FAFAFA
titleBar.inactiveBackground#171717
titleBar.inactiveForeground#A1A1A1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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