Skip to main content
Coding Theme

Marathon

Publisher: penumbreThemes in package: 1

A dark theme inspired by Bungie's Marathon reboot — neon green holograms, cyberpunk runners, and the gritty sci-fi aesthetic of the Tau Ceti colony. Includes file icons and font recommendations.

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#0D1117
  • activityBar.activeBorder#00FF9C
  • activityBar.activeFocusBorder#00FF9C
  • activityBar.background#0A0E14
  • activityBar.border#1F2838
  • activityBar.foreground#D4DFF0
  • activityBar.inactiveForeground#3B4261
  • activityBarBadge.background#00FF9C
  • activityBarBadge.foreground#0A0E14
  • badge.background#00FF9C
  • badge.foreground#0A0E14
  • breadcrumb.activeSelectionForeground#D4DFF0
  • breadcrumb.focusForeground#00FF9C
  • breadcrumb.foreground#8B9BB5
  • button.background#00FF9C
  • button.border#00FF9C
  • button.foreground#0A0E14
  • button.hoverBackground#00CC77
  • button.secondaryBackground#1F2838
  • button.secondaryForeground#D4DFF0
  • button.secondaryHoverBackground#3B4261
  • charts.blue#4488FF
  • charts.foreground#D4DFF0
  • charts.green#00FF9C
  • charts.lines#00FF9C
  • charts.orange#FF7A00
  • charts.purple#FF66B2
  • charts.red#FF3355
  • charts.yellow#FFCC00
  • checkbox.background#0D1117
  • checkbox.border#1F2838
  • checkbox.foreground#D4DFF0
  • commandCenter.activeBackground#111820
  • commandCenter.activeForeground#00FF9C
  • commandCenter.background#0D1117
  • commandCenter.border#1F2838
  • commandCenter.foreground#D4DFF0
  • commentsView.resolvedIcon#00FF9C
  • commentsView.unresolvedIcon#D4DFF0
  • debugExceptionWidget.background#FF335520
  • debugExceptionWidget.border#FF3355
  • debugIcon.continueForeground#00FF9C
  • debugIcon.disconnectForeground#FF3355
  • debugIcon.pauseForeground#FFCC00
  • debugIcon.restartForeground#00FF9C
  • debugIcon.startForeground#00FF9C
  • debugIcon.stepIntoForeground#4488FF
  • debugIcon.stepOutForeground#4488FF
  • debugIcon.stepOverForeground#4488FF
  • debugIcon.stopForeground#FF3355
  • debugToolBar.background#0A0E14
  • debugToolBar.border#1F2838
  • descriptionForeground#8B9BB5
  • diffEditor.border#1F2838
  • diffEditor.diagonalFill#1F2838
  • diffEditor.insertedTextBackground#00FF9C15
  • diffEditor.insertedTextBorder#00FF9C60
  • diffEditor.removedTextBackground#FF335515
  • diffEditor.removedTextBorder#FF335560
  • disabledForeground#5A647880
  • dropdown.background#111820
  • dropdown.border#1F2838
  • dropdown.foreground#D4DFF0
  • dropdown.listBackground#0D1117
  • editor.background#0D1117
  • editor.findMatchBackground#FF7A0040
  • editor.findMatchHighlightBackground#FF7A0020
  • editor.findRangeHighlightBackground#3B426180
  • editor.foreground#D4DFF0
  • editor.hoverHighlightBackground#3B426140
  • editor.inactiveSelectionBackground#3B426160
  • editor.lineHighlightBackground#111820
  • editor.lineHighlightBorder#1F2838
  • editor.rangeHighlightBackground#00FF9C10
  • editor.selectionBackground#00FF9C30
  • editor.selectionHighlightBackground#FF7A0030
  • editor.wordHighlightBackground#4488FF30
  • editor.wordHighlightStrongBackground#FFCC0030
  • editorBracketHighlight.foreground1#00FF9C
  • editorBracketHighlight.foreground2#FF7A00
  • editorBracketHighlight.foreground3#4488FF
  • editorBracketHighlight.foreground4#FFCC00
  • editorBracketHighlight.foreground5#FF66B2
  • editorBracketHighlight.foreground6#00D4FF
  • editorBracketMatch.background#00FF9C20
  • editorBracketMatch.border#00FF9C
  • editorBracketPairGuide.background1#00FF9C30
  • editorBracketPairGuide.background2#FF7A0030
  • editorBracketPairGuide.background3#4488FF30
  • editorCodeLens.foreground#5A6478
  • editorCursor.background#0D1117
  • editorCursor.foreground#00FF9C
  • editorError.border#FF335580
  • editorError.foreground#FF3355
  • editorGroup.background#0A0E14
  • editorGroup.border#1F2838
  • editorGroup.emptyBackground#0A0E14
  • editorGroup.focusedEmptyBorder#00FF9C
  • editorGroupHeader.noTabsBackground#0A0E14
  • editorGroupHeader.tabsBackground#0A0E14
  • editorGroupHeader.tabsBorder#1F2838
  • editorGutter.addedBackground#00FF9C
  • editorGutter.background#0D1117
  • editorGutter.deletedBackground#FF3355
  • editorGutter.foldingControlForeground#5A6478
  • editorGutter.modifiedBackground#FFCC00
  • editorHint.border#00FF9C80
  • editorHint.foreground#00FF9C
  • editorIndentGuide.activeBackground#3B4261
  • editorIndentGuide.background#1F2838
  • editorInfo.border#00D4FF80
  • editorInfo.foreground#00D4FF
  • editorLineNumber.activeForeground#00FF9C
  • editorLineNumber.foreground#3B4261
  • editorLink.activeForeground#00D4FF
  • editorOverviewRuler.addedForeground#00FF9C80
  • editorOverviewRuler.background#0A0E14
  • editorOverviewRuler.border#0A0E14
  • editorOverviewRuler.bracketMatchForeground#00FF9C
  • editorOverviewRuler.commonContentForeground#5A6478
  • editorOverviewRuler.currentContentForeground#4488FF
  • editorOverviewRuler.deletedForeground#FF335580
  • editorOverviewRuler.errorForeground#FF3355
  • editorOverviewRuler.findMatchForeground#FF7A0040
  • editorOverviewRuler.incomingContentForeground#00FF9C
  • editorOverviewRuler.infoForeground#00D4FF
  • editorOverviewRuler.modifiedForeground#FFCC0080
  • editorOverviewRuler.warningForeground#FF7A00
  • editorOverviewRuler.wordHighlightForeground#4488FF40
  • editorOverviewRuler.wordHighlightStrongForeground#FFCC0040
  • editorRuler.foreground#1F2838
  • editorSuggestWidget.background#111820
  • editorSuggestWidget.border#1F2838
  • editorSuggestWidget.focusHighlightForeground#00FF9C
  • editorSuggestWidget.foreground#D4DFF0
  • editorSuggestWidget.highlightForeground#00FF9C
  • editorSuggestWidget.selectedBackground#1C2333
  • editorWarning.border#FF7A0080
  • editorWarning.foreground#FF7A00
  • editorWhitespace.foreground#1F2838
  • editorWidget.background#111820
  • editorWidget.border#1F2838
  • editorWidget.foreground#D4DFF0
  • editorWidget.resizeBorder#00FF9C
  • errorForeground#FF3355
  • errorLens.errorBackground#FF335520
  • errorLens.errorForeground#FF5A7A
  • extensionBadge.remoteBackground#4488FF
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.prominentBackground#00FF9C
  • extensionButton.prominentForeground#0A0E14
  • extensionButton.prominentHoverBackground#00CC77
  • extensionsIcon.starForeground#FFCC00
  • focusBorder#00FF9C
  • foreground#D4DFF0
  • gitDecoration.addedResourceForeground#00FF9C
  • gitDecoration.conflictingResourceForeground#FF7A00
  • gitDecoration.deletedResourceForeground#FF3355
  • gitDecoration.ignoredResourceForeground#3B4261
  • gitDecoration.modifiedResourceForeground#FFCC00
  • gitDecoration.renamedResourceForeground#00D4FF
  • gitDecoration.stageDeletedResourceForeground#FF3355
  • gitDecoration.stageModifiedResourceForeground#FFCC00
  • gitDecoration.submoduleResourceForeground#4488FF
  • gitDecoration.untrackedResourceForeground#8B9BB5
  • imagePreview.border#1F2838
  • infoForeground#00D4FF
  • inlineChat.background#111820
  • inlineChat.border#00FF9C
  • inlineChat.foreground#D4DFF0
  • inlineChat.inputBackground#0D1117
  • inlineChat.inputBorder#1F2838
  • inlineChat.inputFocusBorder#00FF9C
  • input.background#0D1117
  • input.border#1F2838
  • input.foreground#D4DFF0
  • input.placeholderForeground#5A6478
  • inputOption.activeBackground#00FF9C20
  • inputOption.activeBorder#00FF9C
  • inputOption.activeForeground#00FF9C
  • inputValidation.errorBackground#FF335520
  • inputValidation.errorBorder#FF3355
  • inputValidation.infoBackground#00D4FF20
  • inputValidation.infoBorder#00D4FF
  • inputValidation.warningBackground#FF7A0020
  • inputValidation.warningBorder#FF7A00
  • keybindLabel.background#111820
  • keybindLabel.border#1F2838
  • keybindLabel.foreground#D4DFF0
  • list.activeSelectionBackground#1C2333
  • list.activeSelectionForeground#00FF9C
  • list.deemphasizedForeground#5A6478
  • list.dropBackground#00FF9C20
  • list.errorForeground#FF3355
  • list.focusBackground#1C2333
  • list.focusForeground#00FF9C
  • list.focusOutline#00FF9C
  • list.highlightForeground#00FF9C
  • list.hoverBackground#111820
  • list.hoverForeground#D4DFF0
  • list.inactiveSelectionBackground#1C2333
  • list.inactiveSelectionForeground#D4DFF0
  • list.warningForeground#FF7A00
  • listFilterWidget.background#111820
  • listFilterWidget.noMatchesOutline#FF3355
  • listFilterWidget.outline#00FF9C
  • merge.commonContentBackground#5A647815
  • merge.commonHeaderBackground#5A647830
  • merge.currentContentBackground#4488FF15
  • merge.currentHeaderBackground#4488FF30
  • merge.incomingContentBackground#00FF9C15
  • merge.incomingHeaderBackground#00FF9C30
  • minimap.background#0A0E14
  • minimap.errorHighlight#FF3355
  • minimap.findMatchHighlight#FF7A0040
  • minimap.selectionHighlight#00FF9C30
  • minimap.warningHighlight#FF7A00
  • minimapGutter.addedBackground#00FF9C
  • minimapGutter.deletedBackground#FF3355
  • minimapGutter.modifiedBackground#FFCC00
  • notebook.cellBorderColor#1F2838
  • notebook.cellHoverBackground#111820
  • notebook.cellInsertionIndicator#00FF9C
  • notebook.cellStatusBarItemHoverBackground#00FF9C10
  • notebook.cellToolbarSeparator#1F2838
  • notebook.focusedCellBackground#111820
  • notebook.focusedEditorBorder#00FF9C
  • notebook.focusedRowBorder#00FF9C
  • notebook.outputContainerBackgroundColor#0A0E14
  • notebook.outputContainerBorderColor#1F2838
  • notebook.rowHoverBackground#111820
  • notebook.selectedCellBackground#1C2333
  • notebook.selectedCellBorder#1F2838
  • notebookEditor.background#0D1117
  • notebookScrollbarSlider.activeBackground#00FF9C60
  • notebookScrollbarSlider.background#3B426180
  • notebookScrollbarSlider.hoverBackground#3B4261
  • notebookStatusErrorIcon.foreground#FF3355
  • notebookStatusRunningIcon.foreground#00FF9C
  • notebookStatusSuccessIcon.foreground#00FF9C
  • notificationCenter.border#1F2838
  • notificationCenterHeader.background#0A0E14
  • notificationCenterHeader.foreground#D4DFF0
  • notificationErrorIcon.foreground#FF3355
  • notificationInfoIcon.foreground#00D4FF
  • notificationLink.foreground#00D4FF
  • notifications.background#111820
  • notifications.border#1F2838
  • notifications.foreground#D4DFF0
  • notificationToast.border#1F2838
  • notificationWarningIcon.foreground#FF7A00
  • panel.background#161B22
  • panel.border#1F2838
  • panel.foreground#D4DFF0
  • panelInput.border#1F2838
  • panelSection.border#1F2838
  • panelSection.dropBackground#00FF9C20
  • panelSectionHeader.background#0A0E14
  • panelSectionHeader.foreground#D4DFF0
  • panelTitle.activeBorder#00FF9C
  • panelTitle.activeForeground#00FF9C
  • panelTitle.inactiveForeground#5A6478
  • peekView.border#00FF9C
  • peekViewEditor.background#0D1117
  • peekViewEditor.matchHighlightBackground#FF7A0030
  • peekViewEditorGutter.background#0D1117
  • peekViewResult.background#111820
  • peekViewResult.fileForeground#D4DFF0
  • peekViewResult.lineForeground#8B9BB5
  • peekViewResult.matchHighlightBackground#00FF9C20
  • peekViewResult.selectionBackground#1C2333
  • peekViewResult.selectionForeground#00FF9C
  • peekViewTitle.background#0A0E14
  • peekViewTitle.foreground#D4DFF0
  • peekViewTitleDescription.foreground#8B9BB5
  • peekViewTitleLabel.foreground#00FF9C
  • ports.iconRunningProcessForeground#00FF9C
  • progressBar.background#00FF9C
  • quickInput.background#111820
  • quickInput.foreground#D4DFF0
  • quickInput.list.focusBackground#1C2333
  • quickInput.list.focusForeground#00FF9C
  • sash.hoverBorder#00FF9C
  • scrollbar.shadow#00000040
  • scrollbarSlider.activeBackground#00FF9C60
  • scrollbarSlider.background#3B426180
  • scrollbarSlider.hoverBackground#3B4261
  • selection.background#00FF9C30
  • settings.checkboxBackground#0D1117
  • settings.checkboxBorder#1F2838
  • settings.checkboxForeground#D4DFF0
  • settings.dropdownBackground#0D1117
  • settings.dropdownBorder#1F2838
  • settings.dropdownForeground#D4DFF0
  • settings.headerForeground#D4DFF0
  • settings.modifiedItemIndicator#FFCC00
  • settings.numberInputBackground#0D1117
  • settings.numberInputBorder#1F2838
  • settings.numberInputForeground#D4DFF0
  • settings.rowHoverBackground#111820
  • settings.textInputBackground#0D1117
  • settings.textInputBorder#1F2838
  • settings.textInputForeground#D4DFF0
  • sideBar.background#111820
  • sideBar.border#1F2838
  • sideBar.dropBackground#00FF9C20
  • sideBar.foreground#D4DFF0
  • sideBarSectionHeader.background#0A0E14
  • sideBarSectionHeader.border#1F2838
  • sideBarSectionHeader.foreground#D4DFF0
  • sideBarStripeView.background#00FF9C
  • sideBarTitle.foreground#8B9BB5
  • simpleFindWidget.sashBorder#00FF9C
  • snippetFinalTabstop.highlightBackground#FF7A0020
  • snippetFinalTabstop.highlightBorder#FF7A00
  • snippetTabstop.highlightBackground#00FF9C20
  • statusBar.background#0A0E14
  • statusBar.border#1F2838
  • statusBar.debuggingBackground#FF3355
  • statusBar.debuggingBorder#FF3355
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#00FF9C
  • statusBar.foreground#8B9BB5
  • statusBar.noFolderBackground#0A0E14
  • statusBar.noFolderForeground#8B9BB5
  • statusBarItem.activeBackground#00FF9C20
  • statusBarItem.errorBackground#FF3355
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.hoverBackground#00FF9C10
  • statusBarItem.prominentBackground#00FF9C20
  • statusBarItem.prominentHoverBackground#00FF9C30
  • statusBarItem.remoteBackground#4488FF
  • statusBarItem.remoteForeground#FFFFFF
  • statusBarItem.warningBackground#FF7A00
  • statusBarItem.warningForeground#000000
  • tab.activeBackground#0D1117
  • tab.activeBorderTop#00FF9C
  • tab.activeForeground#00FF9C
  • tab.activeModifiedBorder#FFCC00
  • tab.border#1F2838
  • tab.hoverBackground#111820
  • tab.hoverBorder#1F2838
  • tab.hoverForeground#D4DFF0
  • tab.inactiveBackground#0A0E14
  • tab.inactiveForeground#5A6478
  • tab.inactiveModifiedBorder#FFCC0080
  • tab.unfocusedActiveBackground#111820
  • tab.unfocusedActiveBorderTop#3B4261
  • tab.unfocusedActiveForeground#8B9BB5
  • tab.unfocusedInactiveBackground#0A0E14
  • tab.unfocusedInactiveForeground#3B4261
  • terminal.ansiBlack#0A0E14
  • terminal.ansiBlue#4488FF
  • terminal.ansiBrightBlack#3B4261
  • terminal.ansiBrightBlue#66AAFF
  • terminal.ansiBrightCyan#44E0FF
  • terminal.ansiBrightGreen#00FF9C
  • terminal.ansiBrightMagenta#FF88CC
  • terminal.ansiBrightRed#FF5A7A
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFDD33
  • terminal.ansiCyan#00D4FF
  • terminal.ansiGreen#00FF9C
  • terminal.ansiMagenta#FF66B2
  • terminal.ansiRed#FF3355
  • terminal.ansiWhite#D4DFF0
  • terminal.ansiYellow#FFCC00
  • terminal.background#0D1117
  • terminal.border#1F2838
  • terminal.foreground#D4DFF0
  • terminal.selectionBackground#00FF9C30
  • terminalCursor.background#0D1117
  • terminalCursor.foreground#00FF9C
  • testing.iconErrored#FF7A00
  • testing.iconFailed#FF3355
  • testing.iconPassed#00FF9C
  • testing.iconQueued#8B9BB5
  • testing.iconSkipped#FFCC00
  • testing.message.error.decorationForeground#FF3355
  • testing.message.error.lineBackground#FF335520
  • testing.message.info.decorationForeground#00D4FF
  • testing.message.info.lineBackground#00D4FF20
  • testing.messagePeekBorder#FF7A00
  • testing.messagePeekHeaderBackground#FF7A0020
  • testing.runAction#00FF9C
  • titleBar.activeBackground#0A0E14
  • titleBar.activeForeground#D4DFF0
  • titleBar.border#1F2838
  • titleBar.inactiveBackground#0A0E14
  • titleBar.inactiveForeground#5A6478
  • toolbar.activeBackground#00FF9C20
  • toolbar.hoverBackground#00FF9C10
  • tree.indentGuidesStroke#1F2838
  • tree.tableColumnsBorder#1F2838
  • tree.tableOddRowsBackground#0D1117
  • walkThrough.embeddedEditorBackground#0A0E14
  • warningForeground#FF7A00
  • warningLens.warningBackground#FF7A0020
  • warningLens.warningForeground#FF9933
  • welcomePage.background#0A0E14
  • welcomePage.tileBackground#111820
  • welcomePage.tileBorder#1F2838
  • welcomePage.tileHoverBackground#1C2333
  • widget.border#1F2838
  • widget.shadow#00000080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5A6478italic
