Godot Theme VSCode

Name: Godot Theme VSCode
Author: nodlag

Publisher: nodlagThemes in package: 6

A Godot theme for Visual Studio Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Godot Theme VSCode — (Modern) Godot Theme VSCode

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...

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#292929
activityBar.activeBorder#569eff
activityBar.background#141414
activityBar.foreground#e1e1e1
activityBar.inactiveForeground#ffffff80
activityBarBadge.background#569eff
activityBarBadge.foreground#e1e1e1
badge.background#292929
badge.foreground#e1e1e1
breadcrumb.activeSelectionForeground#e1e1e1
breadcrumb.background#292929
breadcrumb.focusForeground#e1e1e1
breadcrumb.foreground#72757A
breadcrumbPicker.background#1f1f1f
button.background#424242
button.foreground#e1e1e1
button.secondaryBackground#424242
button.secondaryForeground#e1e1e1
commandCenter.activeBackground#292929
commandCenter.activeBorder#292929
commandCenter.activeForeground#e1e1e1
commandCenter.background#141414
commandCenter.border#292929
commandCenter.foreground#ffffffbf
commandCenter.inactiveBorder#292929
commandCenter.inactiveForeground#ffffffbf
debugToolBar.background#292929
diffEditor.insertedTextBackground#57b3ff20
diffEditor.removedTextBackground#ff708550
dropdown.background#141414
dropdown.border#141414
dropdown.foreground#e1e1e1
editor.background#1a1a1a
editor.findMatchBackground#c7ffed80
editor.findMatchHighlightBackground#e1e1e140
editor.findRangeHighlightBackground#555555
editor.foldBackground#29292980
editor.foreground#ffffffbf
editor.hoverHighlightBackground#5B728B
editor.lineHighlightBackground#ffffff40
editor.rangeHighlightBackground#B7FDE215
editor.selectionBackground#569eff66
editor.selectionHighlightBackground#424450
editor.snippetFinalTabstopHighlightBackground#1a1a1a
editor.snippetFinalTabstopHighlightBorder#57b3ff
editor.snippetTabstopHighlightBackground#1a1a1a
editor.snippetTabstopHighlightBorder#ffffff80
editor.wordHighlightBackground#5B728B
editor.wordHighlightStrongBackground#57b3ff50
editorBracketHighlight.foreground1#abc9ff
editorBracketHighlight.foreground2#abc9ff
editorBracketHighlight.foreground3#abc9ff
editorBracketHighlight.foreground4#abc9ff
editorBracketHighlight.foreground5#abc9ff
editorBracketHighlight.foreground6#abc9ff
editorBracketHighlight.unexpectedBracket.foreground#ff7085
editorCodeLens.foreground#ffffff80
editorError.foreground#ff7085
editorGroup.border#1f1f1f
editorGroup.dropBackground#29292970
editorGroupHeader.tabsBackground#141414
editorGutter.addedBackground#57b3ff80
editorGutter.deletedBackground#ff708580
editorGutter.modifiedBackground#42ffc280
editorHoverWidget.background#1a1a1a
editorHoverWidget.border#ffffff80
editorIndentGuide.background1#3B4352
editorIndentGuide.background2#3B4352
editorIndentGuide.background3#3B4352
editorIndentGuide.background4#3B4352
editorIndentGuide.background5#3B4352
editorIndentGuide.background6#3B4352
editorLineNumber.foreground#A7C1AA
editorLink.activeForeground#42ffc2
editorMarkerNavigation.background#292929
editorOverviewRuler.addedForeground#57b3ff80
editorOverviewRuler.border#1f1f1f
editorOverviewRuler.currentContentForeground#57b3ff
editorOverviewRuler.deletedForeground#ff708580
editorOverviewRuler.errorForeground#ff708580
editorOverviewRuler.incomingContentForeground#B7FDE2
editorOverviewRuler.infoForeground#42ffc280
editorOverviewRuler.modifiedForeground#42ffc280
editorOverviewRuler.selectionHighlightForeground#c7ffed
editorOverviewRuler.warningForeground#c7ffed80
editorOverviewRuler.wordHighlightForeground#42ffc2
editorOverviewRuler.wordHighlightStrongForeground#57b3ff
editorRuler.foreground#e1e1e11A
editorSuggestWidget.background#292929
editorSuggestWidget.foreground#e1e1e1
editorSuggestWidget.selectedBackground#292929
editorWarning.foreground#FADF79
editorWhitespace.foreground#e1e1e11A
editorWidget.background#292929
errorForeground#ff7085
extensionButton.prominentBackground#57b3ff90
extensionButton.prominentForeground#e1e1e1
extensionButton.prominentHoverBackground#57b3ff60
focusBorder#00000000
foreground#e1e1e1
gitDecoration.conflictingResourceForeground#c7ffed
gitDecoration.deletedResourceForeground#ff7085
gitDecoration.ignoredResourceForeground#ffffff80
gitDecoration.modifiedResourceForeground#ffeda1
gitDecoration.untrackedResourceForeground#42ffc2
input.background#1c1c1c
input.border#1f1f1f
input.foreground#e1e1e1
input.placeholderForeground#ffffff80
inputOption.activeBorder#569eff
inputValidation.errorBorder#ff7085
inputValidation.infoBorder#ff7085
inputValidation.warningBorder#c7ffed
list.activeSelectionBackground#555555
list.activeSelectionForeground#e1e1e1
list.dropBackground#292929
list.errorForeground#ff7085
list.focusBackground#555555
list.highlightForeground#42ffc2
list.hoverBackground#ffffff40
list.hoverForeground#e1e1e1
list.inactiveSelectionBackground#ffffff40
list.warningForeground#c7ffed
listFilterWidget.background#343746
listFilterWidget.noMatchesOutline#ff7085
listFilterWidget.outline#424450
merge.currentHeaderBackground#57b3ff90
merge.incomingHeaderBackground#B7FDE290
panel.background#1a1a1a
panel.border#141414
panelTitle.activeBorder#569eff
panelTitle.activeForeground#e1e1e1
panelTitle.inactiveForeground#ffffff80
peekView.border#292929
peekViewEditor.background#1a1a1a
peekViewEditor.matchHighlightBackground#F9ECA880
peekViewResult.background#292929
peekViewResult.fileForeground#e1e1e1
peekViewResult.lineForeground#e1e1e1
peekViewResult.matchHighlightBackground#F9ECA880
peekViewResult.selectionBackground#292929
peekViewResult.selectionForeground#e1e1e1
peekViewTitle.background#1f1f1f
peekViewTitleDescription.foreground#ffffff80
peekViewTitleLabel.foreground#e1e1e1
pickerGroup.border#569eff
pickerGroup.foreground#569eff
progressBar.background#ff7085
scrollbar.shadow#141414
selection.background#5B728B
settings.checkboxBackground#292929
settings.checkboxBorder#1f1f1f
settings.checkboxForeground#e1e1e1
settings.dropdownBackground#292929
settings.dropdownBorder#1f1f1f
settings.dropdownForeground#e1e1e1
settings.headerForeground#e1e1e1
settings.modifiedItemIndicator#c7ffed
settings.numberInputBackground#292929
settings.numberInputBorder#1f1f1f
settings.numberInputForeground#e1e1e1
settings.textInputBackground#292929
settings.textInputBorder#1f1f1f
settings.textInputForeground#e1e1e1
sideBar.background#292929
sideBar.border#141414
sideBar.foreground#e1e1e1
sideBarSectionHeader.background#393939
statusBar.background#292929
statusBar.border#141414
statusBar.debuggingBackground#569eff
statusBar.debuggingForeground#e1e1e1
statusBar.focusBorder#141414
statusBar.foreground#e1e1e1
statusBar.noFolderBackground#1f1f1f
statusBar.noFolderForeground#e1e1e1
statusBarItem.prominentBackground#292929
statusBarItem.prominentHoverBackground#569eff
statusBarItem.remoteBackground#B7FDE2
statusBarItem.remoteForeground#1a1a1a
tab.activeBackground#292929
tab.activeForeground#e1e1e1
tab.border#141414
tab.inactiveBackground#141414
tab.inactiveForeground#ffffff80
terminal.ansiBlack#292929
terminal.ansiBlue#B7FDE2
terminal.ansiBrightBlack#ffffff80
terminal.ansiBrightBlue#abc9ff
terminal.ansiBrightCyan#57b3ff
terminal.ansiBrightGreen#42ffc2
terminal.ansiBrightMagenta#ff7085
terminal.ansiBrightRed#ff7085
terminal.ansiBrightWhite#e1e1e1
terminal.ansiBrightYellow#F9ECA8
terminal.ansiCyan#42ffc2
terminal.ansiGreen#57b3ff
terminal.ansiMagenta#ff7085
terminal.ansiRed#ff7085
terminal.ansiWhite#e1e1e1
terminal.ansiYellow#F9ECA8
terminal.background#1a1a1a
terminal.foreground#e1e1e1
titleBar.activeBackground#141414
titleBar.activeForeground#e1e1e1
titleBar.inactiveBackground#141414
titleBar.inactiveForeground#ffffff80
walkThrough.embeddedEditorBackground#292929

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#B7FDE2	—
meta.diff, meta.diff.header	#ffffff80	—
markup.inserted	#57b3ff	—
markup.deleted	#ff7085	—
markup.changed	#c7ffed	—
invalid	#ff7085	underline italic
invalid.deprecated	#e1e1e1	underline italic
entity.name.filename	#F9ECA8	—
markup.error	#ff7085	—
markup.underline	—	underline
markup.bold	#c7ffed	bold
markup.heading	#B7FDE2	bold
markup.italic	#F9ECA8	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext	#42ffc2	—
markup.inline.raw, markup.raw.restructuredtext	#57b3ff	—
markup.underline.link, markup.underline.link.image	#42ffc2	—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#ff7085	—
entity.name.directive.restructuredtext, markup.quote	#F9ECA8	italic
meta.separator.markdown	#ffffff80	—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#57b3ff	—
punctuation.definition.constant.restructuredtext	#B7FDE2	—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end	#B7FDE2	—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end	#e1e1e1	—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end	#F9ECA8	—
entity.name.type.class, entity.name.class	#42ffc2	normal
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special	#B7FDE2	italic
entity.other.inherited-class	#42ffc2	italic
comment, punctuation.definition.comment, unused.comment, wildcard.comment	#ffffff80	—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class	#ff7085	—
comment.block.documentation entity.name.type	#42ffc2	italic
comment.block.documentation entity.name.type punctuation.definition.bracket	#42ffc2	—
comment.block.documentation variable	#c7ffed	italic
constant, variable.other.constant	#B7FDE2	—
constant.character.escape, constant.character.string.escape, constant.regexp	#ff7085	—
entity.name.tag	#ff7085	—
entity.other.attribute-name.parent-selector	#ff7085	—
entity.other.attribute-name	#57b3ff	italic
entity.name.function, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix	#57b3ff	—
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter	#c7ffed	italic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property	#57b3ff	italic
meta.decorator variable.other.object	#57b3ff	—
keyword, punctuation.definition.keyword	#ff7085	—
keyword.control.new, keyword.operator.new	—	bold
meta.selector	#ff7085	—
support	#42ffc2	italic
support.function.magic, support.variable, variable.other.predefined	#B7FDE2	regular
support.function, support.type.property-name	—	regular
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation	#79edff	—
keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, punctuation.terminator.expression.php, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor	#e1e1e1	—
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile	#ff7085	—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml	#42ffc2	—
constant.other.date, constant.other.timestamp	#c7ffed	—
variable.other.alias.yaml	#57b3ff	italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def	#ff7085	regular
entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml	#42ffc2	italic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type	#c7ffed	—
storage.modifier	#ff7085	—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp	#F9ECA8	—
punctuation.definition.group.capture.regexp	#ff7085	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#ff8ccc	—
punctuation.definition.character-class.regexp	#42ffc2	—
punctuation.definition.group.regexp	#c7ffed	—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp	#ff8ccc	—
meta.assertion.look-ahead.regexp	#57b3ff	—
string	#F9ECA8	—
punctuation.definition.string.begin, punctuation.definition.string.end	#E9F284	—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#8BE9FE	—
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#ffffff80	—
variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx	#e1e1e1	—
meta.import variable.other.readwrite, meta.variable.assignment.destructured.object.coffee variable	#c7ffed	italic
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#e1e1e1	normal
meta.selectionset.graphql variable	#F9ECA8	—
meta.selectionset.graphql meta.arguments variable	#e1e1e1	—
entity.name.fragment.graphql, variable.fragment.graphql	#42ffc2	—
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell	#e1e1e1	—
source.shell variable.other	#B7FDE2	—
support.constant	#B7FDE2	normal
meta.scope.prerequisites.makefile	#F9ECA8	—
meta.attribute-selector.scss	#F9ECA8	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#e1e1e1	—
meta.preprocessor.haskell	#ffffff80	—
log.error	#ff7085	bold
log.warning	#F9ECA8	bold
entity.name.type.enum.cs, variable.other.readwrite.cs, entity.name.variable.parameter.cs, variable.other.constant.gdscript, variable.parameter.function.language.gdscript	#ffffffbf
keyword.type.void.cs, storage.modifier.public.cs, storage.modifier.const.cs, storage.modifier.override.cs, keyword.other.directive.using.cs, storage.modifier.async.cs, storage.type.delegate.cs, storage.modifier.partial.cs, entity.name.type.class.cs, storage.type.class.cs, constant.language, constant.language.null.cs, constant.language.boolean.true.cs, constant.language.boolean.false.cs, variable.language.this.cs, keyword.operator.expression.pattern.combinator.and.cs, keyword.operator.expression.pattern.combinator.or.cs, keyword.operator.expression.pattern.is.cs, constant.language.boolean.gdscript, storage.type.function.gdscript, entity.other.inherited-class.gdscript, keyword.control.in.gdscript, variable.language.gdscript, constant.language.gdscript, keyword.operator.wordlike.gdscript, storage.type.is.gdscript	#ff7085
keyword.control.loop.for.cs, keyword.control.loop.while.cs, keyword.control.flow.return.cs, keyword.control.conditional.if.cs, keyword.control.flow.gdscript, keyword.control.gdscript	#ff8ccc
keyword.type.int.cs, keyword.type.float.cs, keyword.type.double.cs, keyword.type.bool.cs, keyword.type.void.cs, keyword.language.gdscript, meta.variable.declaration.gdscript, entity.name.type.variable.gdscript	#42ffc2
entity.name.type.cs, entity.name.type.class.cs, entity.name.type.interface.cs, entity.name.type.namespace.cs, entity.name.type.struct.cs, variable.other.object.cs, entity.name.type.class.gdscript	#c7ffed
entity.name.function.cs, entity.name.function.gdscript	#57b3ff
punctuation.curlybrace.close.cs, punctuation.curlybrace.open.cs, punctuation.parenthesis.close.cs, punctuation.parenthesis.open.cs, punctuation.terminator.statement.cs, keyword.operator.arithmetic.cs, keyword.operator.assignment.cs, keyword.operator.assignment.compound.cs, keyword.operator.increment.cs, keyword.operator.decrement.cs, keyword.operator.relational.cs, keyword.operator.comparison.cs, punctuation.squarebracket.close.cs, punctuation.squarebracket.open.cs, keyword.operator, keyword.operator.arithmetic.gdscript, keyword.operator.assignment.gdscript, keyword.operator.assignment.compound.gdscript, keyword.operator.increment.gdscript, keyword.operator.decrement.gdscript, keyword.operator.relational.gdscript, keyword.operator.comparison.gdscript, punctuation.definition.parameters.begin.gdscript, punctuation.definition.parameters.end.gdscript, punctuation.definition.arguments.begin.gdscript, punctuation.definition.arguments.end.gdscript, punctuation.separator.annotation.gdscript, punctuation.definition.list.begin.gdscript, punctuation.definition.list.end.gdscript, keyword.operator.boolean.gdscript	#abc9ff
variable.other.object.property.cs, entity.name.type.delegate.cs, variable.other.gdscript, variable.other.property.gdscript	#bce0ff
comment.block.cs, comment.line.double-slash.cs, punctuation.definition.comment.cs, punctuation.definition.tag.cs, entity.name.tag.localname.cs	#ffffff80
entity.name.function.decorator.gdscript	#ffb373
entity.name.variable.preprocessor.symbol.cs, keyword.preprocessor.endregion.cs, keyword.preprocessor.endif.cs, keyword.preprocessor.elif.cs, keyword.preprocessor.if.cs, keyword.preprocessor.region.cs, keyword.preprocessor.else.cs, punctuation.separator.hash.cs, string.unquoted.preprocessor.message.cs, keyword.language.region.gdscript, keyword.preprocessor.endregion.gdscript, keyword.preprocessor.region.gdscript, punctuation.separator.hash.gdscript, string.unquoted.preprocessor.message.gdscript	#ad75c4
constant.character.escape.nodepath.gdscript, keyword.control.flow.nodepath.gdscript	#63c259
constant.character.escape, meta.literal.nodepath.gdscript	#ffeda1

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