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 Black And Diamond

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#11b7d426
activityBar.activeBorder#11B7D4
activityBar.background#0c0f11
activityBar.border#040506
activityBar.dropBorder#47526233
activityBar.foreground#11B7D4
activityBar.inactiveForeground#434b55
activityBarBadge.background#11B7D4
activityBarBadge.foreground#0c0f11
activityBarTop.activeBorder#11B7D4
activityBarTop.dropBorder#47526233
activityBarTop.foreground#11B7D4
activityBarTop.inactiveForeground#3f4348
badge.background#11B7D4
badge.foreground#0c0f11
breadcrumb.background#111418
breadcrumbPicker.background#1c2027
button.background#11b7d480
button.border#ffffff26
button.foreground#63ddf2
button.hoverBackground#11b7d499
button.secondaryBackground#20252d
button.secondaryForeground#bec6d0cc
button.secondaryHoverBackground#262d36
button.separator#ffffff4d
charts.blue#11B7D4
charts.foreground#bec6d0
charts.green#00a884
charts.lines#bec6d0
charts.orange#d4770c
charts.purple#d46ec0
charts.red#E35535
charts.yellow#c7910c
checkbox.foreground#bec6d0
commandCenter.activeBackground#1c202761
commandCenter.activeForeground#a0acbb8f
commandCenter.background#111418
commandCenter.border#040506
commandCenter.foreground#475262
contrastActiveBorder#00000000
contrastBorder#00000000
debugConsole.errorForeground#E35535
debugConsole.infoForeground#11B7D4
debugConsole.warningForeground#d4770c
debugExceptionWidget.background#1c2027
debugExceptionWidget.border#040506
debugIcon.breakpointCurrentStackframeForeground#E35535
debugIcon.breakpointDisabledForeground#e3553580
debugIcon.breakpointForeground#E35535
debugIcon.continueForeground#11B7D4
debugIcon.disconnectForeground#E35535
debugIcon.pauseForeground#E35535
debugIcon.restartForeground#00a884
debugIcon.startForeground#00a884
debugIcon.stepBackForeground#11B7D4
debugIcon.stepIntoForeground#11B7D4
debugIcon.stepOutForeground#11B7D4
debugIcon.stepOverForeground#11B7D4
debugIcon.stopForeground#E35535
debugToolBar.background#172228
descriptionForeground#bec6d080
diffEditor.border#040506
diffEditor.diagonalFill#1c2027
diffEditor.insertedLineBackground#00a8841a
diffEditor.insertedTextBackground#00a8841a
diffEditor.insertedTextBorder#00000000
diffEditor.move.border#c7910c4d
diffEditor.moveActive.border#c7910cb3
diffEditor.removedLineBackground#f44a241a
diffEditor.removedTextBackground#f44a241a
diffEditor.removedTextBorder#00000000
diffEditor.unchangedCodeBackground#0a0c0e
diffEditor.unchangedRegionBackground#0a0c0e
diffEditor.unchangedRegionShadow#00000066
diffEditorGutter.insertedLineBackground#00000000
diffEditorGutter.removedLineBackground#00000000
diffEditorOverview.insertedForeground#00a88426
diffEditorOverview.removedForeground#e3553530
disabledForeground#bec6d04d
dropdown.background#161a1f
dropdown.border#343a42
dropdown.foreground#bec6d0
dropdown.listBackground#161a1f
editor.background#111418
editor.findMatchBackground#11b7d430
editor.findMatchBorder#11b7d461
editor.findMatchHighlightBackground#11b7d43d
editor.findMatchHighlightBorder#11b7d45c
editor.foldBackground#00000033
editor.foldPlaceholderForeground#475262
editor.foreground#bec6d0
editor.hoverHighlightBackground#11b7d44d
editor.inactiveSelectionBackground#11b7d44d
editor.lineHighlightBackground#11b7d40f
editor.lineHighlightBorder#11b7d426
editor.linkedEditingBackground#00c3e533
editor.rangeHighlightBackground#11b7d43d
editor.selectionBackground#11b7d44d
editor.selectionForeground#bec6d0
editor.selectionHighlightBackground#11b7d414
editor.selectionHighlightBorder#11b7d44d
editor.wordHighlightBackground#11b7d473
editor.wordHighlightBorder#11b7d48a
editor.wordHighlightStrongBackground#11b7d44d
editorBracketHighlight.foreground1#c7910c
editorBracketHighlight.foreground2#d46ec0
editorBracketHighlight.foreground3#11B7D4
editorBracketHighlight.foreground4#a85ff1
editorBracketHighlight.foreground5#38c7bd
editorBracketHighlight.foreground6#c62f52
editorBracketHighlight.unexpectedBracket.foreground#E35535
editorBracketMatch.background#11b7d44d
editorBracketMatch.border#11b7d473
editorCodeLens.foreground#a0acbb80
editorCursor.background#11B7D4
editorCursor.foreground#c7910c
editorError.border#00000000
editorError.foreground#E35535
editorGhostText.border#00000000
editorGhostText.foreground#bec6d070
editorGroup.border#040506
editorGroup.dropBackground#11b7d414
editorGroupHeader.border#00000000
editorGroupHeader.noTabsBackground#111418
editorGroupHeader.tabsBackground#0c0f11
editorGroupHeader.tabsBorder#040506
editorGutter.addedBackground#00a884cc
editorGutter.background#111418
editorGutter.commentRangeForeground#1c2027
editorGutter.deletedBackground#e35535cc
editorGutter.modifiedBackground#11b7d4cc
editorHoverWidget.background#1c2027
editorHoverWidget.border#040506
editorIndentGuide.activeBackground1#475262cc
editorIndentGuide.background1#47526233
editorInfo.border#00000000
editorInlayHint.background#a0acbb1a
editorInlayHint.foreground#a0acbbb3
editorInlayHint.parameterBackground#a0acbb1a
editorInlayHint.parameterForeground#a0acbbb3
editorInlayHint.typeBackground#a0acbb1a
editorInlayHint.typeForeground#a0acbbb3
editorLineNumber.activeForeground#85929e
editorLineNumber.foreground#343a43
editorLink.activeForeground#bec6d0
editorMarkerNavigation.background#0c0f11
editorMarkerNavigationError.background#e355358f
editorMarkerNavigationInfo.background#11b7d48f
editorMarkerNavigationWarning.background#d4770c8f
editorOverviewRuler.addedForeground#00a88480
editorOverviewRuler.border#040506
editorOverviewRuler.deletedForeground#e3553580
editorOverviewRuler.errorForeground#E35535
editorOverviewRuler.incomingContentForeground#00a88480
editorOverviewRuler.infoForeground#11b7d480
editorOverviewRuler.modifiedForeground#11b7d480
editorOverviewRuler.selectionHighlightForeground#11b7d480
editorOverviewRuler.warningForeground#d4770c
editorRuler.foreground#47526233
editorStickyScroll.shadow#00000066
editorStickyScrollHover.background#171b21
editorSuggestWidget.background#15191e
editorSuggestWidget.border#040506
editorSuggestWidget.foreground#a0acbb
editorSuggestWidget.highlightForeground#c7910c
editorSuggestWidget.selectedBackground#262d36
editorSuggestWidget.selectedIconForeground#bec6d0
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#000000aa
editorWarning.border#00000000
editorWarning.foreground#c7910c
editorWhitespace.foreground#47526260
editorWidget.background#1c2027
editorWidget.border#262d36
editorWidget.resizeBorder#11b7d450
errorForeground#E35535
errorLens.errorForeground#e35535fc
errorLens.hintForeground#11b7d4fc
errorLens.infoForeground#11b7d4fc
errorLens.warningForeground#d4770cfc
extensionButton.background#11b7d480
extensionButton.foreground#63ddf2
extensionButton.hoverBackground#11b7d499
extensionButton.prominentBackground#11b7d49d
extensionButton.prominentForeground#bec6d0
extensionButton.prominentHoverBackground#11B7D4
focusBorder#3b4654
foreground#a0acbb
gitDecoration.conflictingResourceForeground#11B7D4
gitDecoration.deletedResourceForeground#E35535
gitDecoration.ignoredResourceForeground#475262
gitDecoration.modifiedResourceForeground#11B7D4
gitDecoration.untrackedResourceForeground#00a884
icon.foreground#a0acbbab
inlineChat.background#1c2027
inlineChat.border#262d36
inlineChatInput.background#15191e
inlineChatInput.border#262d36
inlineChatInput.focusBorder#3b4654
inlineEdit.gutterIndicator.background#a0acbb80
inlineEdit.gutterIndicator.primaryBackground#674b06b3
inlineEdit.gutterIndicator.primaryBorder#674b06
inlineEdit.gutterIndicator.primaryForeground#000000
inlineEdit.gutterIndicator.secondaryBackground#096576b3
inlineEdit.gutterIndicator.secondaryBorder#096576
inlineEdit.gutterIndicator.secondaryForeground#000000
inlineEdit.gutterIndicator.successfulBackground#004234b3
inlineEdit.gutterIndicator.successfulBorder#004234
inlineEdit.gutterIndicator.successfulForeground#000000
inlineEdit.modifiedBackground#00a88426
inlineEdit.modifiedBorder#00a884cc
inlineEdit.modifiedChangedLineBackground#00a88414
inlineEdit.modifiedChangedTextBackground#00000000
inlineEdit.originalBackground#e3553526
inlineEdit.originalBorder#e35535cc
inlineEdit.originalChangedLineBackground#e35535cc
inlineEdit.originalChangedTextBackground#00000000
inlineEdit.tabWillAcceptModifiedBorder#00a884
inlineEdit.tabWillAcceptOriginalBorder#E35535
input.background#161a1f
input.border#343a42
input.foreground#bec6d0
input.placeholderForeground#555f6d
inputOption.activeBackground#505f72
inputOption.activeBorder#00000000
inputOption.activeForeground#bec6d0
inputOption.hoverBackground#262d36
inputValidation.errorBackground#1c2027
inputValidation.errorBorder#c7910c
inputValidation.infoBackground#1c2027
inputValidation.infoBorder#11B7D4
inputValidation.warningBackground#1c2027
inputValidation.warningBorder#c7910c
keybindingLabel.background#1c2027
keybindingLabel.border#4f535a
keybindingLabel.bottomBorder#4f535a
keybindingLabel.foreground#80858f
list.activeSelectionBackground#31384573
list.activeSelectionForeground#bec6d0
list.dropBackground#11b7d415
list.errorForeground#E35535
list.focusBackground#11b7d440
list.focusForeground#a0acbb
list.highlightForeground#c7910c
list.hoverBackground#3138454d
list.hoverForeground#ecedef
list.inactiveSelectionBackground#31384540
list.inactiveSelectionForeground#bec6d0
list.warningForeground#d4770c
menu.background#1c2027
menu.border#040506
menu.foreground#9b9fa7
menu.selectionForeground#ecedef
menu.separatorBackground#04050665
menubar.selectionBackground#1c2027
menubar.selectionForeground#a0acbb
merge.border#040506
merge.commonContentBackground#c7910c30
merge.commonHeaderBackground#c7910c80
merge.currentContentBackground#00a88430
merge.currentHeaderBackground#00a88480
merge.incomingContentBackground#11b7d430
merge.incomingHeaderBackground#11b7d480
minimap.background#111418
minimap.errorHighlight#E35535
minimap.findMatchHighlight#11B7D4
minimap.selectionHighlight#11B7D4
minimap.selectionOccurrenceHighlight#11B7D4
minimap.warningHighlight#d4770c
minimapGutter.addedBackground#00a884
minimapGutter.deletedBackground#E35535
minimapGutter.modifiedBackground#11B7D4
multiDiffEditor.border#040506
multiDiffEditor.headerBackground#1c2027
notificationCenterHeader.background#1c2027
notificationCenterHeader.foreground#bec6d0
notificationLink.foreground#c7910c
notifications.background#1c2027
notifications.border#040506
notifications.foreground#a0acbb
notificationsErrorIcon.foreground#E35535
notificationsInfoIcon.foreground#11B7D4
notificationsWarningIcon.foreground#d4770c
panel.background#0f1215
panel.border#040506
panel.dropBorder#47526280
panelInput.border#262d36
panelSection.border#040506
panelSectionHeader.background#151a1e
panelSectionHeader.border#040506
panelSectionHeader.foreground#bec6d0
panelTitle.activeBorder#11B7D4
panelTitle.activeForeground#11B7D4
panelTitle.inactiveForeground#475262
peekView.border#040506
peekViewEditor.background#191e24
peekViewEditor.matchHighlightBackground#1c202740
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#191e24
peekViewEditorStickyScroll.background#171b21
peekViewResult.background#161a1f
peekViewResult.fileForeground#bec6d0
peekViewResult.lineForeground#a0acbb
peekViewResult.matchHighlightBackground#11b7d480
peekViewResult.selectionBackground#11b7d433
peekViewResult.selectionForeground#bec6d0
peekViewTitle.background#1c2027
peekViewTitleDescription.foreground#bec6d0
peekViewTitleLabel.foreground#bec6d0
pickerGroup.border#040506
pickerGroup.foreground#bec6d0
profileBadge.background#11B7D4
profileBadge.foreground#111418
progressBar.background#c7910c
quickInput.background#171b21
quickInput.foreground#bec6d0b3
quickInputList.focusBackground#47516273
quickInputList.focusForeground#ecedef
quickInputList.focusIconForeground#bec6d0
quickInputTitle.background#0c0f11
sash.hoverBorder#11b7d450
scmGraph.foreground1#11B7D4
scmGraph.foreground2#d46ec0
scmGraph.foreground3#3585bb
scmGraph.foreground4#38c7bd
scmGraph.foreground5#c62f52
scmGraph.historyItemBaseRefColor#a85ff1
scmGraph.historyItemHoverAdditionsForeground#00a884
scmGraph.historyItemHoverDefaultLabelBackground#a0acbb
scmGraph.historyItemHoverDefaultLabelForeground#000000
scmGraph.historyItemHoverDeletionsForeground#E35535
scmGraph.historyItemHoverLabelForeground#000000
scmGraph.historyItemRefColor#c7910c
scmGraph.historyItemRemoteRefColor#11B7D4
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#bec6d04d
scrollbarSlider.background#bec6d026
scrollbarSlider.hoverBackground#bec6d033
selection.background#11b7d461
settings.headerForeground#bec6d0
settings.modifiedItemIndicator#11B7D4
settings.settingsHeaderHoverForeground#bec6d0
sideBar.background#0c0f11
sideBar.border#040506
sideBar.foreground#a0acbbcc
sideBarSectionHeader.background#0c0f11
sideBarSectionHeader.border#040506
sideBarSectionHeader.foreground#bec6d0
sideBarStickyScroll.background#080a0b
sideBarStickyScroll.shadow#00000066
sideBarTitle.foreground#475262
statusBar.background#111418
statusBar.border#040506
statusBar.debuggingBackground#1c3038
statusBar.debuggingForeground#7f9eab
statusBar.foreground#a0acbb80
statusBar.noFolderBackground#0c0f11
statusBar.noFolderBorder#040506
statusBar.noFolderForeground#a0acbbcc
statusBarItem.activeBackground#1c2027
statusBarItem.compactHoverBackground#11b7d4cc
statusBarItem.errorBackground#E35535
statusBarItem.errorForeground#160703
statusBarItem.errorHoverBackground#e97b62
statusBarItem.errorHoverForeground#111418
statusBarItem.hoverBackground#1f3f49
statusBarItem.hoverForeground#bec6d0
statusBarItem.offlineBackground#d46ec0
statusBarItem.offlineForeground#340f2d
statusBarItem.offlineHoverBackground#e095d1
statusBarItem.offlineHoverForeground#111418
statusBarItem.prominentBackground#111418
statusBarItem.prominentForeground#000000
statusBarItem.prominentHoverBackground#262d36
statusBarItem.prominentHoverForeground#111418
statusBarItem.remoteBackground#38c7bd
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#60d2ca
statusBarItem.remoteHoverForeground#111418
statusBarItem.warningBackground#d4770c
statusBarItem.warningForeground#000000
statusBarItem.warningHoverBackground#f29121
statusBarItem.warningHoverForeground#111418
tab.activeBackground#111418
tab.activeBorder#111418
tab.activeBorderTop#11B7D4
tab.activeForeground#bec6d0
tab.border#040506
tab.hoverBackground#111418
tab.inactiveBackground#0c0f11
tab.inactiveForeground#475262
tab.lastPinnedBorder#040506
tab.unfocusedActiveBorder#111418
tab.unfocusedActiveForeground#11B7D4
tab.unfocusedHoverBackground#111418
tab.unfocusedInactiveForeground#475262
terminal.ansiBlack#111418
terminal.ansiBlue#11B7D4
terminal.ansiBrightBlack#3a4551
terminal.ansiBrightBlue#00c3e5
terminal.ansiBrightCyan#12edde
terminal.ansiBrightGreen#00a884
terminal.ansiBrightMagenta#f052d1
terminal.ansiBrightRed#ff4319
terminal.ansiBrightWhite#f9fafb
terminal.ansiBrightYellow#d39600
terminal.ansiCyan#38c7bd
terminal.ansiGreen#00a884
terminal.ansiMagenta#d46ec0
terminal.ansiRed#E35535
terminal.ansiWhite#bec6d0
terminal.ansiYellow#c7910c
terminal.background#0f1215
terminal.foreground#bec6d0
terminal.selectionForeground#bec6d0
terminalCursor.background#111418
terminalCursor.foreground#c7910c
terminalStickyScrollHover.background#171b21
textBlockQuote.background#11b7d433
textBlockQuote.border#11b7d4b9
textCodeBlock.background#11b7d433
textLink.activeForeground#11B7D4
textLink.foreground#11B7D4
textPreformat.background#332a1c
textPreformat.foreground#c7910c
textSeparator.foreground#11B7D4
titleBar.activeBackground#060708
titleBar.activeForeground#bec6d066
titleBar.border#040506
titleBar.inactiveBackground#060708
titleBar.inactiveForeground#475262
toolbar.activeBackground#47526280
toolbar.hoverBackground#4752624d
tree.indentGuidesStroke#47526270
walkThrough.embeddedEditorBackground#111418
welcomePage.progress.background#1c2027
welcomePage.progress.foreground#11B7D4
welcomePage.tileBackground#a0acbb1a
welcomePage.tileBorder#a0acbb33
welcomePage.tileHoverBackground#a0acbb33
widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#616161	—
string	#00a884	—
constant.numeric	#d4770c	—
constant.language, constant.other	#E35535	—
keyword.operator	#a0acbb	—
storage.type, storage.modifier	#38c7bd	—
support.function	#11B7D4	—
comment punctuation	#616161	—
comment.line	#616161	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	#616161	italic
comment.line.fold.krl, meta.fold.krl, keyword.control.fold.krl	#55807d	italic
keyword.control.krl	#d46ec0	bold
keyword.function.movement.krl	#11B7D4	bold
storage.type.krl, storage.type.interrupt.krl, storage.type.trigger.krl	#38c7bd	italic
variable.language.system.krl	#E35535
constant.numeric.krl, constant.numeric.hex.krl, constant.numeric.binary.krl	#d4770c	—
string.quoted.double.krl	#00a884	—
variable.function.krl	#11B7D4	—
constant.language.enum.krl, variable.other.enummember.krl	#E35535	—
support.function.builtin.krl	#11B7D4	—
keyword.operator.krl, keyword.operator.comparison.krl, keyword.operator.arithmetic.krl, keyword.operator.bitwise.krl, keyword.operator.logical.krl	#a0acbb	—

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