From e5f1997fb8b0618bb5118892b74a64e07f3806d1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 14:20:49 -0800 Subject: [PATCH 1/7] Bump to 0.0.18, rename package to @pierre/theme --- package-lock.json | 8 ++++---- package.json | 8 ++++---- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 9f235aa..848c2e1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { - "name": "pierre-vscode-theme", - "version": "0.0.17", + "name": "@pierre/theme", + "version": "0.0.18", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "pierre-vscode-theme", - "version": "0.0.17", + "name": "@pierre/theme", + "version": "0.0.18", "license": "MIT", "devDependencies": { "@vscode/vsce": "^3.2.2", diff --git a/package.json b/package.json index 3ec9d09..0dca127 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { - "name": "pierre-vscode-theme", + "name": "@pierre/theme", "displayName": "Pierre Theme", "description": "Pierre theme for Shiki, VS Code, and more", - "version": "0.0.17", + "version": "0.0.18", "publisher": "pierre-computer-co", "icon": "icon.png", "galleryBanner": { @@ -12,10 +12,10 @@ "license": "MIT", "repository": { "type": "git", - "url": "https://github.com/pierrecomputer/pierre-vscode-theme" + "url": "https://github.com/pierrecomputer/theme" }, "bugs": { - "url": "https://github.com/pierrecomputer/pierre-vscode-theme/issues" + "url": "https://github.com/pierrecomputer/theme/issues" }, "engines": { "vscode": "^1.0.0" From 0fff918b384901ce721aecb47553bde43b5cb348 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 14:58:04 -0800 Subject: [PATCH 2/7] Update package script to temp rename package for vsix --- README.md | 40 +++++++++++++++++++++++++++++----------- package.json | 2 +- src/package-vsix.ts | 22 ++++++++++++++++++++++ 3 files changed, 52 insertions(+), 12 deletions(-) create mode 100644 src/package-vsix.ts diff --git a/README.md b/README.md index 3f63ddd..c808ab0 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,38 @@ -# Pierre VS Code Theme +# 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). + +## Preview ![Pierre dark theme screenshot](https://github.com/user-attachments/assets/e8b2a6e0-995b-4515-997a-f805f4fbc5bf) ![Pierre light theme screenshot](https://github.com/user-attachments/assets/2ebb09d0-eb42-4c28-9617-35873d96ed8f) ## Install -1. Go to the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=pierre-computer-co.pierre-vscode-theme). -2. Click on the "Install" button. -3. Then [select a theme](https://code.visualstudio.com/docs/getstarted/themes#_selecting-the-color-theme). Four themes are included: - - `Pierre Light` - - `Pierre Dark` +### Visual Studio Code + +From the menu in Visual Studio Code: + +- View > Extensions (or hit Command+Shift+X or Control+Shift+X) +- Search for `Pierre Theme` +- Click install + +You can also install or download from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=pierre-computer-co.pierre-vscode-theme). + +### Cursor + +From the menu in Cursor: + +- View > Extensions (or hit Command+Shift+X or Control+Shift+X) +- Search for `Pierre Theme` +- Click install + +You can also install or download from the [Open VSX registry](https://open-vsx.org/extension/pierre-computer-co/pierre-theme). ## Vibrant themes (Display P3) > [!NOTE] -> Vibrant themes do not work in VS Code at this time as it does not support color formats other than Hex or RGB. You can, however, use these with [Diffs](https://diffs.com) or any [Shiki](https://shiki.style) project to render code. +> Vibrant themes do not work in VS Code or Cursor at this time as it does not support color formats other than Hex or RGB. You can, however, use these with [Diffs](https://diffs.com) or any [Shiki](https://shiki.style) project to render code. The **Vibrant** theme variants use CSS's `color(display-p3 r g b)` format with enhanced saturation to fully utilize Display P3's wider color gamut. Display P3 can represent ~25% more colors than standard sRGB, and these themes are optimized to take full advantage of that on compatible displays. @@ -26,11 +44,11 @@ To override this (or any other) theme in your personal config file, please follo ## Contribute -1. Clone and open this [repo](https://github.com/pierrecomputer/pierre-vscode-theme) in VS Code -2. Run `yarn` to install the dependencies. +1. Clone and open this [repo](https://github.com/pierrecomputer/theme) in your editor +2. Run `npm install` to install the dependencies. 3. Press `F5` to open a new window with your extension loaded 4. Open `Code > Preferences > Color Theme` [`⌘k ⌘t`] and pick the "Pierre…" theme you want to test. -5. Make changes to the [`/src/theme.ts`](https://github.com/pierrecomputer/pierre-vscode-theme/blob/main/src/theme.ts) file. +5. Make changes to the [`/src/theme.ts`](https://github.com/pierrecomputer/theme/blob/main/src/theme.ts) file. 6. Run `npm run build` to update the theme. You can also run `npm run start` instead to automatically rebuild the theme while making changes and no reloading should be necessary. 7. Run `npm test` to validate your changes (this runs automatically on PRs). 8. Once you're happy, commit your changes and open a PR. @@ -46,4 +64,4 @@ To override this (or any other) theme in your personal config file, please follo ## Credit -This theme was built on top of [GitHub's VS Code Theme](https://github.com/primer/github-vscode-theme). All credit to them for the technique and build tooling, which we've since iterated on for more specific language tokens. +This theme was built on top of [GitHub's Visual Studio Code Theme](https://github.com/primer/github-vscode-theme). All credit to them for the technique and build tooling, which we've since iterated on for more specific language tokens. diff --git a/package.json b/package.json index 0dca127..c4e75d9 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ "build": "ts-node src/build.ts", "test": "npm run build && ts-node src/test.ts", "start": "nodemon --watch src --ext ts --exec npm run build", - "package": "vsce package" + "package": "ts-node src/package-vsix.ts" }, "devDependencies": { "nodemon": "^3.1.11", diff --git a/src/package-vsix.ts b/src/package-vsix.ts new file mode 100644 index 0000000..5596344 --- /dev/null +++ b/src/package-vsix.ts @@ -0,0 +1,22 @@ +import { readFileSync, writeFileSync } from "fs"; +import { execSync } from "child_process"; +import { join } from "path"; + +const pkgPath = join(__dirname, "..", "package.json"); +const original = readFileSync(pkgPath, "utf-8"); +const pkg = JSON.parse(original); + +// Store original name and swap to unscoped version for VSIX +const originalName = pkg.name; +pkg.name = "pierre-theme"; + +console.log(`Temporarily renaming package: ${originalName} → ${pkg.name}\n`); + +try { + writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n"); + execSync("vsce package", { stdio: "inherit", cwd: join(__dirname, "..") }); +} finally { + // Always restore original package.json + writeFileSync(pkgPath, original); + console.log(`\nRestored package name: ${originalName}`); +} From 5fc3a8ad44577df263d486cbef462cd60b8e4530 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 15:59:53 -0800 Subject: [PATCH 3/7] Update names and URLs --- README.md | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index c808ab0..e2e743d 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ From the menu in Visual Studio Code: - Search for `Pierre Theme` - Click install -You can also install or download from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=pierre-computer-co.pierre-vscode-theme). +You can also install or download from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=pierrecomputer.pierre-theme). ### Cursor @@ -27,7 +27,7 @@ From the menu in Cursor: - Search for `Pierre Theme` - Click install -You can also install or download from the [Open VSX registry](https://open-vsx.org/extension/pierre-computer-co/pierre-theme). +You can also install or download from the [Open VSX registry](https://open-vsx.org/extension/pierrecomputer/pierre-theme). ## Vibrant themes (Display P3) diff --git a/package.json b/package.json index c4e75d9..64c21d3 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "displayName": "Pierre Theme", "description": "Pierre theme for Shiki, VS Code, and more", "version": "0.0.18", - "publisher": "pierre-computer-co", + "publisher": "pierrecomputer", "icon": "icon.png", "galleryBanner": { "color": "#141415", From ad768f9ba6c1e89e76e3a355e9ee1eadc43711a7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 16:11:27 -0800 Subject: [PATCH 4/7] more --- .vscode/extensions.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.vscode/extensions.json b/.vscode/extensions.json index a27eb04..c1f5053 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -1,5 +1,5 @@ { "recommendations": [ - "pierre-computer-co.pierre-vscode-theme" + "pierrecomputer.pierre-theme" ] } \ No newline at end of file From 7567cdb375360c723a662110343fc27d5c56707d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 16:12:41 -0800 Subject: [PATCH 5/7] Restore npm publish --- .github/workflows/publish.yml | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml index 8d878e3..4d9e63f 100644 --- a/.github/workflows/publish.yml +++ b/.github/workflows/publish.yml @@ -32,9 +32,9 @@ jobs: 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: Setup npm authentication + run: | + echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc - # - name: Publish to npm - # run: npm publish \ No newline at end of file + - name: Publish to npm + run: npm publish From 205fd2f119f877a5de1ebceb10f3b6d2396db3b4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 16:18:10 -0800 Subject: [PATCH 6/7] temp back to 18 --- package-lock.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index 848c2e1..d93c142 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@pierre/theme", - "version": "0.0.18", + "version": "0.0.19", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@pierre/theme", - "version": "0.0.18", + "version": "0.0.19", "license": "MIT", "devDependencies": { "@vscode/vsce": "^3.2.2", From d477157e7f157cf9b249b6bb347696b10aff66a8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 8 Jan 2026 16:21:02 -0800 Subject: [PATCH 7/7] back to 19 after initial publish --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 64c21d3..b1b67d4 100644 --- a/package.json +++ b/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.19", "publisher": "pierrecomputer", "icon": "icon.png", "galleryBanner": {