42KM theme for Visual Studio Code

March 27, 2026 · View on GitHub

A Marathon (video game) inspired dark color theme for Visual Studio Code.

Installation

  1. Install from the Extension Marketplace
    • Alternatively, press CTRL+p to open the "Quick Open" menu, and run the following command: ext install Andornaut.42km-theme
  2. Select: File > Preferences > Themes > Color Theme > 42KM

screenshot

Colors

UI

ColorHexUsage
#c2fe0b Lime Green#c2fe0bPrimary accent — cursor, links, active line number, focus border, git modified
#4034c0 Blue-Purple#4034c0Active tabs, breadcrumb background, editor selection
#7c48e2 Purple#7c48e2Activity bar active, toolbar hover
#00f080 Bright Green#00f080Find matches, git added, scrollbar active/hover, sash hover
#ff69b4 Hot Pink#ff69b4Bracket match, match highlight borders, peek view border, debugging status bar
#4893c2 Steel Blue#4893c2Title bar, info foreground, git untracked
#ff5c00 Orange#ff5c00Warnings, breakpoints
#c4071c Red#c4071cErrors, git deleted
#f1f1f1 Near White#f1f1f1Foreground text
#c0c8cf Silver#c0c8cfStatus bar, breadcrumb foreground, inactive tab foreground
#93ada0 Sage#93ada0Activity bar, scrollbar background, sidebar header text
#687880 Slate#687880Borders, git ignored
#545860 Dark Gray#545860Inactive elements, gutter, tab headers, ruler, inactive tabs, status bar foreground
#404346 Charcoal Gray#404346Hover backgrounds, panel
#353a3c Dark Teal#353a3cEditor background, sidebar
#282a2c Near Black#282a2cInputs, lists, menus, line highlight, drop backgrounds, line numbers

Syntax

This color theme uses Solarized Dark tokenColors.

ColorHexUsage
#859900 Green#859900Keywords, variable start, library class/type, diff inserted
#2AA198 Cyan#2AA198Strings, markup inline
#268BD2 Blue#268BD2Variables, functions, tags, headings, diff header
#6C71C4 Violet#6C71C4Inherited class
#D33682 Magenta#D33682Numbers, markup styling
#CB4B16 Orange#CB4B16Class names, constants, exceptions, diff changed
#B58900 Yellow#B58900Built-in constants, markup lists
#DC322F Red#DC322FErrors, regexp, invalid, diff deleted
#93A1A1 Light Gray#93A1A1Storage, tag attributes
#839496 Base0#839496Default foreground
#586E75 Dark Gray#586E75Comments, tag delimiters

Color swatches are generated by color-swatches-action.

Developing

Testing

  1. Press F5 to launch an Extension Development Host window.

Publishing

A Release workflow runs on every push to main and on version tags (v*). It packages the extension into a .vsix file and publishes it as a GitHub release.

To publish to the VS Code Marketplace:

npm version patch  # or minor, major
git push && git push origin <tag>  # e.g. git push origin v0.2.1
npx vsce publish

Guides