Robot Framework Pro

Name: Robot Framework Pro
Author: Connections System

Publisher: Connections SystemThemes in package: 2

Complete Robot Framework extension with debugging, code analysis, formatting, execution and Material theme

GitHub

Color themes

VS Code preview

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

Robot Framework Pro — Robot Framework Material Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#FAFAFA
activityBar.foreground#263238
activityBarBadge.background#FF6F00
editor.background#FAFAFA
editor.foreground#263238
editorGroup.border#E7E7E7
editorGroupHeader.tabsBackground#E7E7E7
list.activeSelectionBackground#E7E7E7
list.activeSelectionForeground#00897B
list.dropBackground#E7E7E7
list.hoverBackground#E7E7E720
list.inactiveSelectionBackground#E7E7E7
panel.background#FAFAFA
panel.border#E7E7E7
sideBarTitle.foreground#777777
statusBar.background#FAFAFA
statusBar.debuggingBackground#FF5370
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#90A4AE
statusBar.noFolderBackground#FAFAFA
tab.activeBackground#FAFAFA
tab.activeForeground#263238
tab.border#E7E7E7
tab.inactiveBackground#E7E7E7
tab.inactiveForeground#90A4AE
terminal.background#FAFAFA
terminal.foreground#263238

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#90A4AE	italic
keyword.control.section.robot, entity.name.section.robot	#7C4DFF	bold
entity.name.function.settings.robot, entity.name.function.setting.robot	#2196F3	bold
variable.parameter.robot, variable.other.robot	#FF6F00	—
entity.name.function.keyword.robot, entity.name.function.test.robot	#00897B	bold
keyword.control.flow.robot	#7C4DFF	bold
support.function.builtin.robot	#F76D47	—
string	#388E3C	—
constant.numeric	#F76D47	—

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