RIFT and Aperture Language Support

Name: RIFT and Aperture Language Support
Author: RIFT

Publisher: RIFTThemes in package: 3

Syntax highlighting and language support for RIFT and Aperture

Open in VS Code

Color themes

VS Code preview

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

RIFT and Aperture Language Support — RIFT Zen

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#E8E5DC
activityBar.border#DDD9CE
activityBar.foreground#141413
activityBar.inactiveForeground#8A877E
activityBarBadge.background#141413
activityBarBadge.foreground#F7F6F2
badge.background#141413
badge.foreground#F7F6F2
dropdown.background#FFFFFF
dropdown.border#D2CEBF
dropdown.foreground#141413
editor.background#F7F6F2
editor.findMatchBackground#D4CBC0
editor.findMatchHighlightBackground#E6DFD4
editor.foreground#141413
editor.inactiveSelectionBackground#EEECE4
editor.lineHighlightBackground#F0EFE9
editor.lineHighlightBorder#E6E4DC
editor.selectionBackground#E6E4DC
editor.selectionHighlightBackground#EAE8E0
editor.wordHighlightBackground#E2DFD680
editorBracketHighlight.foreground1#141413
editorBracketHighlight.foreground2#3B3835
editorBracketHighlight.foreground3#5E5A54
editorBracketHighlight.foreground4#7C6A59
editorBracketHighlight.foreground5#6B6760
editorBracketHighlight.foreground6#8A877E
editorBracketHighlight.unexpectedBracket.foreground#B33A3A
editorBracketMatch.background#7C6A5924
editorBracketMatch.border#7C6A5988
editorCursor.foreground#141413
editorGroupHeader.tabsBackground#E4E1D8
editorGutter.addedBackground#557A5E
editorGutter.background#F7F6F2
editorGutter.deletedBackground#B33A3A
editorGutter.modifiedBackground#7C6A59
editorIndentGuide.activeBackground#BCB8AC
editorIndentGuide.background#E6E4DC
editorLineNumber.activeForeground#8A877E
editorLineNumber.foreground#C6C4BC
editorRuler.foreground#E0DED6
editorWhitespace.foreground#DDD9CE
input.background#FFFFFF
input.border#D2CEBF
input.foreground#141413
input.placeholderForeground#8A877E
list.activeSelectionBackground#E2DFD6
list.activeSelectionForeground#141413
list.hoverBackground#EAE7DE
list.hoverForeground#141413
list.inactiveSelectionBackground#E8E5DC
list.inactiveSelectionForeground#141413
panel.background#EFECE4
panel.border#E4E1D8
panelTitle.activeForeground#141413
panelTitle.inactiveForeground#8A877E
sideBar.background#EFECE4
sideBar.border#E4E1D8
sideBar.foreground#3B3835
sideBarSectionHeader.background#E8E5DC
sideBarSectionHeader.foreground#141413
sideBarTitle.foreground#141413
statusBar.background#E8E5DC
statusBar.border#DDD9CE
statusBar.foreground#3B3835
statusBar.noFolderBackground#E8E5DC
statusBarItem.hoverBackground#DDD9CE
tab.activeBackground#F7F6F2
tab.activeBorderTop#141413
tab.activeForeground#141413
tab.border#E4E1D8
tab.inactiveBackground#E8E5DC
tab.inactiveForeground#6B6760
titleBar.activeBackground#EFECE4
titleBar.activeForeground#141413
titleBar.border#E4E1D8
titleBar.inactiveBackground#F7F6F2
titleBar.inactiveForeground#8A877E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.other, storage.type, storage.modifier	#141413	bold
string.quoted.double, string.quoted.single, string.quoted	#5E5A54
punctuation.section.embedded.begin, punctuation.section.embedded.end, meta.embedded.line	#7C6A59
comment, comment.line, comment.block, punctuation.definition.comment	#8A877E	italic
entity.name.function, entity.name.function.method, support.function	#141413
variable, variable.other, variable.other.property, variable.parameter	#3B3835
keyword.operator, keyword.operator.pipe, keyword.operator.async, keyword.operator.async.chain, keyword.operator.async.parallel, keyword.operator.async.err, keyword.operator.async.finally, keyword.operator.fatarrow, keyword.operator.thinarrow, keyword.operator.method-call, keyword.operator.inheritance, keyword.operator.scope, keyword.operator.fuzzyeq, keyword.operator.comparison, keyword.operator.range, keyword.operator.spread	#7C6A59
constant.numeric, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal, constant.numeric.decimal	#6B6760
constant.language.boolean	#6B6760	bold
constant.language.null, constant.language.undefined	#8A877E	italic
entity.name.tag, support.class.component	#141413	bold
entity.other.attribute-name, entity.other.attribute-name.event	#3B3835
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.self-closing	#7C6A59
entity.name.type, entity.name.type.class, support.class	#141413	bold
entity.name.type.hint	#8A877E	italic bold
punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section	#5E5A54
constant.character.escape	#7C6A59	bold

