@pierre/theme 0.0.18 → 0.0.21

package/.github/workflows/publish.yml

@@ -1,11 +1,12 @@
-name: Publish to VS Marketplace
+name: Publish
 
 on:
   release:
     types: [published]
 
 jobs:
-  publish:
+  package:
+    name: Publish to VS Marketplace & Open VSX
     runs-on: ubuntu-latest
 
     steps:
@@ -24,17 +25,38 @@ jobs:
       - name: Build theme
         run: npm run build
 
-      - name: Package extension
-        run: npm run package
+      - name: Rename package for extension publishing
+        run: jq '.name = "pierre-theme"' package.json > tmp.json && mv tmp.json package.json
 
       - name: Publish to VS Marketplace
         env:
           VSCE_PAT: ${{ secrets.VSCE_PAT }}
         run: npx @vscode/vsce publish --pat $VSCE_PAT
 
-      - name: Setup npm authentication
-        run: |
-          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
+      - name: Publish to Open VSX
+        env:
+          OVSX_PAT: ${{ secrets.OPEN_VSX_TOKEN }}
+        run: npx ovsx publish --pat $OVSX_PAT
+
+  npm:
+    name: Publish to npm
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          registry-url: 'https://registry.npmjs.org'
 
       - name: Publish to npm
-        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npm publish --access public --provenance

package/README.md

@@ -1,6 +1,6 @@
 # Pierre Theme
 
-Light and dark themes for Visual Studio Code, Cursor, and Shiki. Built for [Diffs.com](https://diffs.com) by [The Pierre Computer Company](https://pierre.computer).
+Light and dark themes for Visual Studio Code, Cursor, Zed, and Shiki. Built for [Diffs.com](https://diffs.com) by [The Pierre Computer Company](https://pierre.computer).
 
 ## Preview
 
@@ -29,6 +29,14 @@ From the menu in Cursor:
 
 You can also install or download from the [Open VSX registry](https://open-vsx.org/extension/pierrecomputer/pierre-theme).
 
+### Zed
+
+From the menu in Zed:
+
+- Zed > Extensions (or hit Command+Shift+X or Control+Shift+X)
+- Search for `Pierre`
+- Click install
+
 ## Vibrant themes (Display P3)
 
 > [!NOTE]

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pierre/theme",
   "displayName": "Pierre Theme",
   "description": "Pierre theme for Shiki, VS Code, and more",
-  "version": "0.0.18",
+  "version": "0.0.21",
   "publisher": "pierrecomputer",
   "icon": "icon.png",
   "galleryBanner": {

package/src/build.ts

@@ -2,22 +2,38 @@
 import { writeFileSync, mkdirSync } from "node:fs";
 import { light as rolesLight, dark as rolesDark } from "./palette";
 import { makeTheme } from "./theme";
+import { makeZedThemeFamily } from "./zed-theme";
 import { convertRolesToP3 } from "./color-p3";
 
 mkdirSync("themes", { recursive: true });
+mkdirSync("zed/themes", { recursive: true });
 
 // Convert palettes to Display P3 color space
 const rolesLightP3 = convertRolesToP3(rolesLight);
 const rolesDarkP3 = convertRolesToP3(rolesDark);
 
-const out = [
+// ============================================
+// VS Code Themes
+// ============================================
+const vscodeThemes = [
   { file: "themes/pierre-light.json", theme: makeTheme("Pierre Light", "light", rolesLight) },
   { file: "themes/pierre-dark.json",  theme: makeTheme("Pierre Dark",  "dark",  rolesDark)  },
   { file: "themes/pierre-light-vibrant.json", theme: makeTheme("Pierre Light Vibrant", "light", rolesLightP3) },
   { file: "themes/pierre-dark-vibrant.json",  theme: makeTheme("Pierre Dark Vibrant",  "dark",  rolesDarkP3)  }
 ];
 
-for (const {file, theme} of out) {
+for (const {file, theme} of vscodeThemes) {
   writeFileSync(file, JSON.stringify(theme, null, 2), "utf8");
   console.log("Wrote", file);
 }
+
+// ============================================
+// Zed Theme Family
+// ============================================
+const zedTheme = makeZedThemeFamily("Pierre", "pierrecomputer", [
+  { name: "Pierre Light", appearance: "light", roles: rolesLight },
+  { name: "Pierre Dark", appearance: "dark", roles: rolesDark },
+]);
+
+writeFileSync("zed/themes/pierre.json", JSON.stringify(zedTheme, null, 2), "utf8");
+console.log("Wrote zed/themes/pierre.json");

package/src/palette.ts

@@ -318,11 +318,11 @@ export const dark: Roles = {
   },
   border: {
     window: gray["1040"],
-    editor: gray["920"],
-    indentGuide: gray["940"],
+    editor: gray["980"],
+    indentGuide: gray["980"],
     indentGuideActive: gray["960"],
-    inset: gray["920"],
-    elevated: gray["960"]
+    inset: gray["980"],
+    elevated: gray["980"]
   },
   accent: {
     primary: blue["500"],