@santi020k/theme 1.0.1 → 1.1.0

package/README.md

@@ -26,6 +26,11 @@ This package is ESM-only and expects Node `>=22.18.0`.
 | `@santi020k/theme/typography.css` | Shared Montserrat font-family variables |
 | `@santi020k/theme/tokens.css` | CSS custom properties and Tailwind v4 `@theme` values |
 | `@santi020k/theme/tokens.json` | Raw token data |
+| `@santi020k/theme/shiki` | Typed dark/light and high-contrast Shiki theme exports |
+| `@santi020k/theme/shiki/santi020k-dark.json` | Shiki-ready dark VS Code theme JSON |
+| `@santi020k/theme/shiki/santi020k-hc-dark.json` | Shiki-ready high-contrast dark VS Code theme JSON |
+| `@santi020k/theme/shiki/santi020k-hc-light.json` | Shiki-ready high-contrast light VS Code theme JSON |
+| `@santi020k/theme/shiki/santi020k-light.json` | Shiki-ready light VS Code theme JSON |
 | `@santi020k/theme/tailwind` | Tailwind-compatible theme object |
 | `@santi020k/theme/assets/*` | Package-relative static asset imports |
 | `@santi020k/theme/docs/*` | Packaged documentation such as brand guidance |
@@ -84,6 +89,43 @@ const project = projects.santi020kTheme
 console.log(colors, config.colors, theme.colors.brand, logos, project.title)
 ```
 
+## Shiki Themes
+
+The VS Code theme package generates clean JSON copies for syntax highlighters that cannot read
+JSONC comments:
+
+```js
+import {
+  getSanti020kShikiTheme,
+  santi020kShikiThemes,
+  santi020kShikiThemeVariants
+} from '@santi020k/theme/shiki'
+
+const themes = {
+  dark: santi020kShikiThemes.dark,
+  hcDark: santi020kShikiThemes.hcDark,
+  hcLight: santi020kShikiThemes.hcLight,
+  light: santi020kShikiThemes.light
+}
+
+const pickerOptions = santi020kShikiThemeVariants.map(variant => ({
+  label: getSanti020kShikiTheme(variant).name,
+  value: variant
+}))
+```
+
+Raw JSON imports are available when a tool needs direct theme files:
+
+```js
+import darkTheme from '@santi020k/theme/shiki/santi020k-dark.json' with { type: 'json' }
+import hcDarkTheme from '@santi020k/theme/shiki/santi020k-hc-dark.json' with { type: 'json' }
+import hcLightTheme from '@santi020k/theme/shiki/santi020k-hc-light.json' with { type: 'json' }
+import lightTheme from '@santi020k/theme/shiki/santi020k-light.json' with { type: 'json' }
+```
+
+Use these exports with Shiki, Astro's `<Code />` component, or other VS Code theme consumers that
+expect importable JSON.
+
 ## Assets
 
 ```js

package/index.d.ts

@@ -21,9 +21,15 @@ export declare const chromeThemeVariantManifests: Record<
 export declare const chromeThemeImageRequirements: Record<
   string,
   {
+    bitDepth: 8
+    colorType: 2
     format: 'png'
+    height: number
+    maxHeight: number
+    maxWidth: number
     minWidth: number
     minHeight: number
+    width: number
   }
 >
 export declare const chromeThemeSourceTokenRoles: {

package/index.js

@@ -21,9 +21,15 @@ export const chromeThemeVariantManifests = {
 
 export const chromeThemeImageRequirements = {
   theme_ntp_background: {
+    bitDepth: 8,
+    colorType: 2,
     format: 'png',
-    minWidth: 3840,
-    minHeight: 2160
+    height: 1080,
+    maxHeight: 1080,
+    maxWidth: 1920,
+    minHeight: 1080,
+    minWidth: 1920,
+    width: 1920
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@santi020k/theme",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Santi020k design tokens and shared brand assets for websites, apps, and theme surfaces.",
   "type": "module",
   "main": "./index.js",
@@ -14,6 +14,14 @@
     "./typography.css": "./typography.css",
     "./tokens.css": "./tokens/tokens.css",
     "./tokens.json": "./tokens/tokens.json",
+    "./shiki": {
+      "types": "./shiki.d.ts",
+      "import": "./shiki.js"
+    },
+    "./shiki/santi020k-dark.json": "./shiki/santi020k-dark.json",
+    "./shiki/santi020k-hc-dark.json": "./shiki/santi020k-hc-dark.json",
+    "./shiki/santi020k-hc-light.json": "./shiki/santi020k-hc-light.json",
+    "./shiki/santi020k-light.json": "./shiki/santi020k-light.json",
     "./site": {
       "types": "./site.d.ts",
       "import": "./site.js"
@@ -30,10 +38,13 @@
   "files": [
     "assets",
     "docs",
+    "shiki",
     "tokens",
     "site.css",
     "site.d.ts",
     "site.js",
+    "shiki.d.ts",
+    "shiki.js",
     "typography.css",
     "index.d.ts",
     "index.js",
@@ -69,7 +80,7 @@
   },
   "homepage": "https://theme.santi020k.com",
   "scripts": {
-    "build": "node --check index.js && node --check site.js && node --check tailwind.js",
+    "build": "node --check index.js && node --check shiki.js && node --check site.js && node --check tailwind.js",
     "validate": "pnpm run build"
   }
 }