comment.block.documentation#5A6478italic
variable.other.readwrite#E0F0FF
variable.other.property#D4DFF0
variable.other.constant#FF66B2
variable.parameter#FF8A8A
variable.language#FF66B2
constant#FFCC00
constant.character#FFCC00
constant.language#FF66B2
constant.numeric#FFCC00
constant.other#FFCC00
entity.name.type#4488FF
entity.name.class#FFCC00
entity.name.struct#FFCC00
entity.name.enum#FFCC00
entity.name.interface#00D4FF
entity.name.function#00D4FF
entity.name.method#00D4FF
entity.name.tag#FF7A00
entity.name.section#00FF9C
entity.other.attribute-name#FF7A00
entity.other.inherited-class#FFCC00
keyword#FF7A00
keyword.control#FF7A00
keyword.operator#FF7A00
keyword.other#FF7A00
storage, storage.type#FF7A00
storage.modifier#FF7A00
string#00FF9C
string.quoted#00FF9C
string.regexp#FFCC00
string.template#00FF9C
string.interpolated#FFCC00
punctuation.definition.string#5A6478
support.type#00D4FF
support.class#FFCC00
support.function#00D4FF
support.variable#FF66B2
support.constant#FF66B2
meta.tag#FF7A00
entity.other.attribute-name.html#00D4FF
punctuation#8B9BB5
punctuation.separator#8B9BB5
punctuation.terminator#8B9BB5
meta.brace#8B9BB5
meta.brace.round#00FF9C
meta.brace.square#FF7A00
meta.brace.curly#4488FF
meta.delimiter#8B9BB5
meta.delimiter.comma#8B9BB5
meta.delimiter.semicolon#8B9BB5
meta.delimiter.period#8B9BB5
invalid#FF3355bold
invalid.deprecated#FF7A00bold
markup.heading#00FF9Cbold
markup.bold, markup.italic#D4DFF0
markup.list#FF7A00
markup.quote#5A6478italic
markup.raw#00FF9C
markup.link#00D4FF
markup.strikethrough#5A6478
markup.changed#FF7A00
markup.inserted#00FF9C
markup.deleted#FF3355
Marathon by penumbre - VS Code Theme