RBE Matrix Skin Theme

Name: RBE Matrix Skin Theme
Author: Rude Boy Enterprises

Publisher: Rude Boy EnterprisesThemes in package: 1

Easy to read Green on Black theme.

GitHub

VS Code preview

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

RBE Matrix Skin Theme — RBE Matrix Skin Theme

fetchUser.ts

index.ts

README.md

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#002200
activityBar.border#00ff00
activityBar.dropBackground#00ff0066
activityBar.foreground#00ff00
activityBarBadge.background#ffff00
activityBarBadge.foreground#000000
badge.background#ffff00
badge.foreground#000000
button.background#002200
button.foreground#00FF00
button.hoverBackground#004400
debugExceptionWidget.background#440000
debugExceptionWidget.border#ff0000
debugToolBar.background#000000
debugToolBar.border#00FF00
descriptionForeground#00ff00
diffEditor.insertedTextBackground#0000ff66
diffEditor.insertedTextBorder#0000ff
diffEditor.removedTextBackground#ff000066
diffEditor.removedTextBorder#ff0000
dropdown.background#004400
dropdown.border#00ff00
dropdown.foreground#00ff00
dropdown.listBackground#004400
editor.background#000000
editor.findMatchBackground#000099
editor.findMatchBorder#0000ff
editor.findMatchHighlightBackground#0000ff66
editor.findMatchHighlightBorder#0000ff
editor.findRangeHighlightBackground#0000ff66
editor.findRangeHighlightBorder#0000ff
editor.foreground#00FF00
editor.hoverHighlightBackground#004400
editor.inactiveSelectionBackground#00990066
editor.lineHighlightBackground#003300
editor.lineHighlightBorder#004400
editor.rangeHighlightBackground#004400
editor.rangeHighlightBorder#00ff00
editor.selectionBackground#004400
editor.selectionForeground#ffff00
editor.selectionHighlightBackground#00bb0066
editor.selectionHighlightBorder#006600
editor.wordHighlightBackground#00990066
editor.wordHighlightBorder#006600
editor.wordHighlightStrongBackground#00cc0066
editor.wordHighlightStrongBorder#00ff00
editorBracketMatch.background#0000ff
editorBracketMatch.border#ff0000
editorCodeLens.foreground#999900
editorCursor.background#006600
editorCursor.foreground#FF0000
editorError.border#ff0000
editorError.foreground#ff0000
editorGroup.background#004400
editorGroup.border#00ff00
editorGroup.dropBackground#00ff0066
editorGroupHeader.noTabsBackground#004400
editorGroupHeader.tabsBackground#004400
editorGroupHeader.tabsBorder#002200
editorGutter.addedBackground#00ffff
editorGutter.background#001100
editorGutter.deletedBackground#ff0000
editorGutter.modifiedBackground#009900
editorHint.border#0000ff
editorHint.foreground#00ff00
editorHoverWidget.background#000000ff
editorHoverWidget.border#00ff00
editorIndentGuide.activeBackground#ffff00
editorIndentGuide.background#004400
editorInfo.border#0000ff
editorInfo.foreground#0000ff
editorLineNumber.activeForeground#ffff00
editorLineNumber.foreground#00aa00
editorLink.activeForeground#0000ff
editorMarkerNavigation.background#ff000044
editorMarkerNavigationError.background#ff000044
editorMarkerNavigationInfo.background#0000ff44
editorMarkerNavigationWarning.background#ffff0044
editorOverviewRuler.addedForeground#00ffff
editorOverviewRuler.border#004400
editorOverviewRuler.bracketMatchForeground#ff0000
editorOverviewRuler.commonContentForeground#000044
editorOverviewRuler.currentContentForeground#004400
editorOverviewRuler.deletedForeground#ff0000
editorOverviewRuler.errorForeground#ff0000
editorOverviewRuler.findMatchForeground#ffff00
editorOverviewRuler.incomingContentForeground#440000
editorOverviewRuler.infoForeground#0000ff
editorOverviewRuler.modifiedForeground#ffff00
editorOverviewRuler.rangeHighlightForeground#ff0000
editorOverviewRuler.selectionHighlightForeground#0000ff
editorOverviewRuler.warningForeground#ffff00
editorOverviewRuler.wordHighlightForeground#00ff00
editorOverviewRuler.wordHighlightStrongForeground#ff0000
editorRuler.foreground#004400
editorSuggestWidget.background#002200
editorSuggestWidget.border#00ff00
editorSuggestWidget.foreground#00ff00
editorSuggestWidget.highlightForeground#ffff00
editorSuggestWidget.selectedBackground#004400
editorWarning.border#ffff00
editorWarning.foreground#ffff00
editorWhitespace.foreground#004400
editorWidget.background#002200
editorWidget.border#00ff00
errorForeground#ff0000
extensionButton.prominentBackground#002200
extensionButton.prominentForeground#ffff00
extensionButton.prominentHoverBackground#006600
focusBorder#00FF00
foreground#00ff00
gitDecoration.conflictingResourceForeground#ff0000
gitDecoration.deletedResourceForeground#990000
gitDecoration.ignoredResourceForeground#009900
gitDecoration.modifiedResourceForeground#00ffff
gitDecoration.submoduleResourceForeground#ffff00
gitDecoration.untrackedResourceForeground#ff00ff
gitlens.gutterBackgroundColor#004400
gitlens.gutterForegroundColor#008800
gitlens.gutterUncommittedForegroundColor#008888
gitlens.lineHighlightBackgroundColor#004400
gitlens.lineHighlightOverviewRulerColor#009900
gitlens.trailingLineBackgroundColor#004400
gitlens.trailingLineForegroundColor#008800
input.background#004400
input.border#00ff00
input.foreground#00ff00
input.placeholderForeground#009900
inputOption.activeBorder#00ff00
inputValidation.errorBackground#440000
inputValidation.errorBorder#ff0000
inputValidation.infoBackground#000044
inputValidation.infoBorder#0000ff
inputValidation.warningBackground#444400
inputValidation.warningBorder#ffff00
list.activeSelectionBackground#004400
list.activeSelectionForeground#ffff00
list.dropBackground#009900
list.focusBackground#004400
list.focusForeground#ffff00
list.highlightForeground#00ffff
list.hoverBackground#002200
list.hoverForeground#ffff00
list.inactiveFocusBackground#004400
list.inactiveSelectionBackground#000000
list.inactiveSelectionForeground#009900
list.invalidItemForeground#ff0000
merge.border#ff0000
merge.commonContentBackground#0000ff22
merge.commonHeaderBackground#0000ff44
merge.currentContentBackground#00ff0022
merge.currentHeaderBackground#00ff0044
merge.incomingContentBackground#ff000022
merge.incomingHeaderBackground#ff000044
notificationCenter.border#ffff00
notificationCenterHeader.background#006600
notificationCenterHeader.foreground#00ff00
notificationLink.foreground#0000ff
notifications.background#000022
notifications.border#00ff00
notifications.foreground#00ff00
notificationToast.border#00ff00
panel.background#000000
panel.border#00ff00
panel.dropBackground#00ff0099
panelTitle.activeBorder#00ff00
panelTitle.activeForeground#00ff00
panelTitle.inactiveForeground#009900
peekView.border#00ff00
peekViewEditor.background#001100
peekViewEditor.matchHighlightBackground#006600
peekViewEditor.matchHighlightBorder#00ff00
peekViewEditorGutter.background#003300
peekViewResult.background#00ff0022
peekViewResult.fileForeground#ffff00
peekViewResult.lineForeground#00ff00
peekViewResult.matchHighlightBackground#00ff0022
peekViewResult.selectionBackground#002200
peekViewResult.selectionForeground#ffff00
peekViewTitle.background#00ff0022
peekViewTitleDescription.foreground#00ff00
peekViewTitleLabel.foreground#ffff00
pickerGroup.border#00ff00
pickerGroup.foreground#00ff00
progressBar.background#00ff00
scrollbar.shadow#004400
scrollbarSlider.activeBackground#00ff00
scrollbarSlider.background#004400
scrollbarSlider.hoverBackground#009900
selection.background#004400
sideBar.background#000000
sideBar.border#009900
sideBar.dropBackground#00ff0066
sideBar.foreground#00ff00
sideBarSectionHeader.background#002200
sideBarSectionHeader.foreground#00ff00
sideBarTitle.foreground#00ff00
statusBar.background#002200
statusBar.border#00ff00
statusBar.debuggingBackground#ffff00
statusBar.debuggingBorder#ff0000
statusBar.debuggingForeground#000000
statusBar.foreground#00ff00
statusBar.noFolderBackground#000099
statusBar.noFolderBorder#ffff00
statusBar.noFolderForeground#00ff00
statusBarItem.activeBackground#0000
statusBarItem.hoverBackground#00ff0066
statusBarItem.prominentBackground#0000ff66
statusBarItem.prominentHoverBackground#0000ff99
tab.activeBackground#003300
tab.activeBorder#00ff00
tab.activeForeground#00ff00
tab.border#006600
tab.hoverBackground#006600
tab.hoverBorder#00ff00
tab.inactiveBackground#000000
tab.inactiveForeground#009900
tab.unfocusedActiveBorder#009900
tab.unfocusedActiveForeground#009900
tab.unfocusedHoverBackground#004400
tab.unfocusedHoverBorder#009900
tab.unfocusedInactiveForeground#004400
terminal.ansiBlack#000000
terminal.ansiBlue#0000cc
terminal.ansiBrightBlack#444444
terminal.ansiBrightBlue#0000ff
terminal.ansiBrightCyan#00ffff
terminal.ansiBrightGreen#00ff00
terminal.ansiBrightMagenta#ff00ff
terminal.ansiBrightRed#ff0000
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffff00
terminal.ansiCyan#00cccc
terminal.ansiGreen#00cc00
terminal.ansiMagenta#cc00cc
terminal.ansiRed#aa0000
terminal.ansiWhite#cccccc
terminal.ansiYellow#cccc00
terminal.background#000000
terminal.border#00ff00
terminal.foreground#00dd00
terminal.selectionBackground#00ff0044
terminalCursor.background#ff0000
terminalCursor.foreground#ffff00
textBlockQuote.background#004400
textBlockQuote.border#009900
textCodeBlock.background#006600
textLink.activeForeground#ff0000
textLink.foreground#ffff00
textPreformat.foreground#00ff00
textSeparator.foreground#009900
titleBar.activeBackground#004400
titleBar.activeForeground#00ff00
titleBar.border#00ff00
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#004400
walkThrough.embeddedEditorBackground#002200
welcomePage.buttonBackground#004400
welcomePage.buttonHoverBackground#006600
widget.shadow#004400

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#00FF00	—
comment	#888888	italic
string	#AAAAFF	—
constant.numeric	#FF0000
constant.language	#FF3333	bold
constant.character, constant.other	#AAAAFF
variable.language, variable.other	#CCFFCC
keyword	#34bcec	bold
storage	#0033FF	bold
entity.name	#FF8888	bold
entity.other.inherited-class	#FF3333	bold
entity.name.function	#FF6666
variable.language	#1D8B2D
entity.name.tag	#44FF44
entity.other.attribute-name	#66FF66
support.function	#66FF66	bold
support.constant	#FF0000
support.type, support.class	#7dd9a4
support.other.variable	#AAAAFF	—
invalid	#d93a3a	bold underline
support.class	#AD7FA8	bold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}