42KM theme for Visual Studio Code
A Marathon (video game) inspired dark color theme for Visual Studio Code.
Installation
- 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
- Select: File > Preferences > Themes > Color Theme > 42KM
Colors
UI
| Color |
Hex |
Usage |
 Lime Green |
#c2fe0b |
Primary accent — cursor, links, active line number, focus border, git modified |
 Blue-Purple |
#4034c0 |
Active tabs, breadcrumb background, editor selection |
 Purple |
#7c48e2 |
Activity bar active, toolbar hover |
 Bright Green |
#00f080 |
Find matches, git added, scrollbar active/hover, sash hover |
 Hot Pink |
#ff69b4 |
Bracket match, match highlight borders, peek view border, debugging status bar |
 Steel Blue |
#4893c2 |
Title bar, info, git untracked |
 Orange |
#ff5c00 |
Warnings, breakpoints |
 Red |
#c4071c |
Errors, git deleted |
 Near White |
#f1f1f1 |
Foreground text |
 Silver |
#c0c8cf |
Status bar, breadcrumb foreground, inactive tab foreground |
 Sage |
#93ada0 |
Activity bar, scrollbar background, sidebar header text |
 Slate |
#687880 |
Borders, git ignored |
 Dark Gray |
#545860 |
Inactive elements, gutter, tab headers, ruler, inactive tabs, status bar foreground |
 Charcoal Gray |
#404346 |
Hover backgrounds, panel |
 Dark Teal |
#353a3c |
Editor background, sidebar |
 Near Black |
#282a2c |
Inputs, lists, menus, line highlight, drop backgrounds, line numbers |
Syntax
This color theme uses Solarized Dark tokenColors.
| Color |
Hex |
Usage |
 Green |
#859900 |
Keywords, variable start, library class/type, diff inserted |
 Cyan |
#2AA198 |
Strings, markup inline |
 Blue |
#268BD2 |
Variables, functions, tags, headings, diff header |
 Violet |
#6C71C4 |
Inherited class |
 Magenta |
#D33682 |
Numbers, markup styling |
 Orange |
#CB4B16 |
Class names, constants, exceptions, diff changed |
 Yellow |
#B58900 |
Built-in constants, markup lists |
 Red |
#DC322F |
Errors, regexp, invalid, diff deleted |
 Light Gray |
#93A1A1 |
Storage, tag attributes |
 Base0 |
#839496 |
Default foreground |
 Dark Gray |
#586E75 |
Comments, tag delimiters |
Color swatches are generated by color-swatches-action.
Developing
Testing
- 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 --tags
npx vsce login Andornaut
npx vsce publish
Guides
| |
