Godot Theme for VS Code
Publisher: Mario DebonoThemes in package: 2
Godot 4 inspired theme for Visual Studio Code
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#373D49
- activityBar.activeBorder#6993C2
- activityBar.background#262B33
- activityBar.foreground#E0E0E0
- activityBar.inactiveForeground#76787D
- activityBarBadge.background#6993C2
- activityBarBadge.foreground#E0E0E0
- badge.background#373D49
- badge.foreground#E0E0E0
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.background#373D49
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#72757A
- breadcrumbPicker.background#22262D
- button.background#6993C2
- button.foreground#FFFFFF
- button.secondaryBackground#6993C2
- button.secondaryForeground#E0E0E0
- commandCenter.activeBackground#373D49
- commandCenter.activeBorder#373D49
- commandCenter.activeForeground#E0E0E0
- commandCenter.background#262B33
- commandCenter.border#262B33
- commandCenter.foreground#CDCFD2
- commandCenter.inactiveBorder#262B33
- commandCenter.inactiveForeground#CDCFD2
- debugToolBar.background#373D49
- diffEditor.insertedTextBackground#66e5ff20
- diffEditor.removedTextBackground#EE798750
- dropdown.background#262B33
- dropdown.border#262B33
- dropdown.foreground#E0E0E0
- editor.background#1d2229
- editor.findMatchBackground#D2FDEE80
- editor.findMatchHighlightBackground#FFFFFF40
- editor.findRangeHighlightBackground#373D4975
- editor.foldBackground#373D4980
- editor.foreground#CDCFD2
- editor.hoverHighlightBackground#5B728B
- editor.lineHighlightBackground#2E3137
- editor.rangeHighlightBackground#B7FDE215
- editor.selectionBackground#373D49
- editor.selectionHighlightBackground#424450
- editor.snippetFinalTabstopHighlightBackground#1d2229
- editor.snippetFinalTabstopHighlightBorder#66e5ff
- editor.snippetTabstopHighlightBackground#1d2229
- editor.snippetTabstopHighlightBorder#76787D
- editor.wordHighlightBackground#5B728B
- editor.wordHighlightStrongBackground#66e5ff50
- editorBracketHighlight.foreground1#B1C8FA
- editorBracketHighlight.foreground2#B1C8FA
- editorBracketHighlight.foreground3#B1C8FA
- editorBracketHighlight.foreground4#B1C8FA
- editorBracketHighlight.foreground5#B1C8FA
- editorBracketHighlight.foreground6#B1C8FA
- editorBracketHighlight.unexpectedBracket.foreground#EE7987
- editorCodeLens.foreground#76787D
- editorError.foreground#EE7987
- editorGroup.border#22262D
- editorGroup.dropBackground#373D4970
- editorGroupHeader.tabsBackground#262B33
- editorGutter.addedBackground#66e5ff80
- editorGutter.deletedBackground#EE798780
- editorGutter.modifiedBackground#82FBC680
- editorHoverWidget.background#1d2229
- editorHoverWidget.border#76787D
- editorIndentGuide.background1#3B4352
- editorIndentGuide.background2#3B4352
- editorIndentGuide.background3#3B4352
- editorIndentGuide.background4#3B4352
- editorIndentGuide.background5#3B4352
- editorIndentGuide.background6#3B4352
- editorLineNumber.foreground#A7C1AA
- editorLink.activeForeground#82FBC6
- editorMarkerNavigation.background#373D49
- editorOverviewRuler.addedForeground#66e5ff80
- editorOverviewRuler.border#22262D
- editorOverviewRuler.currentContentForeground#66e5ff
- editorOverviewRuler.deletedForeground#EE798780
- editorOverviewRuler.errorForeground#EE798780
- editorOverviewRuler.incomingContentForeground#B7FDE2
- editorOverviewRuler.infoForeground#82FBC680
- editorOverviewRuler.modifiedForeground#82FBC680
- editorOverviewRuler.selectionHighlightForeground#D2FDEE
- editorOverviewRuler.warningForeground#D2FDEE80
- editorOverviewRuler.wordHighlightForeground#82FBC6
- editorOverviewRuler.wordHighlightStrongForeground#66e5ff
- editorRuler.foreground#FFFFFF1A
- editorSuggestWidget.background#373D49
- editorSuggestWidget.foreground#E0E0E0
- editorSuggestWidget.selectedBackground#373D49
- editorWarning.foreground#FADF79
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#373D49
- errorForeground#EE7987
- extensionButton.prominentBackground#66e5ff90
- extensionButton.prominentForeground#E0E0E0
- extensionButton.prominentHoverBackground#66e5ff60
- focusBorder#22262D
- foreground#E0E0E0
- gitDecoration.conflictingResourceForeground#D2FDEE
- gitDecoration.deletedResourceForeground#EE7987
- gitDecoration.ignoredResourceForeground#76787D
- gitDecoration.modifiedResourceForeground#FCEEAA
- gitDecoration.untrackedResourceForeground#82FBC6
- input.background#1d2229
- input.border#22262D
- input.foreground#E0E0E0
- input.placeholderForeground#76787D
- inputOption.activeBorder#6993C2
- inputValidation.errorBorder#EE7987
- inputValidation.infoBorder#EE7987
- inputValidation.warningBorder#D2FDEE
- list.activeSelectionBackground#3C4D63
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#373D49
- list.errorForeground#EE7987
- list.focusBackground#373D4975
- list.highlightForeground#82FBC6
- list.hoverBackground#262B33
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#373D49
- list.warningForeground#D2FDEE
- listFilterWidget.background#343746
- listFilterWidget.noMatchesOutline#EE7987
- listFilterWidget.outline#424450
- merge.currentHeaderBackground#66e5ff90
- merge.incomingHeaderBackground#B7FDE290
- panel.background#1d2229
- panel.border#262B33
- panelTitle.activeBorder#6993C2
- panelTitle.activeForeground#E0E0E0
- panelTitle.inactiveForeground#76787D
- peekView.border#373D49
- peekViewEditor.background#1d2229
- peekViewEditor.matchHighlightBackground#F9ECA880
- peekViewResult.background#373D49
- peekViewResult.fileForeground#E0E0E0
- peekViewResult.lineForeground#E0E0E0
- peekViewResult.matchHighlightBackground#F9ECA880
- peekViewResult.selectionBackground#373D49
- peekViewResult.selectionForeground#E0E0E0
- peekViewTitle.background#22262D
- peekViewTitleDescription.foreground#76787D
- peekViewTitleLabel.foreground#E0E0E0
- pickerGroup.border#6993C2
- pickerGroup.foreground#6993C2
- progressBar.background#EE7987
- selection.background#5B728B
- settings.checkboxBackground#373D49
- settings.checkboxBorder#22262D
- settings.checkboxForeground#E0E0E0
- settings.dropdownBackground#373D49
- settings.dropdownBorder#22262D
- settings.dropdownForeground#E0E0E0
- settings.headerForeground#E0E0E0
- settings.modifiedItemIndicator#D2FDEE
- settings.numberInputBackground#373D49
- settings.numberInputBorder#22262D
- settings.numberInputForeground#E0E0E0
- settings.textInputBackground#373D49
- settings.textInputBorder#22262D
- settings.textInputForeground#E0E0E0
- sideBar.background#22262D
- sideBar.foreground#CDCFD2
- sideBarSectionHeader.background#262B33
- sideBarSectionHeader.border#22262D
- sideBarTitle.foreground#E0E0E0
- statusBar.background#373D49
- statusBar.debuggingBackground#6993C2
- statusBar.debuggingForeground#E0E0E0
- statusBar.foreground#E0E0E0
- statusBar.noFolderBackground#22262D
- statusBar.noFolderForeground#E0E0E0
- statusBarItem.prominentBackground#373D49
- statusBarItem.prominentHoverBackground#6993C2
- statusBarItem.remoteBackground#B7FDE2
- statusBarItem.remoteForeground#1d2229
- tab.activeBackground#373D49
- tab.activeBorderTop#6993C2
- tab.activeForeground#E0E0E0
- tab.border#262B33
- tab.inactiveBackground#262B33
- tab.inactiveForeground#76787D
- terminal.ansiBlack#373D49
- terminal.ansiBlue#B7FDE2
- terminal.ansiBrightBlack#76787D
- terminal.ansiBrightBlue#B1C8FA
- terminal.ansiBrightCyan#66e5ff
- terminal.ansiBrightGreen#82FBC6
- terminal.ansiBrightMagenta#EE7987
- terminal.ansiBrightRed#EE7987
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F9ECA8
- terminal.ansiCyan#82FBC6
- terminal.ansiGreen#66e5ff
- terminal.ansiMagenta#EE7987
- terminal.ansiRed#EE7987
- terminal.ansiWhite#E0E0E0
- terminal.ansiYellow#F9ECA8
- terminal.background#1d2229
- terminal.foreground#E0E0E0
- titleBar.activeBackground#1d2229
- titleBar.activeForeground#E0E0E0
- titleBar.inactiveBackground#22262D
- titleBar.inactiveForeground#76787D
- walkThrough.embeddedEditorBackground#373D49
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type.gdshader, keyword.language.classifier.gdshader, storage.modifier.gdshader, support.type.gdshader, support.type.annotation.gdshader, entity.name.function.gdshader | #f58c8c | — |
| keyword.control.gdshader | #e684bd | — |
| constant.numeric.float.gdshader | #7ADDBE | — |
| variable.language.gdshader | #afecd9 | — |
| support.function.gdshader | #79c5f7 | — |
| variable.name.gdshader | #b9b9b9 | — |
| keyword.operator.gdshader | #b4c2f0 | — |
| variable.other.property.gdshader, entity.name.variable.field.gdshader | #b4c2f0 | — |
| comment.line.double-slash | #5a6359 | — |
| support.type.property-name.json | #c9bca6 | — |
| meta.structure.dictionary.value.json | #acc9a6 | — |
| meta.structure.dictionary.json.comments | #acc9a6 | — |
| comment.line.double-number-sign.gdscript | #89a598 | — |
| comment.keywords.warnings | #b89c7a | — |
| comment.keywords.critical | #c45959 | — |
| comment.keywords.notices | #8fab82 | — |
| meta.preprocessor.region.gdscript, punctuation.definition.region.gdscript, keyword.control.directive.region.gdscript, region.line.gdscript | #ad75c4 | — |
| comment.line.number-sign.gdscript | #6f6f6f | — |
| string.quoted.gdscript | #e1e6a5 | — |
| constant.numeric.integer.hexadecimal.gdscript | #7ADDBE | — |
| keyword.operator.bitwise.gdscript, keyword.operator.arithmetic.gdscript, punctuation.parenthesis.begin.gdscript, punctuation.parenthesis.end.gdscript | #AF9DDB | — |
| meta.method-global.gdscript | #e9d18e | — |
| def.entity.name.type.class.gdscript | #AAE2CF | — |
| meta.literal.nodepath.bare.gdscript | #69c066 | — |
| meta.function-global.gdscript, keyword.control.flow.gdscript | #af9ddb | — |
| keyword.control.flow.gdscript | #e684bd | — |
| entity.name.type.class.builtin.gdscript | #AAE2CF | — |
| storage.type.function.gdscript | #ff8f8f | — |
| entity.name.function-call.gdscript | #49adf0 | — |
| entity.name.function.gdscript | #79c5f7 | — |
| meta.function.parameters.gdscript, variable.other.gdscript | #cdcfd2 | — |
| meta.function.gdscript | #41f9be | — |
| entity.name.type.class.gdscript | #8FFFDB | — |
| variable.other.property.gdscript | #94ddff | — |
| storage.type.var.gdscript | #ff8f8f | — |
| entity.name.function.decorator.gdscript | #ffc17a | — |
| variable.language.gdscript | #ff8f8f | — |
| keyword.operator.comparison.gdscript, keyword.operator.boolean.gdscript, storage.type.is.gdscript | #fff2ab | — |
| meta.function.gdscript, constant.numeric.integer.gdscript, constant.numeric.float.gdscript, meta.void.gdscript | #7addbe | — |
| keyword.language.gdscript, keyword.control.gdscript, keyword.operator.wordlike.gdscript | #ff8f8f | — |
| constant.language.words.gdscript | #ff8f8f | — |
| variable.language.self.gdscript | #f66d82 | italic |