vscode-bauhaus-theme 1.0.1

package/.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Extension Development Host",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}", "${workspaceFolder}/samples"]
+    }
+  ]
+}

package/.vscodeignore

@@ -0,0 +1,11 @@
+.vscode
+reference
+samples
+scripts
+src
+colors.json
+palettes.json
+.editorconfig
+.npmignore
+icon.svg
+screenshot.*

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
+
+## [1.0.1](https://github.com/dmnsgn/vscode-bauhaus-theme/compare/v1.0.0...v1.0.1) (2026-09-25)
+
+# 1.0.0 (2026-09-25)

package/LICENSE.md

@@ -0,0 +1,19 @@
+Copyright (C) 2026 Damien Seguin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,239 @@
+<p align="center">
+<img src="https://raw.githubusercontent.com/dmnsgn/vscode-bauhaus-theme/main/icon.png" width="128" alt="">
+</p>
+
+<h1 align="center">Bauhaus Theme</h1>
+
+<p align="center">Primary colors on warm black and paper, for VS Code. Dark and light themes where every syntax color passes WCAG AA.</p>
+
+![Bauhaus Dark and Bauhaus Light on TypeScript, Python, CSS and Markdown](https://raw.githubusercontent.com/dmnsgn/vscode-bauhaus-theme/main/screenshot.gif)
+
+[![paypal](https://img.shields.io/badge/donate-paypal-informational?logo=paypal)](https://paypal.me/dmnsgn)
+[![coinbase](https://img.shields.io/badge/donate-coinbase-informational?logo=coinbase)](https://commerce.coinbase.com/checkout/56cbdf28-e323-48d8-9c98-7019e72c97f3)
+[![twitter](https://img.shields.io/twitter/follow/dmnsgn?style=social)](https://twitter.com/dmnsgn)
+[![bluesky](https://img.shields.io/badge/-blue?logo=bluesky&label=Follow%20%40dmnsgn.me&style=social)](https://bsky.app/profile/dmnsgn.me)
+
+## Features
+
+- **Bauhaus palette**: red, blue and yellow primaries on warm black or paper.
+- **Readable by design**: every syntax color is tuned in OKLCH to reach 4.5:1 against the editor (WCAG AA).
+- **Dark and Light**: same hues, same roles.
+- **Color blocks**: flat primary fills for the status bar, active items and badges, with three accent styles to dial them up or down.
+
+## Install
+
+Install from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=dmnsgn.vscode-bauhaus-theme), or run in Quick Open (<kbd>Cmd</kbd>/<kbd>Ctrl</kbd>+<kbd>P</kbd>):
+
+```
+ext install dmnsgn.vscode-bauhaus-theme
+```
+
+Then pick **Bauhaus Dark** or **Bauhaus Light** with `Preferences: Color Theme`.
+
+## Accent styles
+
+- **Tricolor** (default): red focus, badges and buttons, blue status bar and panel tab, yellow activity bar item, red when debugging.
+- **Blocks**: red status bar and active items, yellow when debugging, blue when no folder is open.
+- **Restrained**: neutral status bar, red active items, red when debugging.
+
+To switch, add the matching snippet to your `settings.json`.
+
+<details>
+<summary>Blocks and Restrained settings</summary>
+
+<!-- accents:start -->
+
+### Blocks
+
+```json
+{
+  "workbench.colorCustomizations": {
+    "[Bauhaus Dark]": {
+      "modernActivityBarItem.activeBackground": "#95171d",
+      "modernActivityBarItem.activeForeground": "#f2f2f2",
+      "modernTab.activeBackground": "#95171d",
+      "activityBar.activeBorder": "#95171d",
+      "activityBarTop.activeBorder": "#95171d",
+      "panelTitle.activeBorder": "#95171d",
+      "statusBar.background": "#95171d",
+      "statusBar.border": "#95171d",
+      "statusBar.debuggingBackground": "#cb9820",
+      "statusBar.debuggingForeground": "#2b2119",
+      "statusBar.debuggingBorder": "#cb9820",
+      "statusBar.noFolderBackground": "#30436a",
+      "statusBarItem.remoteBackground": "#30436a",
+      "statusBarItem.remoteForeground": "#f2f2f2",
+      "statusBarItem.remoteHoverBackground": "#45567a",
+      "terminal.tab.activeBorder": "#95171d"
+    },
+    "[Bauhaus Light]": {
+      "modernActivityBarItem.activeBackground": "#95171d",
+      "modernActivityBarItem.activeForeground": "#f2f2f2",
+      "modernTab.activeBackground": "#95171d",
+      "activityBar.activeBorder": "#95171d",
+      "activityBarTop.activeBorder": "#95171d",
+      "panelTitle.activeBorder": "#95171d",
+      "statusBar.background": "#95171d",
+      "statusBar.border": "#95171d",
+      "statusBar.debuggingBackground": "#cb9820",
+      "statusBar.debuggingForeground": "#2b2119",
+      "statusBar.debuggingBorder": "#cb9820",
+      "statusBar.noFolderBackground": "#30436a",
+      "statusBarItem.remoteBackground": "#30436a",
+      "statusBarItem.remoteForeground": "#f2f2f2",
+      "statusBarItem.remoteHoverBackground": "#303f60",
+      "terminal.tab.activeBorder": "#95171d"
+    }
+  }
+}
+```
+
+### Restrained
+
+```json
+{
+  "workbench.colorCustomizations": {
+    "[Bauhaus Dark]": {
+      "modernActivityBarItem.activeBackground": "#95171d",
+      "modernActivityBarItem.activeForeground": "#f2f2f2",
+      "modernTab.activeBackground": "#95171d",
+      "activityBar.activeBorder": "#95171d",
+      "activityBarTop.activeBorder": "#95171d",
+      "panelTitle.activeBorder": "#95171d",
+      "statusBar.background": "#2b2119",
+      "statusBar.foreground": "#9a9a9a",
+      "statusBar.border": "#574d43",
+      "statusBar.noFolderBackground": "#2b2119",
+      "statusBar.noFolderForeground": "#9a9a9a",
+      "statusBarItem.remoteBackground": "#95171d",
+      "statusBarItem.remoteForeground": "#f2f2f2",
+      "statusBarItem.remoteHoverBackground": "#a33936",
+      "statusBarItem.hoverBackground": "#9a9a9a1f",
+      "statusBarItem.activeBackground": "#9a9a9a33",
+      "statusBarItem.prominentBackground": "#9a9a9a26",
+      "terminal.tab.activeBorder": "#95171d"
+    },
+    "[Bauhaus Light]": {
+      "modernActivityBarItem.activeBackground": "#95171d",
+      "modernActivityBarItem.activeForeground": "#f2f2f2",
+      "modernTab.activeBackground": "#95171d",
+      "activityBar.activeBorder": "#95171d",
+      "activityBarTop.activeBorder": "#95171d",
+      "panelTitle.activeBorder": "#95171d",
+      "statusBar.background": "#e5dbd3",
+      "statusBar.foreground": "#616161",
+      "statusBar.border": "#c9bfb8",
+      "statusBar.noFolderBackground": "#e5dbd3",
+      "statusBar.noFolderForeground": "#616161",
+      "statusBarItem.remoteBackground": "#95171d",
+      "statusBarItem.remoteForeground": "#f2f2f2",
+      "statusBarItem.remoteHoverBackground": "#881c1d",
+      "statusBarItem.hoverBackground": "#6161611f",
+      "statusBarItem.activeBackground": "#61616133",
+      "statusBarItem.prominentBackground": "#61616126",
+      "terminal.tab.activeBorder": "#95171d"
+    }
+  }
+}
+```
+
+<!-- accents:end -->
+
+</details>
+
+## Palettes
+
+Contrast is WCAG 2.0 against the editor background.
+
+<details>
+<summary>Colors and contrast ratios</summary>
+
+<!-- palettes:start -->
+
+### Dark
+
+| Surface    | Color     |
+| ---------- | --------- |
+| editor     | `#3b3128` |
+| chrome     | `#2b2119` |
+| line       | `#574d43` |
+| fg.default | `#f2f2f2` |
+| fg.muted   | `#9a9a9a` |
+
+| Hue    | Ink       | Bright (terminal) |
+| ------ | --------- | ----------------- |
+| red    | `#ff6963` | `#ffaba3`         |
+| orange | `#ef7a04` | `#feaf7b`         |
+| yellow | `#c59208` | `#f6b606`         |
+| green  | `#8aa441` | `#afcc69`         |
+| cyan   | `#15acaa` | `#52d3d1`         |
+| blue   | `#769ae2` | `#a2c1fe`         |
+| violet | `#d873e1` | `#f8a2ff`         |
+
+| Syntax role | Color     | Contrast on editor | WCAG 2.0 |
+| ----------- | --------- | ------------------ | -------- |
+| text        | `#f2f2f2` | 11.33:1            | AAA      |
+| comment     | `#9a9a9a` | 4.51:1             | AA       |
+| keyword     | `#ff6963` | 4.5:1              | AA       |
+| operator    | `#15acaa` | 4.54:1             | AA       |
+| function    | `#769ae2` | 4.52:1             | AA       |
+| type        | `#c59208` | 4.52:1             | AA       |
+| string      | `#8aa441` | 4.51:1             | AA       |
+| constant    | `#ef7a04` | 4.5:1              | AA       |
+| variable    | `#d873e1` | 4.5:1              | AA       |
+| invalid     | `#ff6963` | 4.5:1              | AA       |
+
+| Fill             | Text      | Contrast | WCAG 2.0 |
+| ---------------- | --------- | -------- | -------- |
+| red `#95171d`    | `#f2f2f2` | 7.76:1   | AAA      |
+| blue `#30436a`   | `#f2f2f2` | 8.78:1   | AAA      |
+| green `#495821`  | `#f2f2f2` | 6.94:1   | AA       |
+| yellow `#cb9820` | `#2b2119` | 6.03:1   | AA       |
+
+### Light
+
+| Surface    | Color     |
+| ---------- | --------- |
+| editor     | `#f5ebe3` |
+| chrome     | `#e5dbd3` |
+| line       | `#c9bfb8` |
+| fg.default | `#2b2119` |
+| fg.muted   | `#616161` |
+
+| Hue    | Ink       | Bright (terminal) |
+| ------ | --------- | ----------------- |
+| red    | `#c5031e` | `#8f0113`         |
+| orange | `#9a4c00` | `#703500`         |
+| yellow | `#7e5c05` | `#5a4100`         |
+| green  | `#546903` | `#3b4b01`         |
+| cyan   | `#036d6c` | `#034d4c`         |
+| blue   | `#4060a3` | `#254283`         |
+| violet | `#9935a3` | `#790d83`         |
+
+| Syntax role | Color     | Contrast on editor | WCAG 2.0 |
+| ----------- | --------- | ------------------ | -------- |
+| text        | `#2b2119` | 13.4:1             | AAA      |
+| comment     | `#616161` | 5.27:1             | AA       |
+| keyword     | `#c5031e` | 5.25:1             | AA       |
+| operator    | `#036d6c` | 5.25:1             | AA       |
+| function    | `#4060a3` | 5.23:1             | AA       |
+| type        | `#7e5c05` | 5.23:1             | AA       |
+| string      | `#546903` | 5.26:1             | AA       |
+| constant    | `#9a4c00` | 5.25:1             | AA       |
+| variable    | `#9935a3` | 5.27:1             | AA       |
+| invalid     | `#c5031e` | 5.25:1             | AA       |
+
+| Fill             | Text      | Contrast | WCAG 2.0 |
+| ---------------- | --------- | -------- | -------- |
+| red `#95171d`    | `#f2f2f2` | 7.76:1   | AAA      |
+| blue `#30436a`   | `#f2f2f2` | 8.78:1   | AAA      |
+| green `#495821`  | `#f2f2f2` | 6.94:1   | AA       |
+| yellow `#cb9820` | `#2b2119` | 6.03:1   | AA       |
+
+<!-- palettes:end -->
+
+</details>
+
+## License
+
+MIT. See [license file](https://github.com/dmnsgn/vscode-bauhaus-theme/blob/main/LICENSE.md).

package/colors.json

@@ -0,0 +1,11 @@
+{
+  "white": "#f2f2f2",
+  "blue": "#30436a",
+  "red": "#95171d",
+  "green": "#495821",
+  "yellow": "#cb9820",
+  "black": "#2b2119",
+  "grey-22": "#222222",
+  "grey-40": "#404040",
+  "grey-6d": "#6d6d6d"
+}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "vscode-bauhaus-theme",
+  "displayName": "Bauhaus Theme",
+  "version": "1.0.1",
+  "description": "Bauhaus primary colors on warm black and paper. Dark and light themes, every syntax color WCAG AA.",
+  "categories": [
+    "Themes"
+  ],
+  "keywords": [
+    "theme",
+    "color-theme",
+    "bauhaus",
+    "dark",
+    "light",
+    "warm",
+    "minimal",
+    "accessibility",
+    "contrast",
+    "wcag"
+  ],
+  "homepage": "https://github.com/dmnsgn/vscode-bauhaus-theme",
+  "bugs": "https://github.com/dmnsgn/vscode-bauhaus-theme/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dmnsgn/vscode-bauhaus-theme.git"
+  },
+  "funding": [
+    {
+      "type": "individual",
+      "url": "https://paypal.me/dmnsgn"
+    },
+    {
+      "type": "individual",
+      "url": "https://commerce.coinbase.com/checkout/56cbdf28-e323-48d8-9c98-7019e72c97f3"
+    }
+  ],
+  "license": "MIT",
+  "author": "Damien Seguin (https://github.com/dmnsgn)",
+  "publisher": "dmnsgn",
+  "type": "module",
+  "scripts": {
+    "build": "node scripts/build.js",
+    "icon": "node scripts/icon.js",
+    "reference": "node scripts/reference.js",
+    "screenshot": "node scripts/screenshot.js"
+  },
+  "contributes": {
+    "themes": [
+      {
+        "label": "Bauhaus Dark",
+        "uiTheme": "vs-dark",
+        "path": "./themes/bauhaus-dark.json"
+      },
+      {
+        "label": "Bauhaus Light",
+        "uiTheme": "vs",
+        "path": "./themes/bauhaus-light.json"
+      }
+    ]
+  },
+  "devDependencies": {
+    "@resvg/resvg-js": "^2.6.2",
+    "pex-color": "^2.3.0"
+  },
+  "engines": {
+    "node": ">=22.0.0",
+    "npm": ">=10.5.1",
+    "snowdev": ">=3.0.0-alpha.3",
+    "vscode": "^1.90.0"
+  },
+  "icon": "icon.png",
+  "galleryBanner": {
+    "color": "#2b2119",
+    "theme": "dark"
+  },
+  "snowdev": {
+    "serve": false
+  }
+}

package/palettes.json

@@ -0,0 +1,272 @@
+[
+  {
+    "id": "dark",
+    "type": "dark",
+    "bg": {
+      "editor": "#3b3128",
+      "chrome": "#2b2119",
+      "line": "#574d43"
+    },
+    "fg": {
+      "default": "#f2f2f2",
+      "muted": "#9a9a9a"
+    },
+    "ink": {
+      "red": "#ff6963",
+      "orange": "#ef7a04",
+      "yellow": "#c59208",
+      "green": "#8aa441",
+      "cyan": "#15acaa",
+      "blue": "#769ae2",
+      "violet": "#d873e1"
+    },
+    "bright": {
+      "red": "#ffaba3",
+      "orange": "#feaf7b",
+      "yellow": "#f6b606",
+      "green": "#afcc69",
+      "cyan": "#52d3d1",
+      "blue": "#a2c1fe",
+      "violet": "#f8a2ff"
+    },
+    "fill": {
+      "red": "#95171d",
+      "blue": "#30436a",
+      "green": "#495821",
+      "yellow": "#cb9820"
+    },
+    "onFill": {
+      "red": "#f2f2f2",
+      "blue": "#f2f2f2",
+      "green": "#f2f2f2",
+      "yellow": "#2b2119"
+    },
+    "syntax": [
+      {
+        "role": "text",
+        "color": "#f2f2f2",
+        "ratio": 11.33,
+        "grade": "AAA"
+      },
+      {
+        "role": "comment",
+        "color": "#9a9a9a",
+        "ratio": 4.51,
+        "grade": "AA"
+      },
+      {
+        "role": "keyword",
+        "color": "#ff6963",
+        "ratio": 4.5,
+        "grade": "AA"
+      },
+      {
+        "role": "operator",
+        "color": "#15acaa",
+        "ratio": 4.54,
+        "grade": "AA"
+      },
+      {
+        "role": "function",
+        "color": "#769ae2",
+        "ratio": 4.52,
+        "grade": "AA"
+      },
+      {
+        "role": "type",
+        "color": "#c59208",
+        "ratio": 4.52,
+        "grade": "AA"
+      },
+      {
+        "role": "string",
+        "color": "#8aa441",
+        "ratio": 4.51,
+        "grade": "AA"
+      },
+      {
+        "role": "constant",
+        "color": "#ef7a04",
+        "ratio": 4.5,
+        "grade": "AA"
+      },
+      {
+        "role": "variable",
+        "color": "#d873e1",
+        "ratio": 4.5,
+        "grade": "AA"
+      },
+      {
+        "role": "invalid",
+        "color": "#ff6963",
+        "ratio": 4.5,
+        "grade": "AA"
+      }
+    ],
+    "fills": [
+      {
+        "hue": "red",
+        "color": "#95171d",
+        "text": "#f2f2f2",
+        "ratio": 7.76,
+        "grade": "AAA"
+      },
+      {
+        "hue": "blue",
+        "color": "#30436a",
+        "text": "#f2f2f2",
+        "ratio": 8.78,
+        "grade": "AAA"
+      },
+      {
+        "hue": "green",
+        "color": "#495821",
+        "text": "#f2f2f2",
+        "ratio": 6.94,
+        "grade": "AA"
+      },
+      {
+        "hue": "yellow",
+        "color": "#cb9820",
+        "text": "#2b2119",
+        "ratio": 6.03,
+        "grade": "AA"
+      }
+    ]
+  },
+  {
+    "id": "light",
+    "type": "light",
+    "bg": {
+      "editor": "#f5ebe3",
+      "chrome": "#e5dbd3",
+      "line": "#c9bfb8"
+    },
+    "fg": {
+      "default": "#2b2119",
+      "muted": "#616161"
+    },
+    "ink": {
+      "red": "#c5031e",
+      "orange": "#9a4c00",
+      "yellow": "#7e5c05",
+      "green": "#546903",
+      "cyan": "#036d6c",
+      "blue": "#4060a3",
+      "violet": "#9935a3"
+    },
+    "bright": {
+      "red": "#8f0113",
+      "orange": "#703500",
+      "yellow": "#5a4100",
+      "green": "#3b4b01",
+      "cyan": "#034d4c",
+      "blue": "#254283",
+      "violet": "#790d83"
+    },
+    "fill": {
+      "red": "#95171d",
+      "blue": "#30436a",
+      "green": "#495821",
+      "yellow": "#cb9820"
+    },
+    "onFill": {
+      "red": "#f2f2f2",
+      "blue": "#f2f2f2",
+      "green": "#f2f2f2",
+      "yellow": "#2b2119"
+    },
+    "syntax": [
+      {
+        "role": "text",
+        "color": "#2b2119",
+        "ratio": 13.4,
+        "grade": "AAA"
+      },
+      {
+        "role": "comment",
+        "color": "#616161",
+        "ratio": 5.27,
+        "grade": "AA"
+      },
+      {
+        "role": "keyword",
+        "color": "#c5031e",
+        "ratio": 5.25,
+        "grade": "AA"
+      },
+      {
+        "role": "operator",
+        "color": "#036d6c",
+        "ratio": 5.25,
+        "grade": "AA"
+      },
+      {
+        "role": "function",
+        "color": "#4060a3",
+        "ratio": 5.23,
+        "grade": "AA"
+      },
+      {
+        "role": "type",
+        "color": "#7e5c05",
+        "ratio": 5.23,
+        "grade": "AA"
+      },
+      {
+        "role": "string",
+        "color": "#546903",
+        "ratio": 5.26,
+        "grade": "AA"
+      },
+      {
+        "role": "constant",
+        "color": "#9a4c00",
+        "ratio": 5.25,
+        "grade": "AA"
+      },
+      {
+        "role": "variable",
+        "color": "#9935a3",
+        "ratio": 5.27,
+        "grade": "AA"
+      },
+      {
+        "role": "invalid",
+        "color": "#c5031e",
+        "ratio": 5.25,
+        "grade": "AA"
+      }
+    ],
+    "fills": [
+      {
+        "hue": "red",
+        "color": "#95171d",
+        "text": "#f2f2f2",
+        "ratio": 7.76,
+        "grade": "AAA"
+      },
+      {
+        "hue": "blue",
+        "color": "#30436a",
+        "text": "#f2f2f2",
+        "ratio": 8.78,
+        "grade": "AAA"
+      },
+      {
+        "hue": "green",
+        "color": "#495821",
+        "text": "#f2f2f2",
+        "ratio": 6.94,
+        "grade": "AA"
+      },
+      {
+        "hue": "yellow",
+        "color": "#cb9820",
+        "text": "#2b2119",
+        "ratio": 6.03,
+        "grade": "AA"
+      }
+    ]
+  }
+]