VS Code preview

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

RIFT and Aperture Language Support — RIFT Zen Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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#0A0A08
activityBar.border#1E1E1B
activityBar.foreground#F5F5F3
activityBar.inactiveForeground#666664
activityBarBadge.background#F5F5F3
activityBarBadge.foreground#0F0F0D
badge.background#F5F5F3
badge.foreground#0F0F0D
dropdown.background#181814
dropdown.border#333330
dropdown.foreground#F5F5F3
editor.background#0F0F0D
editor.findMatchBackground#443C30
editor.findMatchHighlightBackground#332D24
editor.foreground#F5F5F3
editor.inactiveSelectionBackground#1F1F1C
editor.lineHighlightBackground#171714
editor.lineHighlightBorder#20201C
editor.selectionBackground#282824
editor.selectionHighlightBackground#242420
editor.wordHighlightBackground#2A2A2680
editorBracketHighlight.foreground1#E8E8E6
editorBracketHighlight.foreground2#CCCCCA
editorBracketHighlight.foreground3#A8A8A6
editorBracketHighlight.foreground4#9B8B7F
editorBracketHighlight.foreground5#999997
editorBracketHighlight.foreground6#7A7A78
editorBracketHighlight.unexpectedBracket.foreground#E05555
editorBracketMatch.background#9B8B7F28
editorBracketMatch.border#9B8B7F88
editorCursor.foreground#F5F5F3
editorGroupHeader.tabsBackground#141411
editorGutter.addedBackground#5E8D6B
editorGutter.background#0F0F0D
editorGutter.deletedBackground#D05555
editorGutter.modifiedBackground#9B8B7F
editorIndentGuide.activeBackground#444440
editorIndentGuide.background#1E1E1B
editorLineNumber.activeForeground#7A7A78
editorLineNumber.foreground#3A3A38
editorRuler.foreground#22221F
editorWhitespace.foreground#282824
input.background#181814
input.border#333330
input.foreground#F5F5F3
input.placeholderForeground#7A7A78
list.activeSelectionBackground#262622
list.activeSelectionForeground#F5F5F3
list.hoverBackground#1C1C18
list.hoverForeground#F5F5F3
list.inactiveSelectionBackground#1E1E1B
list.inactiveSelectionForeground#CCCCCA
panel.background#141411
panel.border#20201C
panelTitle.activeForeground#E8E8E6
panelTitle.inactiveForeground#7A7A78
sideBar.background#141411
sideBar.border#20201C
sideBar.foreground#CCCCCA
sideBarSectionHeader.background#1A1A16
sideBarSectionHeader.foreground#E8E8E6
sideBarTitle.foreground#E8E8E6
statusBar.background#0A0A08
statusBar.border#1E1E1B
statusBar.foreground#CCCCCA
statusBar.noFolderBackground#0A0A08
statusBarItem.hoverBackground#1F1F1C
tab.activeBackground#0F0F0D
tab.activeBorderTop#F5F5F3
tab.activeForeground#F5F5F3
tab.border#20201C
tab.inactiveBackground#141411
tab.inactiveForeground#8B8B89
titleBar.activeBackground#141411
titleBar.activeForeground#E8E8E6
titleBar.border#20201C
titleBar.inactiveBackground#0F0F0D
titleBar.inactiveForeground#7A7A78

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.other, storage.type, storage.modifier	#E8E8E6	bold
string.quoted.double, string.quoted.single, string.quoted	#A8A8A6
punctuation.section.embedded.begin, punctuation.section.embedded.end, meta.embedded.line	#9B8B7F
comment, comment.line, comment.block, punctuation.definition.comment	#7A7A78	italic
entity.name.function, entity.name.function.method, support.function	#E8E8E6
variable, variable.other, variable.other.property, variable.parameter	#CCCCCA
keyword.operator, keyword.operator.pipe, keyword.operator.async, keyword.operator.async.chain, keyword.operator.async.parallel, keyword.operator.async.err, keyword.operator.async.finally, keyword.operator.fatarrow, keyword.operator.thinarrow, keyword.operator.method-call, keyword.operator.inheritance, keyword.operator.scope, keyword.operator.fuzzyeq, keyword.operator.comparison, keyword.operator.range, keyword.operator.spread	#9B8B7F
constant.numeric, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal, constant.numeric.decimal	#999997
constant.language.boolean	#999997	bold
constant.language.null, constant.language.undefined	#7A7A78	italic
entity.name.tag, support.class.component	#E8E8E6	bold
entity.other.attribute-name, entity.other.attribute-name.event	#CCCCCA
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.self-closing	#9B8B7F
entity.name.type, entity.name.type.class, support.class	#E8E8E6	bold
entity.name.type.hint	#7A7A78	italic bold
punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section	#A8A8A6
constant.character.escape	#9B8B7F	bold

