FRC Theme-Package

Name: FRC Theme-Package
Author: Alfie-Devs

Publisher: Alfie-DevsThemes in package: 7

A Vscode Theme that is more FRC Related

Open in VS Code GitHub

Color themes

VS Code preview

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

FRC Theme-Package — 1678 Dark theme

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#121212
activityBar.foreground#3CD52E
activityBarBadge.background#3CD52E
editor.background#121212
editor.foreground#E0E0E0
editor.inactiveSelectionBackground#333333
editor.lineHighlightBackground#1A1A1A
editor.selectionBackground#3C3C3C
editorCursor.foreground#FFD700
editorGroupHeader.tabsBackground#121212
editorIndentGuide.activeBackground#444444
editorIndentGuide.background#2C2C2C
list.activeSelectionBackground#3C3C3C
list.activeSelectionForeground#E0E0E0
list.focusBackground#3C3C3C
list.focusForeground#E0E0E0
list.hoverBackground#444444
list.hoverForeground#E0E0E0
list.inactiveSelectionBackground#333333
list.inactiveSelectionForeground#E0E0E0
sideBar.background#121212
sideBar.border#3CD52E
sideBar.foreground#E0E0E0
sideBarSectionHeader.background#121212
sideBarSectionHeader.foreground#E0E0E0
sideBarTitle.foreground#E0E0E0
statusBar.background#121212
statusBar.foreground#E0E0E0
tab.activeBackground#121212
tab.activeBorder#3CD52E
tab.activeBorderTop#3CD52E
tab.activeForeground#FFD700
tab.border#3CD52E
tab.hoverBackground#121212
tab.hoverForeground#FFD700
tab.inactiveBackground#121212
tab.inactiveBorder#2B8A1C
tab.inactiveForeground#B4B4B4
tab.unfocusedActiveBackground#121212
tab.unfocusedActiveBorderTop#2B8A1C
tab.unfocusedInactiveBackground#121212
titleBar.activeBackground#121212
titleBar.activeForeground#E0E0E0
titleBar.border#3CD52E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#7A7A7A	—
keyword, storage.type, storage.modifier	#3CD52E	—
constant	#FFD700	—
variable	#E0E0E0	—
string	#FFD700	—
support.function	#3CD52E	—
entity.name.function	#FFD700	—
entity.name.type	#3CD52E	—
keyword.operator	#3CD52E	—
punctuation.separator	#E0E0E0	—