EasyLanguage Support

Name: EasyLanguage Support
Author: Rider Trading Tools

Publisher: Rider Trading ToolsThemes in package: 5

EasyLanguage syntax support & highlighting used in TradeStation platform

Open in VS Code GitHub

Color themes

VS Code preview

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

EasyLanguage Support — EasyLanguage Espresso 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#1c140b
activityBar.foreground#ffffff
activityBarBadge.background#2d2417
activityBarBadge.foreground#ffffff
badge.background#8b6e46
badge.foreground#ffffff
button.background#ccb697
button.foreground#ffffff
dropdown.background#0e0a05
dropdown.border#0e0a05
dropdown.foreground#ffffff
editor.background#150f08
editor.foreground#eaebef
editor.hoverHighlightBackground#8b6e4622
editor.lineHighlightBackground#312211
editor.selectionBackground#e95b2f55
editor.wordHighlightBackground#e2cdb022
editor.wordHighlightStrongBackground#ccb69722
editorBracketMatch.background#8b6e4644
editorBracketMatch.border#ccb697
editorCursor.foreground#f8f8f0
editorGroupHeader.tabsBackground#20170c
editorGutter.addedBackground#a7da1e
editorGutter.background#0e0a05
editorGutter.deletedBackground#e61f44
editorGutter.modifiedBackground#f7b83d
editorIndentGuide.background1#3a2916
editorLineNumber.foreground#5f4424
editorLink.activeForeground#8b6e46
editorOverviewRuler.addedForeground#a7da1e
editorOverviewRuler.deletedForeground#e61f44
editorOverviewRuler.errorForeground#e61f44
editorOverviewRuler.findMatchForeground#ccb69755
editorOverviewRuler.infoForeground#9d37fc
editorOverviewRuler.modifiedForeground#f7b83d
editorOverviewRuler.warningForeground#f7b83d
editorRuler.foreground#3a2916
editorSuggestWidget.foreground#ffffff
editorSuggestWidget.highlightForeground#8b6e46
editorSuggestWidget.selectedBackground#5f4424
editorWhitespace.foreground#3a2916
editorWidget.background#3a2916
editorWidget.border#5f4424
extensionButton.prominentBackground#8b6e46
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#ab8959
focusBorder#8b6e46
foreground#569CD6
gitDecoration.conflictingResourceForeground#9d37fc
gitDecoration.deletedResourceForeground#e61f44
gitDecoration.ignoredResourceForeground#845e32
gitDecoration.modifiedResourceForeground#f7b83d
gitDecoration.untrackedResourceForeground#a7da1e
icon.foreground#bbb
input.background#030201
input.border#4c371d
input.foreground#ffffff
input.placeholderForeground#573e21
inputOption.activeBorder#ccb697
list.activeSelectionBackground#ccb697
list.activeSelectionForeground#150f08
list.focusBackground#4c371d
list.hoverBackground#20170c
list.inactiveSelectionBackground#150f08
minimap.background#110807
panel.background#3a2916
panel.border#5f4424
panelTitle.activeBorder#8b6e46
panelTitle.inactiveForeground#966b39
peekView.border#8b6e46
peekViewEditor.background#060402
peekViewEditor.matchHighlightBackground#ccb69755
peekViewEditorGutter.background#0e0a05
peekViewResult.background#271c0f
peekViewResult.fileForeground#f5f5f5
peekViewResult.lineForeground#e6e6e6
peekViewResult.matchHighlightBackground#ccb69755
peekViewResult.selectionBackground#1c140b
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#0e0a05
peekViewTitleDescription.foreground#f7f7f7
peekViewTitleLabel.foreground#ffffff
progressBar.background#e2cdb0
scrollbar.shadow#000000
scrollbarSlider.activeBackground#8b6e46aa
scrollbarSlider.background#5f4424aa
scrollbarSlider.hoverBackground#8b6e4655
sideBar.background#21180d
sideBar.foreground#ffffff
sideBarSectionHeader.background#7b664d
sideBarSectionHeader.foreground#ffffff
statusBar.background#8b6e46
statusBar.foreground#ffffff
statusBar.noFolderBackground#ccb697
symbolIcon.arrayForeground#569CD6
symbolIcon.interfaceForeground#569CD6
symbolIcon.methodForeground#ddff33db
symbolIcon.nullForeground#569CD6
symbolIcon.numberForeground#01d6d675
symbolIcon.variableForeground#569CD6
tab.inactiveBackground#241a0e
tab.inactiveForeground#a97940
terminal.ansiBlack#271c0f
terminal.ansiBlue#e2cdb0
terminal.ansiBrightBlack#5f4424
terminal.ansiBrightBlue#fdfcfb
terminal.ansiBrightCyan#bca17b
terminal.ansiBrightGreen#bca17b
terminal.ansiBrightMagenta#d9c7ae
terminal.ansiBrightRed#f03e5f
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#eee6db
terminal.ansiCyan#8b6e46
terminal.ansiGreen#8b6e46
terminal.ansiMagenta#b99768
terminal.ansiRed#ba0e2e
terminal.ansiWhite#ffffff
terminal.ansiYellow#ccb697
terminal.background#030201
terminal.foreground#ffffff
titleBar.activeBackground#060402

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
string, string.quoted.single, string.quoted.double	#2cdc05	—
comment, comment.block	#65492ed6	italic
esl.reserved	#ddff33db	—
esl.function	#e05D38	—
esl.class	#00e0b0	—
esl.control.keyword	#569CD6	—
esl.control.section	#01d6d675	italic bold
esl.pricedata	#0379ac	bold
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#ca41bd	bold
constant.operator	#7f8e81	—
esl.skipwords	#ff9e9e	italic
variable.type	#b87b02	—
variable.esl	#D7BA7D	—
constant.character, constant.other	#ccb697	—
variable	—
keyword	#b99768	—
storage	#ccb697
storage.type	#8b6e46
entity.name.class	#ccb697	underline
entity.other.inherited-class	#ccb697
entity.name.function	#e2cdb0
variable.parameter	#ffffff
entity.name.tag	#8b6e46
entity.other.attribute-name	#ccb697
support.constant	#ccb697
support.type, support.class	#ccb697
support.other.variable	—
invalid	#cf433e
invalid.deprecated	#cf433e	—
meta.structure.dictionary.json string.quoted.double.json	#f7a21b	—
meta.diff, meta.diff.header	#795431	—
constant.numeric.line-number.find-in-files - match	#8FBE00A0	—
entity.name.filename.find-in-files	#E6DB74	—
keyword.other	#af7a47	—
meta.property-value, support.constant.property-value, constant.other.color	#f7a21b	—
meta.structure.dictionary.json string.quoted.double.json	#ccb697	—
meta.structure.dictionary.value.json string.quoted.double.json	#f7a21b	—
meta.property-name support.type.property-name	—	normal
meta.property-value punctuation.separator.key-value	#ffffff	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as	#8b6e46	—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin	#8b6e46	normal
variable.other	#ffffff	normal
markup.deleted.git_gutter	#e61f44	—
markup.inserted.git_gutter	#a7da1e	—
markup.changed.git_gutter	#f7b83d	—
meta.template.expression	#ffffff	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

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}!`;
}