Separate Zed themes in prep for publishing, rebuild and update

Author: mdo

src/build.ts

@@ -6,6 +6,7 @@ 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);
@@ -32,9 +33,7 @@ for (const {file, theme} of vscodeThemes) {
 const zedTheme = makeZedThemeFamily("Pierre", "pierrecomputer", [
   { name: "Pierre Light", appearance: "light", roles: rolesLight },
   { name: "Pierre Dark", appearance: "dark", roles: rolesDark },
-  { name: "Pierre Light Vibrant", appearance: "light", roles: rolesLightP3 },
-  { name: "Pierre Dark Vibrant", appearance: "dark", roles: rolesDarkP3 },
 ]);
 
-writeFileSync("themes/pierre.zed-theme.json", JSON.stringify(zedTheme, null, 2), "utf8");
-console.log("Wrote themes/pierre.zed-theme.json");
+writeFileSync("zed/themes/pierre.json", JSON.stringify(zedTheme, null, 2), "utf8");
+console.log("Wrote zed/themes/pierre.json");

themes/pierre-dark-vibrant.json

@@ -12,7 +12,7 @@
     "editorCursor.foreground": "color(display-p3 0.308664 0.645271 1.000000)",
     "editorLineNumber.foreground": "color(display-p3 0.517647 0.517647 0.539124)",
     "editorLineNumber.activeForeground": "color(display-p3 0.678431 0.678431 0.692733)",
-    "editorIndentGuide.background": "color(display-p3 0.223529 0.223529 0.234269)",
+    "editorIndentGuide.background": "color(display-p3 0.121569 0.121569 0.128729)",
     "editorIndentGuide.activeBackground": "color(display-p3 0.180392 0.180392 0.187548)",
     "diffEditor.insertedTextBackground": "color(display-p3 0.309962 0.827620 0.725102 / 0.100000)",
     "diffEditor.deletedTextBackground": "color(display-p3 1.000000 0.250216 0.262337 / 0.100000)",
@@ -61,11 +61,11 @@
     "statusBarItem.remoteBackground": "color(display-p3 0.078431 0.078431 0.082008)",
     "statusBarItem.remoteForeground": "color(display-p3 0.678431 0.678431 0.692733)",
     "input.background": "color(display-p3 0.121569 0.121569 0.128729)",
-    "input.border": "color(display-p3 0.258824 0.258824 0.269560)",
+    "input.border": "color(display-p3 0.121569 0.121569 0.128729)",
     "input.foreground": "color(display-p3 0.984314 0.984314 0.984314)",
     "input.placeholderForeground": "color(display-p3 0.474510 0.474510 0.495991)",
     "dropdown.background": "color(display-p3 0.121569 0.121569 0.128729)",
-    "dropdown.border": "color(display-p3 0.258824 0.258824 0.269560)",
+    "dropdown.border": "color(display-p3 0.121569 0.121569 0.128729)",
     "dropdown.foreground": "color(display-p3 0.984314 0.984314 0.984314)",
     "button.background": "color(display-p3 0.308664 0.645271 1.000000)",
     "button.foreground": "color(display-p3 0.027451 0.027451 0.027451)",

themes/pierre-dark.json

@@ -12,7 +12,7 @@
     "editorCursor.foreground": "#009fff",
     "editorLineNumber.foreground": "#84848A",
     "editorLineNumber.activeForeground": "#adadb1",
-    "editorIndentGuide.background": "#39393c",
+    "editorIndentGuide.background": "#1F1F21",
     "editorIndentGuide.activeBackground": "#2e2e30",
     "diffEditor.insertedTextBackground": "#00cab11a",
     "diffEditor.deletedTextBackground": "#ff2e3f1a",
@@ -61,11 +61,11 @@
     "statusBarItem.remoteBackground": "#141415",
     "statusBarItem.remoteForeground": "#adadb1",
     "input.background": "#1F1F21",
-    "input.border": "#424245",
+    "input.border": "#1F1F21",
     "input.foreground": "#fbfbfb",
     "input.placeholderForeground": "#79797F",
     "dropdown.background": "#1F1F21",
-    "dropdown.border": "#424245",
+    "dropdown.border": "#1F1F21",
     "dropdown.foreground": "#fbfbfb",
     "button.background": "#009fff",
     "button.foreground": "#070707",

zed/README.md

@@ -0,0 +1,25 @@
+# Pierre Theme for Zed
+
+Custom themes for [Zed](https://zed.dev) from the team that built [Diffs.com](https://diffs.com), [The Pierre Computer Company]{https://pierre.computer}.
+
+## Variants
+
+- **Pierre Light** — Light theme with warm orange accents
+- **Pierre Dark** — Dark theme with warm orange accents
+
+## Installation
+
+Search for "Pierre" in Zed's extension manager (`Cmd+Shift+X` or `Ctrl+Shift+X`).
+
+## Manual Installation
+
+Copy `themes/pierre.json` to your Zed themes directory:
+
+- **macOS/Linux:** `~/.config/zed/themes/`
+- **Windows:** `%USERPROFILE%\AppData\Roaming\Zed\themes\`
+
+Then select the theme via the theme selector (`Cmd+K Cmd+T` or `Ctrl+K Ctrl+T`).
+
+## License
+
+MIT

zed/extension.toml

@@ -0,0 +1,7 @@
+id = "pierre"
+name = "Pierre"
+description = "A warm, orange-accented color theme with light and dark variants"
+version = "0.0.1"
+schema_version = 1
+authors = ["pierrecomputer"]
+repository = "https://github.com/pierrecomputer/pierre-theme"