KUKA KRL Extension

Name: KUKA KRL Extension
Author: LiskinLabs

Publisher: LiskinLabsThemes in package: 67

Professional language support for KUKA Robot Language (KRL) in VS Code

Color themes

VS Code preview

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

KUKA KRL Extension — KRL Bearded Exotic Coffee Reversed

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.activeBackground#f0917726
activityBar.activeBorder#F09177
activityBar.background#201c1b
activityBar.border#0f0d0d
activityBar.dropBorder#4d3e3b33
activityBar.foreground#F09177
activityBar.inactiveForeground#54443f
activityBarBadge.background#F09177
activityBarBadge.foreground#201c1b
activityBarTop.activeBorder#F09177
activityBarTop.dropBorder#4d3e3b33
activityBarTop.foreground#F09177
activityBarTop.inactiveForeground#483f3c
badge.background#F09177
badge.foreground#201c1b
breadcrumb.background#1a1716
breadcrumbPicker.background#282322
button.background#f0917780
button.border#ffffff26
button.foreground#fbe3dc
button.hoverBackground#f0917799
button.secondaryBackground#2d2826
button.secondaryForeground#c8aca5cc
button.secondaryHoverBackground#362f2d
button.separator#ffffff4d
charts.blue#6EDDD6
charts.foreground#c8aca5
charts.green#9DCC57
charts.lines#c8aca5
charts.orange#ffa777
charts.purple#E480AD
charts.red#f24343
charts.yellow#f7d979
checkbox.foreground#c8aca5
commandCenter.activeBackground#51403b61
commandCenter.activeForeground#b7a29d8f
commandCenter.background#1a1716
commandCenter.border#0f0d0d
commandCenter.foreground#4d3e3b
contrastActiveBorder#00000000
contrastBorder#00000000
debugConsole.errorForeground#f24343
debugConsole.infoForeground#6EDDD6
debugConsole.warningForeground#ffa777
debugExceptionWidget.background#51403b
debugExceptionWidget.border#0f0d0d
debugIcon.breakpointCurrentStackframeForeground#f24343
debugIcon.breakpointDisabledForeground#f2434380
debugIcon.breakpointForeground#f24343
debugIcon.continueForeground#6EDDD6
debugIcon.disconnectForeground#f24343
debugIcon.pauseForeground#f24343
debugIcon.restartForeground#94D652
debugIcon.startForeground#94D652
debugIcon.stepBackForeground#6EDDD6
debugIcon.stepIntoForeground#6EDDD6
debugIcon.stepOutForeground#6EDDD6
debugIcon.stepOverForeground#6EDDD6
debugIcon.stopForeground#f24343
debugToolBar.background#2c221f
descriptionForeground#c8aca580
diffEditor.border#0f0d0d
diffEditor.diagonalFill#282322
diffEditor.insertedLineBackground#94e6421a
diffEditor.insertedTextBackground#94e6421a
diffEditor.insertedTextBorder#00000000
diffEditor.move.border#f7d9794d
diffEditor.moveActive.border#f7d979b3
diffEditor.removedLineBackground#ff36361a
diffEditor.removedTextBackground#ff36361a
diffEditor.removedTextBorder#00000000
diffEditor.unchangedCodeBackground#1d1a19
diffEditor.unchangedRegionBackground#1d1a19
diffEditor.unchangedRegionShadow#00000066
diffEditorGutter.insertedLineBackground#00000000
diffEditorGutter.removedLineBackground#00000000
diffEditorOverview.insertedForeground#94d65226
diffEditorOverview.removedForeground#f2434330
disabledForeground#c8aca54d
dropdown.background#211d1c
dropdown.border#403d3c
dropdown.foreground#c8aca5
dropdown.listBackground#211d1c
editor.background#1a1716
editor.findMatchBackground#f0917730
editor.findMatchBorder#f0917761
editor.findMatchHighlightBackground#f091773d
editor.findMatchHighlightBorder#f091775c
editor.foldBackground#00000033
editor.foldPlaceholderForeground#4d3e3b
editor.foreground#c8aca5
editor.hoverHighlightBackground#f091774d
editor.inactiveSelectionBackground#f091774d
editor.lineHighlightBackground#f091770f
editor.lineHighlightBorder#f0917726
editor.linkedEditingBackground#5cefe633
editor.rangeHighlightBackground#f091773d
editor.selectionBackground#f091774d
editor.selectionForeground#c8aca5
editor.selectionHighlightBackground#f0917714
editor.selectionHighlightBorder#f091774d
editor.wordHighlightBackground#f0917773
editor.wordHighlightBorder#f091778a
editor.wordHighlightStrongBackground#f091774d
editorBracketHighlight.foreground1#f7d979
editorBracketHighlight.foreground2#E480AD
editorBracketHighlight.foreground3#6EDDD6
editorBracketHighlight.foreground4#9991F1
editorBracketHighlight.foreground5#3ceaa8
editorBracketHighlight.foreground6#f77a6a
editorBracketHighlight.unexpectedBracket.foreground#f24343
editorBracketMatch.background#f091774d
editorBracketMatch.border#f0917773
editorCodeLens.foreground#b7a29d80
editorCursor.background#F09177
editorCursor.foreground#f7d979
editorError.border#00000000
editorError.foreground#f24343
editorGhostText.border#00000000
editorGhostText.foreground#c8aca570
editorGroup.border#0f0d0d
editorGroup.dropBackground#f0917714
editorGroupHeader.border#00000000
editorGroupHeader.noTabsBackground#1a1716
editorGroupHeader.tabsBackground#201c1b
editorGroupHeader.tabsBorder#0f0d0d
editorGutter.addedBackground#94d652cc
editorGutter.background#1a1716
editorGutter.commentRangeForeground#51403b
editorGutter.deletedBackground#f24343cc
editorGutter.modifiedBackground#6eddd6cc
editorHoverWidget.background#51403b
editorHoverWidget.border#0f0d0d
editorIndentGuide.activeBackground1#4d3e3bcc
editorIndentGuide.background1#4d3e3b33
editorInfo.border#00000000
editorInlayHint.background#b7a29d1a
editorInlayHint.foreground#b7a29db3
editorInlayHint.parameterBackground#b7a29d1a
editorInlayHint.parameterForeground#b7a29db3
editorInlayHint.typeBackground#b7a29d1a
editorInlayHint.typeForeground#b7a29db3
editorLineNumber.activeForeground#9d9898
editorLineNumber.foreground#433633
editorLink.activeForeground#c8aca5
editorMarkerNavigation.background#201c1b
editorMarkerNavigationError.background#f243438f
editorMarkerNavigationInfo.background#6eddd68f
editorMarkerNavigationWarning.background#ffa7778f
editorOverviewRuler.addedForeground#94d65280
editorOverviewRuler.border#0f0d0d
editorOverviewRuler.deletedForeground#f2434380
editorOverviewRuler.errorForeground#f24343
editorOverviewRuler.incomingContentForeground#94d65280
editorOverviewRuler.infoForeground#6eddd680
editorOverviewRuler.modifiedForeground#6eddd680
editorOverviewRuler.selectionHighlightForeground#f0917780
editorOverviewRuler.warningForeground#ffa777
editorRuler.foreground#4d3e3b33
editorStickyScroll.shadow#00000066
editorStickyScrollHover.background#221e1d
editorSuggestWidget.background#201c1b
editorSuggestWidget.border#0f0d0d
editorSuggestWidget.foreground#b7a29d
editorSuggestWidget.highlightForeground#f7d979
editorSuggestWidget.selectedBackground#362f2d
editorSuggestWidget.selectedIconForeground#c8aca5
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#000000aa
editorWarning.border#00000000
editorWarning.foreground#f7d979
editorWhitespace.foreground#4d3e3b60
editorWidget.background#51403b
editorWidget.border#362f2d
editorWidget.resizeBorder#f0917750
errorForeground#f24343
errorLens.errorForeground#f24343fc
errorLens.hintForeground#6eddd6fc
errorLens.infoForeground#6eddd6fc
errorLens.warningForeground#ffa777fc
extensionButton.background#f0917780
extensionButton.foreground#fbe3dc
extensionButton.hoverBackground#f0917799
extensionButton.prominentBackground#f091779d
extensionButton.prominentForeground#c8aca5
extensionButton.prominentHoverBackground#F09177
focusBorder#514845
foreground#b7a29d
gitDecoration.conflictingResourceForeground#F09177
gitDecoration.deletedResourceForeground#f24343
gitDecoration.ignoredResourceForeground#4d3e3b
gitDecoration.modifiedResourceForeground#6EDDD6
gitDecoration.untrackedResourceForeground#94D652
icon.foreground#b7a29dab
inlineChat.background#282322
inlineChat.border#362f2d
inlineChatInput.background#201c1b
inlineChatInput.border#362f2d
inlineChatInput.focusBorder#514845
inlineEdit.gutterIndicator.background#b7a29d80
inlineEdit.gutterIndicator.primaryBackground#f1be19b3
inlineEdit.gutterIndicator.primaryBorder#f1be19
inlineEdit.gutterIndicator.primaryForeground#000000
inlineEdit.gutterIndicator.secondaryBackground#e6471bb3
inlineEdit.gutterIndicator.secondaryBorder#e6471b
inlineEdit.gutterIndicator.secondaryForeground#000000
inlineEdit.gutterIndicator.successfulBackground#619d25b3
inlineEdit.gutterIndicator.successfulBorder#619d25
inlineEdit.gutterIndicator.successfulForeground#000000
inlineEdit.modifiedBackground#94d65226
inlineEdit.modifiedBorder#94d652cc
inlineEdit.modifiedChangedLineBackground#94d65214
inlineEdit.modifiedChangedTextBackground#00000000
inlineEdit.originalBackground#f2434326
inlineEdit.originalBorder#f24343cc
inlineEdit.originalChangedLineBackground#f24343cc
inlineEdit.originalChangedTextBackground#00000000
inlineEdit.tabWillAcceptModifiedBorder#94D652
inlineEdit.tabWillAcceptOriginalBorder#f24343
input.background#211d1c
input.border#403d3c
input.foreground#c8aca5
input.placeholderForeground#686361
inputOption.activeBackground#6d605c
inputOption.activeBorder#00000000
inputOption.activeForeground#c8aca5
inputOption.hoverBackground#362f2d
inputValidation.errorBackground#51403b
inputValidation.errorBorder#f7d979
inputValidation.infoBackground#51403b
inputValidation.infoBorder#F09177
inputValidation.warningBackground#51403b
inputValidation.warningBorder#f7d979
keybindingLabel.background#51403b
keybindingLabel.border#807572
keybindingLabel.bottomBorder#807572
keybindingLabel.foreground#b1a9a7
list.activeSelectionBackground#6f575073
list.activeSelectionForeground#c8aca5
list.dropBackground#f0917715
list.errorForeground#f24343
list.focusBackground#f0917740
list.focusForeground#b7a29d
list.highlightForeground#f7d979
list.hoverBackground#6f57504d
list.hoverForeground#ffffff
list.inactiveSelectionBackground#6f575040
list.inactiveSelectionForeground#c8aca5
list.warningForeground#ffa777
menu.background#51403b
menu.border#0f0d0d
menu.foreground#c9c4c2
menu.selectionForeground#ffffff
menu.separatorBackground#0f0d0d65
menubar.selectionBackground#51403b
menubar.selectionForeground#b7a29d
merge.border#0f0d0d
merge.commonContentBackground#f7d97930
merge.commonHeaderBackground#f7d97980
merge.currentContentBackground#94d65230
merge.currentHeaderBackground#94d65280
merge.incomingContentBackground#6eddd630
merge.incomingHeaderBackground#6eddd680
minimap.background#1a1716
minimap.errorHighlight#f24343
minimap.findMatchHighlight#F09177
minimap.selectionHighlight#F09177
minimap.selectionOccurrenceHighlight#F09177
minimap.warningHighlight#ffa777
minimapGutter.addedBackground#94D652
minimapGutter.deletedBackground#f24343
minimapGutter.modifiedBackground#6EDDD6
multiDiffEditor.border#0f0d0d
multiDiffEditor.headerBackground#282322
notificationCenterHeader.background#51403b
notificationCenterHeader.foreground#c8aca5
notificationLink.foreground#f7d979
notifications.background#51403b
notifications.border#0f0d0d
notifications.foreground#b7a29d
notificationsErrorIcon.foreground#f24343
notificationsInfoIcon.foreground#6EDDD6
notificationsWarningIcon.foreground#ffa777
panel.background#1d1919
panel.border#0f0d0d
panel.dropBorder#4d3e3b80
panelInput.border#362f2d
panelSection.border#0f0d0d
panelSectionHeader.background#252020
panelSectionHeader.border#0f0d0d
panelSectionHeader.foreground#c8aca5
panelTitle.activeBorder#F09177
panelTitle.activeForeground#F09177
panelTitle.inactiveForeground#4d3e3b
peekView.border#0f0d0d
peekViewEditor.background#25211f
peekViewEditor.matchHighlightBackground#51403b40
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#25211f
peekViewEditorStickyScroll.background#221e1d
peekViewResult.background#211d1c
peekViewResult.fileForeground#c8aca5
peekViewResult.lineForeground#b7a29d
peekViewResult.matchHighlightBackground#f0917780
peekViewResult.selectionBackground#f0917733
peekViewResult.selectionForeground#c8aca5
peekViewTitle.background#282322
peekViewTitleDescription.foreground#c8aca5
peekViewTitleLabel.foreground#c8aca5
pickerGroup.border#0f0d0d
pickerGroup.foreground#c8aca5
profileBadge.background#F09177
profileBadge.foreground#1a1716
progressBar.background#f7d979
quickInput.background#221e1d
quickInput.foreground#c8aca5b3
quickInputList.focusBackground#8c6f6673
quickInputList.focusForeground#ffffff
quickInputList.focusIconForeground#c8aca5
quickInputTitle.background#201c1b
sash.hoverBorder#f0917750
scmGraph.foreground1#6EDDD6
scmGraph.foreground2#E480AD
scmGraph.foreground3#7E9E2D
scmGraph.foreground4#3ceaa8
scmGraph.foreground5#f77a6a
scmGraph.historyItemBaseRefColor#9991F1
scmGraph.historyItemHoverAdditionsForeground#94D652
scmGraph.historyItemHoverDefaultLabelBackground#b7a29d
scmGraph.historyItemHoverDefaultLabelForeground#000000
scmGraph.historyItemHoverDeletionsForeground#f24343
scmGraph.historyItemHoverLabelForeground#000000
scmGraph.historyItemRefColor#f7d979
scmGraph.historyItemRemoteRefColor#6EDDD6
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#c8aca54d
scrollbarSlider.background#c8aca526
scrollbarSlider.hoverBackground#c8aca533
selection.background#f0917761
settings.headerForeground#c8aca5
settings.modifiedItemIndicator#F09177
settings.settingsHeaderHoverForeground#c8aca5
sideBar.background#201c1b
sideBar.border#0f0d0d
sideBar.foreground#b7a29dcc
sideBarSectionHeader.background#201c1b
sideBarSectionHeader.border#0f0d0d
sideBarSectionHeader.foreground#c8aca5
sideBarStickyScroll.background#1a1716
sideBarStickyScroll.shadow#00000066
sideBarTitle.foreground#4d3e3b
statusBar.background#1a1716
statusBar.border#0f0d0d
statusBar.debuggingBackground#3f2d27
statusBar.debuggingForeground#db896e
statusBar.foreground#b7a29d80
statusBar.noFolderBackground#201c1b
statusBar.noFolderBorder#0f0d0d
statusBar.noFolderForeground#b7a29dcc
statusBarItem.activeBackground#51403b
statusBarItem.compactHoverBackground#f09177cc
statusBarItem.errorBackground#f24343
statusBarItem.errorForeground#330303
statusBarItem.errorHoverBackground#f57373
statusBarItem.errorHoverForeground#1a1716
statusBarItem.hoverBackground#533831
statusBarItem.hoverForeground#c8aca5
statusBarItem.offlineBackground#E480AD
statusBarItem.offlineForeground#53122f
statusBarItem.offlineHoverBackground#edaac8
statusBarItem.offlineHoverForeground#1a1716
statusBarItem.prominentBackground#1a1716
statusBarItem.prominentForeground#000000
statusBarItem.prominentHoverBackground#362f2d
statusBarItem.prominentHoverForeground#1a1716
statusBarItem.remoteBackground#3ceaa8
statusBarItem.remoteForeground#042317
statusBarItem.remoteHoverBackground#6aefbd
statusBarItem.remoteHoverForeground#1a1716
statusBarItem.warningBackground#ffa777
statusBarItem.warningForeground#772a00
statusBarItem.warningHoverBackground#ffc8aa
statusBarItem.warningHoverForeground#1a1716
tab.activeBackground#1a1716
tab.activeBorder#1a1716
tab.activeBorderTop#F09177
tab.activeForeground#c8aca5
tab.border#0f0d0d
tab.hoverBackground#1a1716
tab.inactiveBackground#201c1b
tab.inactiveForeground#4d3e3b
tab.lastPinnedBorder#0f0d0d
tab.unfocusedActiveBorder#1a1716
tab.unfocusedActiveForeground#F09177
tab.unfocusedHoverBackground#1a1716
tab.unfocusedInactiveForeground#4d3e3b
terminal.ansiBlack#1a1716
terminal.ansiBlue#6EDDD6
terminal.ansiBrightBlack#544848
terminal.ansiBrightBlue#53f8ed
terminal.ansiBrightCyan#27ffad
terminal.ansiBrightGreen#94f632
terminal.ansiBrightMagenta#fb69ab
terminal.ansiBrightRed#ff3636
terminal.ansiBrightWhite#efe6e4
terminal.ansiBrightYellow#ffdd71
terminal.ansiCyan#3ceaa8
terminal.ansiGreen#94D652
terminal.ansiMagenta#E480AD
terminal.ansiRed#f24343
terminal.ansiWhite#c8aca5
terminal.ansiYellow#f7d979
terminal.background#1d1919
terminal.foreground#c8aca5
terminal.selectionForeground#c8aca5
terminalCursor.background#1a1716
terminalCursor.foreground#f7d979
terminalStickyScrollHover.background#221e1d
textBlockQuote.background#6eddd633
textBlockQuote.border#6eddd6b9
textCodeBlock.background#6eddd633
textLink.activeForeground#F09177
textLink.foreground#F09177
textPreformat.background#403828
textPreformat.foreground#f7d979
textSeparator.foreground#F09177
titleBar.activeBackground#181514
titleBar.activeForeground#c8aca566
titleBar.border#0f0d0d
titleBar.inactiveBackground#181514
titleBar.inactiveForeground#4d3e3b
toolbar.activeBackground#4d3e3b80
toolbar.hoverBackground#4d3e3b4d
tree.indentGuidesStroke#4d3e3b70
walkThrough.embeddedEditorBackground#1a1716
welcomePage.progress.background#51403b
welcomePage.progress.foreground#F09177
welcomePage.tileBackground#b7a29d1a
welcomePage.tileBorder#b7a29d33
welcomePage.tileHoverBackground#b7a29d33
widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#645956	—
string	#9DCC57	—
constant.numeric	#ffa777	—
constant.language, constant.other	#f24343	—
keyword.operator	#d4cecc	—
storage.type, storage.modifier	#3ceaa8	—
comment.line	#645956	italic
comment.line, comment.line.semicolon.krl, comment.line.ampersand.krl, comment.line.bug.krl, comment.line.fixme.krl, comment.line.hack.krl, comment.line.note.krl, comment.line.todo.krl	#645956	italic
comment.line.fold.krl, meta.fold.krl, keyword.control.fold.krl	#58856f	italic
keyword.control.krl	#E480AD	bold
keyword.function.movement.krl	#6EDDD6	bold
storage.type.krl, storage.type.interrupt.krl, storage.type.trigger.krl	#3ceaa8	italic
variable.language.system.krl	#f24343
constant.numeric.krl, constant.numeric.hex.krl, constant.numeric.binary.krl	#ffa777	—
string.quoted.double.krl	#9DCC57	—
variable.function.krl	—	—
constant.language.enum.krl, variable.other.enummember.krl	#f24343	—
support.function.builtin.krl	—	—
keyword.operator.krl, keyword.operator.comparison.krl, keyword.operator.arithmetic.krl, keyword.operator.bitwise.krl, keyword.operator.logical.krl	#d4cecc	—

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