Lynx Theme Pro + (Icons)

Name: Lynx Theme Pro + (Icons)
Author: Gohit X

Publisher: Gohit XThemes in package: 8

8 stunning themes + 3 icon packs for VS Code, Cursor, Windsurf & more. Dark, Light, Night, Ghibli, Fury, Kiro, NVIM & Blur. Reduce eye strain and boost your coding productivity.

GitHub

Color themes

VS Code preview

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

Lynx Theme Pro + (Icons) — 5. FURY ㅤ (Lynx 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.activeBackground#151515
activityBar.activeBorder#E91E63
activityBar.activeFocusBorder#E91E63
activityBar.background#080808
activityBar.border#080808
activityBar.foreground#D5D5D5B3
activityBarBadge.background#E91E63
activityBarBadge.foreground#ffffff
activityBarTop.foreground#D6B48B
activityBarTop.inactiveForeground#a0a0a0
banner.background#000000
banner.foreground#D5D5D5
banner.iconForeground#E91E63
breadcrumb.activeSelectionForeground#c9935a
breadcrumb.background#000000
breadcrumb.focusForeground#c9935a
breadcrumb.foreground#d0d0d0
breadcrumbPicker.background#1a1a1a
button.background#E91E63
button.foreground#D5D5D5
button.hoverBackground#ad2553
button.secondaryBackground#222222
button.secondaryForeground#ffffff
button.secondaryHoverBackground#363330
charts.blue#e8b88a
charts.foreground#f5c6a5
charts.green#c9935a
charts.lines#1a151220
charts.orange#e8b88a
charts.purple#ad1457
charts.red#f06292
charts.yellow#c9935a
chat.avatarBackground#0A0A0A
chat.avatarForeground#D5D8DA
chat.requestBorder#d6b48b90
commandCenter.activeBackground#000000
commandCenter.background#141414
commandCenter.border#1a151250
contrastActiveBorder#00000000
debugIcon.pauseForeground#c9935a
debugIcon.restartForeground#f8bbd0
debugIcon.stopForeground#ec407a
debugToolBar.background#151515
debugToolBar.border#1a151220
diffEditor.diagonalFill#ffffff20
diffEditor.insertedLineBackground#F5C6A51A
diffEditor.insertedTextBackground#F5C6A51A
diffEditor.removedLineBackground#F062921A
diffEditor.removedTextBackground#F062921A
disabledForeground#505050
dropdown.background#1a1a1a
dropdown.border#1a151220
dropdown.foreground#ffffff
dropdown.listBackground#222222
editor.background#000000
editor.findMatchBackground#000000
editor.findMatchBorder#f8bbd0
editor.findMatchHighlightBackground#18181880
editor.findMatchHighlightBorder#f8bbd0
editor.findRangeHighlightBackground#6E6E6E1A
editor.foldBackground#c9935a10
editor.foreground#D5D5D5
editor.lineHighlightBackground#080808
editor.lineHighlightBorder#ffffff10
editor.linkedEditingBackground#c9935a30
editor.rangeHighlightBackground#22222280
editor.selectionBackground#ff40813d
editor.selectionHighlightBackground#181818f9
editor.wordHighlightBackground#ff40813d
editor.wordHighlightStrongBackground#ff40813d
editorBracketHighlight.foreground1#c9935a
editorBracketHighlight.foreground2#E91E63
editorBracketHighlight.foreground3#ec407a
editorBracketHighlight.foreground4#f8bbd0
editorBracketHighlight.foreground5#ad1457
editorBracketHighlight.foreground6#b07d4a
editorBracketHighlight.unexpectedBracket.foreground#ec407a
editorBracketMatch.background#6E6E6E80
editorBracketMatch.border#6E6E6E00
editorCursor.foreground#F10086
editorGhostText.foreground#8a6a4a
editorGroup.border#151515
editorGroup.dropBackground#6E6E6E4D
editorGroup.emptyBackground#0d0d0d
editorGroup.focusedEmptyBorder#E91E63
editorGroupHeader.border#1a151220
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#1a151220
editorGutter.addedBackground#D6B48B
editorGutter.deletedBackground#F06292B3
editorGutter.modifiedBackground#F8BBD0B3
editorHoverWidget.background#141414
editorHoverWidget.border#1a1a1a
editorHoverWidget.foreground#D5D5D5
editorHoverWidget.statusBarBackground#000000
editorIndentGuide.activeBackground1#222222
editorIndentGuide.background1#22222257
editorInlayHint.background#0d0d0d50
editorInlayHint.foreground#8c8c8c
editorInlayHint.parameterBackground#e8b88a15
editorInlayHint.parameterForeground#e8b88a
editorInlayHint.typeBackground#a0522d30
editorInlayHint.typeForeground#E91E63
editorLineNumber.activeForeground#D6B48B
editorLineNumber.foreground#303030
editorOverviewRuler.border#222222B3
editorOverviewRuler.findMatchForeground#6E6E6EB3
editorOverviewRuler.rangeHighlightForeground#c9935afa
editorStickyScroll.background#000000
editorStickyScroll.border#181818
editorStickyScroll.shadow#1a151240
editorStickyScrollHover.background#000000
editorSuggestWidget.background#000000
editorSuggestWidget.border#000000
editorSuggestWidget.focusHighlightForeground#E91E63
editorSuggestWidget.foreground#f5c6a5
editorSuggestWidget.highlightForeground#E91E63
editorSuggestWidget.selectedBackground#a0522d63
editorSuggestWidget.selectedForeground#ffffff
editorWidget.background#141414
editorWidget.border#1a1a1a
editorWidget.foreground#D5D8DA
editorWidget.resizeBorder#a0522d
extensionIcon.verifiedForeground#e8b88a
focusBorder#F10086
foreground#D5D8DA
gitDecoration.addedResourceForeground#ff4081
gitDecoration.conflictingResourceForeground#ff408190
gitDecoration.deletedResourceForeground#F06292
gitDecoration.ignoredResourceForeground#D5D5D54D
gitDecoration.modifiedResourceForeground#d6c2a1
gitDecoration.renamedResourceForeground#ff4081
gitDecoration.stageDeletedResourceForeground#ff4081
gitDecoration.stageModifiedResourceForeground#ff4081
gitDecoration.submoduleResourceForeground#ff4081
gitDecoration.untrackedResourceForeground#D4A574
icon.foreground#D6B48B
input.background#0A0A0A
input.border#D6B48B40
input.foreground#FFFFFF
input.placeholderForeground#505050
inputOption.activeBackground#F1008640
inputOption.activeForeground#FFFFFF
inputValidation.errorBackground#F0629280
inputValidation.errorBorder#F0629200
inputValidation.errorForeground#ec407a
inputValidation.infoBackground#f8bbd020
inputValidation.infoBorder#f8bbd0
inputValidation.infoForeground#f8bbd0
inputValidation.warningBackground#c9935a20
inputValidation.warningBorder#c9935a
inputValidation.warningForeground#c9935a
keybindingLabel.background#b07d4a
keybindingLabel.border#11111100
keybindingLabel.bottomBorder#c9935a
keybindingLabel.foreground#ffffff
list.activeSelectionBackground#D6B48B25
list.activeSelectionForeground#D5D5D5
list.dropBackground#6E6E6E80
list.errorForeground#F06292E6
list.focusBackground#22222280
list.focusForeground#D5D5D5
list.focusOutline#C9935A
list.highlightForeground#E91E63
list.hoverBackground#22222280
list.hoverForeground#D5D5D5
list.inactiveSelectionBackground#2222224D
list.inactiveSelectionForeground#D5D5D5
list.invalidItemForeground#F06292E6
list.warningForeground#E8B88AB3
menu.background#0a0a0a
menu.border#141414
menu.foreground#D5D5D5
menu.selectionBackground#22222280
menu.selectionBorder#E91E63
menu.selectionForeground#D5D5D5
menu.separatorBackground#2d1f1a
menubar.selectionBackground#22222280
menubar.selectionBorder#E91E63
menubar.selectionForeground#D5D5D5
merge.border#E91E63
merge.commonContentBackground#c9935a15
merge.commonHeaderBackground#c9935a30
merge.currentContentBackground#a0522d15
merge.currentHeaderBackground#a0522d30
merge.incomingContentBackground#f8bbd015
merge.incomingHeaderBackground#f8bbd030
minimap.background#000000
minimap.errorHighlight#ff5555
minimap.findMatchHighlight#9a9a9a88
minimap.selectionHighlight#b0b0b066
minimap.warningHighlight#f5a623
minimapSlider.activeBackground#b8b8b852
minimapSlider.background#8a8a8a24
minimapSlider.hoverBackground#a0a0a03d
notificationCenter.border#1a151220
notificationCenterHeader.background#1a151220
notificationCenterHeader.foreground#c9935a
notificationLink.foreground#E91E63
notifications.background#000000
notifications.border#1a151220
notifications.foreground#f5c6a5
notificationsErrorIcon.foreground#ec407a
notificationsInfoIcon.foreground#E91E63
notificationsWarningIcon.foreground#c9935a
notificationToast.border#1a151220
panel.background#0a0a0a
panel.border#8a6a4a60
panelSection.border#1a151220
panelSection.dropBackground#c9935a30
panelSectionHeader.background#1a151220
panelSectionHeader.foreground#c9935a
panelTitle.activeBorder#E91E63
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#d0d0d0
peekView.border#151515
peekViewEditor.background#1a1a1a
peekViewEditor.matchHighlightBackground#6E6E6E80
peekViewEditor.matchHighlightBorder#E91E63
peekViewEditorGutter.background#000000
peekViewResult.background#1a1a1a
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#a0a0a0
peekViewResult.matchHighlightBackground#6E6E6E80
peekViewResult.selectionBackground#22222280
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1a1a1a
peekViewTitleDescription.foreground#D5D8DA80
peekViewTitleLabel.foreground#ffffff
problemsErrorIcon.foreground#ec407a
problemsInfoIcon.foreground#f8bbd0
problemsWarningIcon.foreground#c9935a
progressBar.background#E91E63
quickInput.background#000000
quickInput.foreground#f5c6a5
quickInputList.focusBackground#a0522d60
quickInputList.focusForeground#ffffff
quickInputList.focusIconForeground#ffffff
sash.hoverBorder#c9935a
scrollbar.shadow#0a0b0ce0
scrollbarSlider.activeBackground#2e3135d0
scrollbarSlider.background#1e2124a0
scrollbarSlider.hoverBackground#272a2dc0
selection.background#6E6E6E80
settings.checkboxBackground#000000
settings.checkboxBorder#1a151220
settings.checkboxForeground#E91E63
settings.dropdownBackground#000000
settings.dropdownBorder#1a151220
settings.dropdownForeground#ffffff
settings.dropdownListBorder#E91E63
settings.headerForeground#ffffff
settings.modifiedItemIndicator#E91E63
settings.numberInputBackground#000000
settings.numberInputBorder#1a151220
settings.numberInputForeground#ffffff
settings.textInputBackground#000000
settings.textInputBorder#1a151220
settings.textInputForeground#ffffff
sideBar.background#050505
sideBar.border#1a151250
sideBar.foreground#D5D8DA80
sideBarSectionHeader.background#050505
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#D5D8DAB3
sideBarTitle.foreground#D6B48B
statusBar.background#000000
statusBar.border#00000000
statusBar.debuggingBackground#1c0a11
statusBar.debuggingForeground#ffffff
statusBar.foreground#D5D5D580
statusBar.noFolderBackground#151515
statusBar.noFolderForeground#d0d0d0
statusBarItem.activeBackground#a0522d
statusBarItem.hoverBackground#222222
statusBarItem.hoverForeground#ffffff
statusBarItem.prominentBackground#222222
statusBarItem.remoteBackground#E91E63
statusBarItem.remoteForeground#ffffff
statusBarItem.remoteHoverForeground#f0f0f0
symbolIcon.arrayForeground#c9935a
symbolIcon.booleanForeground#ec407a
symbolIcon.classForeground#f8bbd0
symbolIcon.colorForeground#ad1457
symbolIcon.constantForeground#b07d4a
symbolIcon.constructorForeground#f8bbd0
symbolIcon.enumeratorForeground#c9935a
symbolIcon.enumeratorMemberForeground#c9935a
symbolIcon.eventForeground#ec407a
symbolIcon.fieldForeground#f5c6a5
symbolIcon.fileForeground#f5c6a5
symbolIcon.folderForeground#c9935a
symbolIcon.functionForeground#f8bbd0
symbolIcon.interfaceForeground#f8bbd0
symbolIcon.keyForeground#ad1457
symbolIcon.keywordForeground#a0522d
symbolIcon.methodForeground#f8bbd0
symbolIcon.moduleForeground#c9935a
symbolIcon.namespaceForeground#c9935a
symbolIcon.nullForeground#ec407a
symbolIcon.numberForeground#b07d4a
symbolIcon.objectForeground#c9935a
symbolIcon.operatorForeground#8a6a4a
symbolIcon.packageForeground#c9935a
symbolIcon.propertyForeground#f5c6a5
symbolIcon.referenceForeground#c9935a
symbolIcon.snippetForeground#c9935a
symbolIcon.stringForeground#c9935a
symbolIcon.structForeground#f8bbd0
symbolIcon.textForeground#f5c6a5
symbolIcon.typeParameterForeground#8a6a4a
symbolIcon.unitForeground#8a6a4a
symbolIcon.variableForeground#f5c6a5
tab.activeBackground#000000
tab.activeBorder#00000000
tab.activeBorderTop#E91E63
tab.activeForeground#ffffff
tab.border#15151500
tab.hoverBackground#181818
tab.hoverBorder#1a151220
tab.hoverForeground#ffffff
tab.inactiveBackground#000000
tab.inactiveForeground#a0a0a0
tab.unfocusedActiveForeground#d0d0d0
tab.unfocusedInactiveForeground#a0a0a0
terminal.ansiBlack#000000
terminal.ansiBlue#EC407A
terminal.ansiBrightBlack#545454
terminal.ansiBrightBlue#F8BBD0
terminal.ansiBrightCyan#F8BBD0
terminal.ansiBrightGreen#F5C6A5
terminal.ansiBrightMagenta#F8BBD0
terminal.ansiBrightRed#F8BBD0
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#D4A574
terminal.ansiCyan#D4A574
terminal.ansiGreen#E8B88A
terminal.ansiMagenta#EC407A
terminal.ansiRed#E91E63
terminal.ansiWhite#ffffff
terminal.ansiYellow#D4A574
terminal.background#0a0a0a
terminal.foreground#D5D5D5
terminal.selectionBackground#6E6E6E4D
terminalCursor.background#D5D5D5
terminalCursor.foreground#6E6E6E80
testing.iconErrored#c9935a
testing.iconFailed#ec407a
testing.iconPassed#E91E63
testing.iconQueued#c9935a
testing.iconSkipped#8c8c8c
testing.iconUnset#616161
testing.message.error.lineBackground#ec407a20
testing.peekBorder#E91E63
testing.peekHeaderBackground#000000
textBlockQuote.background#0d0d0db8
textBlockQuote.border#1a151220
textCodeBlock.background#000000
textLink.activeForeground#F06292
textLink.foreground#E91E63
textPreformat.foreground#e8b88a
titleBar.activeBackground#000000
titleBar.activeForeground#D5D5D5
titleBar.border#00000000
titleBar.inactiveBackground#151515
titleBar.inactiveForeground#a0a0a0
toolbar.hoverBackground#ffffff4b
tree.indentGuidesStroke#a0522d48
widget.border#1a1a1a
widget.shadow#111111

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment.line, punctuation.definition.comment	#6D6D6D	italic
comment.block	#6D6D6D	italic
comment.block.documentation, comment.line.documentation	#6D6D6D	italic
string.quoted.astro	#88C0D0	—
source.astro	#81A1C1	—
keyword.control	#D87093	bold
keyword.control.flow, keyword.control.conditional, keyword.control.loop	#D87093	bold
keyword.control.new, keyword.operator.new	#E07A8A	bold
keyword.control.import, keyword.control.export, keyword.control.from	#E07A8A	—
keyword.control.async, keyword.control.await	#B48EAD	bold italic
keyword.other	#D87093	—
storage.type	#D87093	bold
storage.type.annotation	#E07A8A	—
storage.type.generic	#D08770	—
storage.type.function.arrow	#88C0D0	—
storage.modifier	#D87093	—
storage.modifier.import	#E07A8A	—
keyword.operator	#D87093	bold
keyword.operator.assignment	#EBCB8B	bold
keyword.operator.expression	#D87093	bold
keyword.operator.logical	#B48EAD	bold
keyword.operator.comparison	#EBCB8B	bold
keyword.operator.rest, keyword.operator.spread	#88C0D0	bold
keyword.operator.type.annotation	#E07A8A	bold
keyword.operator.ternary	#EBCB8B	bold
punctuation.accessor, punctuation.bracket, punctuation.definition, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.string, punctuation.section, punctuation.separator, punctuation.separator.dot-access, punctuation.terminator.statement	#9A9A9A	—
punctuation.definition.annotation	#EBCB8B	—
variable.other, variable.object.property	#ECEFF4	—
meta.block variable.other	#ECEFF4	—
variable.other.constant	#E5D08B	bold
variable.other.readonly	#E5D08B	—
variable.other.macro.argument	#E5C07B	—
variable.parameter, variable.parameter.probably	#E5C07B	italic
variable.language	#D87093	bold
meta.object.property, meta.object-binding-pattern-variable	#E5D08B	—
entity.name.function	#EBCB8B	bold
entity.name.method	#EBCB8B	bold
entity.name.function.constructor	#D08770	bold
meta.function-call	#EBCB8B	—
meta.definition.function	#EBCB8B	—
meta.definition.method	#EBCB8B	—
meta.definition.property	#E5D08B	—
string.quoted.single, string.quoted.double	#88C0D0	—
string.template	#88C0D0	—
meta.template.expression	#D87093	—
string.regexp	#8FBCBB	—
string.other.link	#EBCB8B	—
constant.numeric	#E5D08B	—
constant.language	#D87093	—
constant.other.variable	#E5D08B	—
constant.character.escape	#B48EAD	—
entity.name.tag	#E07A8A	bold
entity.name.type	#E07A8A	—
entity.name.type.class	#E07A8A	bold
entity.name.type.interface	#E07A8A	italic
entity.name.type.enum	#D08770	bold
entity.name.type.module	#D08770	—
entity.other	#D87093	—
entity.other.attribute-name	#E5D08B	—
entity.scope.name	#D08770	—
support.type.primitive	#E07A8A	bold
support.type.property-name	#E5D08B	—
support.type.builtin	#E07A8A	bold
support.function	#EBCB8B	—
support.class	#E07A8A	—
meta.brace	#9A9A9A	—
meta.definition.variable	#ECEFF4	—
meta.import	#E07A8A	—
meta.import string.quoted, meta.import.from string.quoted, meta.import.js string.quoted, meta.import.ts string.quoted, meta.import.astro string.quoted, meta.import string.quoted.single, meta.import string.quoted.double, meta.import string.quoted.single.astro, meta.import string.quoted.double.astro, meta.import string.quoted.single.js, meta.import string.quoted.double.js, meta.import string.quoted.single.ts, meta.import string.quoted.double.ts	#4fdaab	—
meta.object-literal.key	#E5D08B	—
entity.name.tag.css, entity.other.attribute-name.class.css	#D87093	—
support.type.property-name.css	#E5D08B	—
support.constant.property-value.css	#88C0D0	—
entity.other.attribute-name.id.css	#EBCB8B	—
entity.other.attribute-name.pseudo-class.css	#B48EAD	—
support.type.property-name.json	#E07A8A	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#EBCB8B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E5D08B	—
string.quoted.double.json	#88C0D0	—
entity.name.tag.yaml	#E07A8A	—
invalid	#FFFFFF	bold underline
invalid.deprecated	#FFFFFF	—
text.html.markdown fenced_code.block.language	#88C0D0	—
text.html.markdown markup.bold	#D87093	bold
text.html.markdown markup.italic	#EBCB8B	italic
text.html.markdown markup.strikethrough	#E07A8A	strikethrough
text.html.markdown markup.inline.raw.string	#E5D08B	—
text.html.markdown markup.underline.link	#88C0D0	—
text.html.markdown meta.paragraph	#ECEFF4	—
text.html.markdown punctuation.definition.heading	#D87093	—
text.html.markdown entity.name.section	#D87093	bold
text.html.markdown string.other.link.title	#88C0D0	—
text.html.markdown meta.separator	#9A9A9A	—
support.class.component.jsx, support.class.component.tsx	#E07A8A	bold
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#E5D08B	—
punctuation.definition.tag.jsx, punctuation.definition.tag.tsx	#9A9A9A	—
entity.name.type.ts, entity.name.type.tsx	#E07A8A	bold
entity.name.type.interface.ts, entity.name.type.interface.tsx	#E07A8A	bold italic
entity.name.type.alias.ts, entity.name.type.alias.tsx	#E07A8A	bold
punctuation.decorator	#D87093	bold
entity.name.function.decorator	#D87093	bold
support.function.magic.python	#B48EAD	bold italic
support.function.builtin.python	#EBCB8B	—
storage.type.function.lambda	#88C0D0	—
entity.name.type.parameter	#EBCB8B	—
keyword.control.default	#D87093	bold

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