VS Code preview

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

RIFT and Aperture Language Support — RIFT Zen Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#F0EFEA
activityBar.border#E4E3DD
activityBar.foreground#1a1a18
activityBar.inactiveForeground#8B8B89
activityBarBadge.background#1a1a18
activityBarBadge.foreground#FAFAF8
badge.background#1a1a18
badge.foreground#FAFAF8
dropdown.background#FFFFFF
dropdown.border#D8D7D0
dropdown.foreground#0A0A08
editor.background#FAFAF8
editor.findMatchBackground#D8D0C5
editor.findMatchHighlightBackground#EAE5DC
editor.foreground#0A0A08
editor.inactiveSelectionBackground#EFEFEA
editor.lineHighlightBackground#F4F4F0
editor.lineHighlightBorder#EBEAE4
editor.selectionBackground#E4E3DF
editor.selectionHighlightBackground#E8E7E2
editor.wordHighlightBackground#E6E5DF80
editorBracketHighlight.foreground1#1a1a18
editorBracketHighlight.foreground2#333331
editorBracketHighlight.foreground3#5a5a58
editorBracketHighlight.foreground4#8B7355
editorBracketHighlight.foreground5#666664
editorBracketHighlight.foreground6#8B8B89
editorBracketHighlight.unexpectedBracket.foreground#A83232
editorBracketMatch.background#8B735522
editorBracketMatch.border#8B735588
editorCursor.foreground#1a1a18
editorGroupHeader.tabsBackground#EBEAE4
editorGutter.addedBackground#4E7C59
editorGutter.background#FAFAF8
editorGutter.deletedBackground#A83232
editorGutter.modifiedBackground#8B7355
editorIndentGuide.activeBackground#C0C0B8
editorIndentGuide.background#E8E8E2
editorLineNumber.activeForeground#8B8B89
editorLineNumber.foreground#C8C8C4
editorRuler.foreground#E4E4DE
editorWhitespace.foreground#E0E0DA
input.background#FFFFFF
input.border#D8D7D0
input.foreground#0A0A08
input.placeholderForeground#8B8B89
list.activeSelectionBackground#E6E5DF
list.activeSelectionForeground#0A0A08
list.hoverBackground#EFEFEA
list.hoverForeground#0A0A08
list.inactiveSelectionBackground#ECEBE5
list.inactiveSelectionForeground#1a1a18
panel.background#F5F5F2
panel.border#EAEAE4
panelTitle.activeForeground#1a1a18
panelTitle.inactiveForeground#8B8B89
sideBar.background#F5F5F2
sideBar.border#EAEAE4
sideBar.foreground#333331
sideBarSectionHeader.background#EEEEEE
sideBarSectionHeader.foreground#1a1a18
sideBarTitle.foreground#1a1a18
statusBar.background#F0EFEA
statusBar.border#E4E3DD
statusBar.foreground#333331
statusBar.noFolderBackground#F0EFEA
statusBarItem.hoverBackground#E4E3DD
tab.activeBackground#FAFAF8
tab.activeBorderTop#1a1a18
tab.activeForeground#0A0A08
tab.border#EAEAE4
tab.inactiveBackground#F0EFEA
tab.inactiveForeground#666664
titleBar.activeBackground#F5F5F2
titleBar.activeForeground#1a1a18
titleBar.border#EAEAE4
titleBar.inactiveBackground#FAFAF8
titleBar.inactiveForeground#8B8B89

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword.control, keyword.other, storage.type, storage.modifier	#1a1a18	bold
string.quoted.double, string.quoted.single, string.quoted	#5a5a58
punctuation.section.embedded.begin, punctuation.section.embedded.end, meta.embedded.line	#8B7355
comment, comment.line, comment.block, punctuation.definition.comment	#8B8B89	italic
entity.name.function, entity.name.function.method, support.function	#1a1a18
variable, variable.other, variable.other.property, variable.parameter	#333331
keyword.operator, keyword.operator.pipe, keyword.operator.async, keyword.operator.async.chain, keyword.operator.async.parallel, keyword.operator.async.err, keyword.operator.async.finally, keyword.operator.fatarrow, keyword.operator.thinarrow, keyword.operator.method-call, keyword.operator.inheritance, keyword.operator.scope, keyword.operator.fuzzyeq, keyword.operator.comparison, keyword.operator.range, keyword.operator.spread	#8B7355
constant.numeric, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal, constant.numeric.decimal	#666664
constant.language.boolean	#666664	bold
constant.language.null, constant.language.undefined	#8B8B89	italic
entity.name.tag, support.class.component	#1a1a18	bold
entity.other.attribute-name, entity.other.attribute-name.event	#333331
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.self-closing	#8B7355
entity.name.type, entity.name.type.class, support.class	#1a1a18	bold
entity.name.type.hint	#8B8B89	italic bold
punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.section	#5a5a58
constant.character.escape	#8B7355	bold