@cyclone-ui/shiki 0.0.14 → 0.0.15

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 # Changelog for Cyclone UI - Shiki
 
+## [0.0.15](https://github.com/storm-software/cyclone-ui/releases/tag/shiki%400.0.15) (10/22/2026)
+
+### Bug Fixes
+
+- **tokens:** Update token structure to better allow customizations ([7f23eb61](https://github.com/storm-software/cyclone-ui/commit/7f23eb61))
+
 ## [0.0.9](https://github.com/storm-software/cyclone-ui/releases/tag/shiki%400.0.9) (10/16/2026)
 
 ### Bug Fixes

package/dist/dark/INSTALL.md

@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
 2. Register themes when creating a Shiki highlighter:
 
 ```ts
-import { createHighlighter } from "shiki";
-import theme from "./theme.json";
+import { createHighlighter } from "shiki"
+import theme from "./theme.json"
 
 const highlighter = await createHighlighter({
   themes: [theme],
   langs: ["javascript"]
-});
+})
 
 const html = highlighter.codeToHtml("const x = 1", {
   lang: "javascript",
   theme: "cyclone-dark"
-});
+})
 ```
 
 Or load at runtime:
 
 ```ts
-import { readFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises"
 
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
+const theme = JSON.parse(await readFile("./theme.json", "utf8"))
+await highlighter.loadTheme(theme)
 ```
 
 ## Select / load theme

package/dist/dark/theme.json

@@ -2,49 +2,32 @@
   "name": "cyclone-dark",
   "settings": [
     {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
+      "scope": ["comment", "punctuation.definition.comment"],
       "settings": {
         "foreground": "#959698",
         "fontStyle": "italic"
       }
     },
     {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
+      "scope": ["string", "constant.other.symbol"],
       "settings": {
         "foreground": "#45c791"
       }
     },
     {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
+      "scope": ["constant", "constant.numeric", "constant.language"],
       "settings": {
         "foreground": "#f7ac23"
       }
     },
     {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
+      "scope": ["keyword", "storage", "storage.type"],
       "settings": {
         "foreground": "#4d8eff"
       }
     },
     {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
+      "scope": ["entity.name.function", "support.function"],
       "settings": {
         "foreground": "#4d8eff"
       }
@@ -60,46 +43,31 @@
       }
     },
     {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
+      "scope": ["entity.name.tag", "meta.tag"],
       "settings": {
         "foreground": "#4d8eff"
       }
     },
     {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
+      "scope": ["entity.other.attribute-name", "support.constant"],
       "settings": {
         "foreground": "#4d8eff"
       }
     },
     {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
+      "scope": ["variable", "identifier"],
       "settings": {
         "foreground": "#b0b0b1"
       }
     },
     {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
+      "scope": ["punctuation", "meta.brace"],
       "settings": {
         "foreground": "#959698"
       }
     },
     {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
+      "scope": ["invalid", "invalid.illegal"],
       "settings": {
         "foreground": "#cf2d56"
       }
@@ -118,7 +86,7 @@
     "editor.inactiveSelectionBackground": "#1f1f21",
     "editorLineNumber.foreground": "#959698",
     "editorLineNumber.activeForeground": "#b0b0b1",
-    "editorIndentGuide.background1": "#2d2e33",
+    "editorIndentGuide.background1": "#46464a",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/dist/dark-dimmed/INSTALL.md

@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
 2. Register themes when creating a Shiki highlighter:
 
 ```ts
-import { createHighlighter } from "shiki";
-import theme from "./theme.json";
+import { createHighlighter } from "shiki"
+import theme from "./theme.json"
 
 const highlighter = await createHighlighter({
   themes: [theme],
   langs: ["javascript"]
-});
+})
 
 const html = highlighter.codeToHtml("const x = 1", {
   lang: "javascript",
   theme: "cyclone-dark-dimmed"
-});
+})
 ```
 
 Or load at runtime:
 
 ```ts
-import { readFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises"
 
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
+const theme = JSON.parse(await readFile("./theme.json", "utf8"))
+await highlighter.loadTheme(theme)
 ```
 
 ## Select / load theme

package/dist/dark-dimmed/theme.json

@@ -2,49 +2,32 @@
   "name": "cyclone-dark-dimmed",
   "settings": [
     {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
+      "scope": ["comment", "punctuation.definition.comment"],
       "settings": {
         "foreground": "#8f8f90",
         "fontStyle": "italic"
       }
     },
     {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
+      "scope": ["string", "constant.other.symbol"],
       "settings": {
         "foreground": "#60a88a"
       }
     },
     {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
+      "scope": ["constant", "constant.numeric", "constant.language"],
       "settings": {
         "foreground": "#c59b4d"
       }
     },
     {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
+      "scope": ["keyword", "storage", "storage.type"],
       "settings": {
         "foreground": "#638cd2"
       }
     },
     {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
+      "scope": ["entity.name.function", "support.function"],
       "settings": {
         "foreground": "#638cd2"
       }
@@ -60,46 +43,31 @@
       }
     },
     {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
+      "scope": ["entity.name.tag", "meta.tag"],
       "settings": {
         "foreground": "#638cd2"
       }
     },
     {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
+      "scope": ["entity.other.attribute-name", "support.constant"],
       "settings": {
         "foreground": "#638cd2"
       }
     },
     {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
+      "scope": ["variable", "identifier"],
       "settings": {
         "foreground": "#a1a1a2"
       }
     },
     {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
+      "scope": ["punctuation", "meta.brace"],
       "settings": {
         "foreground": "#8f8f90"
       }
     },
     {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
+      "scope": ["invalid", "invalid.illegal"],
       "settings": {
         "foreground": "#ab5268"
       }
@@ -118,7 +86,7 @@
     "editor.inactiveSelectionBackground": "#3c3c3e",
     "editorLineNumber.foreground": "#8f8f90",
     "editorLineNumber.activeForeground": "#a1a1a2",
-    "editorIndentGuide.background1": "#45464a",
+    "editorIndentGuide.background1": "#57575a",
     "editorIndentGuide.activeBackground1": "#8f8f90",
     "editorWhitespace.foreground": "#8f8f90"
   }

package/dist/dark-high-contrast/INSTALL.md

@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
 2. Register themes when creating a Shiki highlighter:
 
 ```ts
-import { createHighlighter } from "shiki";
-import theme from "./theme.json";
+import { createHighlighter } from "shiki"
+import theme from "./theme.json"
 
 const highlighter = await createHighlighter({
   themes: [theme],
   langs: ["javascript"]
-});
+})
 
 const html = highlighter.codeToHtml("const x = 1", {
   lang: "javascript",
   theme: "cyclone-dark-high-contrast"
-});
+})
 ```
 
 Or load at runtime:
 
 ```ts
-import { readFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises"
 
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
+const theme = JSON.parse(await readFile("./theme.json", "utf8"))
+await highlighter.loadTheme(theme)
 ```
 
 ## Select / load theme

package/dist/dark-high-contrast/theme.json

@@ -2,49 +2,32 @@
   "name": "cyclone-dark-high-contrast",
   "settings": [
     {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
+      "scope": ["comment", "punctuation.definition.comment"],
       "settings": {
         "foreground": "#9a9fa7",
         "fontStyle": "italic"
       }
     },
     {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
+      "scope": ["string", "constant.other.symbol"],
       "settings": {
         "foreground": "#2de498"
       }
     },
     {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
+      "scope": ["constant", "constant.numeric", "constant.language"],
       "settings": {
         "foreground": "#ffb327"
       }
     },
     {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
+      "scope": ["keyword", "storage", "storage.type"],
       "settings": {
         "foreground": "#70a4ff"
       }
     },
     {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
+      "scope": ["entity.name.function", "support.function"],
       "settings": {
         "foreground": "#70a4ff"
       }
@@ -60,46 +43,31 @@
       }
     },
     {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
+      "scope": ["entity.name.tag", "meta.tag"],
       "settings": {
         "foreground": "#70a4ff"
       }
     },
     {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
+      "scope": ["entity.other.attribute-name", "support.constant"],
       "settings": {
         "foreground": "#70a4ff"
       }
     },
     {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
+      "scope": ["variable", "identifier"],
       "settings": {
         "foreground": "#c3c3ca"
       }
     },
     {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
+      "scope": ["punctuation", "meta.brace"],
       "settings": {
         "foreground": "#9a9fa7"
       }
     },
     {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
+      "scope": ["invalid", "invalid.illegal"],
       "settings": {
         "foreground": "#f00a45"
       }
@@ -118,7 +86,7 @@
     "editor.inactiveSelectionBackground": "#000000",
     "editorLineNumber.foreground": "#9a9fa7",
     "editorLineNumber.activeForeground": "#c3c3ca",
-    "editorIndentGuide.background1": "#0b0b0e",
+    "editorIndentGuide.background1": "#2b2b33",
     "editorIndentGuide.activeBackground1": "#9a9fa7",
     "editorWhitespace.foreground": "#9a9fa7"
   }

package/dist/light/INSTALL.md

@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
 2. Register themes when creating a Shiki highlighter:
 
 ```ts
-import { createHighlighter } from "shiki";
-import theme from "./theme.json";
+import { createHighlighter } from "shiki"
+import theme from "./theme.json"
 
 const highlighter = await createHighlighter({
   themes: [theme],
   langs: ["javascript"]
-});
+})
 
 const html = highlighter.codeToHtml("const x = 1", {
   lang: "javascript",
   theme: "cyclone-light"
-});
+})
 ```
 
 Or load at runtime:
 
 ```ts
-import { readFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises"
 
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
+const theme = JSON.parse(await readFile("./theme.json", "utf8"))
+await highlighter.loadTheme(theme)
 ```
 
 ## Select / load theme

package/dist/light/theme.json

@@ -2,49 +2,32 @@
   "name": "cyclone-light",
   "settings": [
     {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
+      "scope": ["comment", "punctuation.definition.comment"],
       "settings": {
         "foreground": "#959698",
         "fontStyle": "italic"
       }
     },
     {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
+      "scope": ["string", "constant.other.symbol"],
       "settings": {
         "foreground": "#216b53"
       }
     },
     {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
+      "scope": ["constant", "constant.numeric", "constant.language"],
       "settings": {
         "foreground": "#765417"
       }
     },
     {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
+      "scope": ["keyword", "storage", "storage.type"],
       "settings": {
         "foreground": "#2055b3"
       }
     },
     {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
+      "scope": ["entity.name.function", "support.function"],
       "settings": {
         "foreground": "#2055b3"
       }
@@ -60,46 +43,31 @@
       }
     },
     {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
+      "scope": ["entity.name.tag", "meta.tag"],
       "settings": {
         "foreground": "#2055b3"
       }
     },
     {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
+      "scope": ["entity.other.attribute-name", "support.constant"],
       "settings": {
         "foreground": "#2055b3"
       }
     },
     {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
+      "scope": ["variable", "identifier"],
       "settings": {
         "foreground": "#555659"
       }
     },
     {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
+      "scope": ["punctuation", "meta.brace"],
       "settings": {
         "foreground": "#959698"
       }
     },
     {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
+      "scope": ["invalid", "invalid.illegal"],
       "settings": {
         "foreground": "#8e223e"
       }
@@ -118,7 +86,7 @@
     "editor.inactiveSelectionBackground": "#f1f1f1",
     "editorLineNumber.foreground": "#959698",
     "editorLineNumber.activeForeground": "#555659",
-    "editorIndentGuide.background1": "#d0d0d1",
+    "editorIndentGuide.background1": "#c0c0c1",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/dist/light-dimmed/INSTALL.md

@@ -13,29 +13,27 @@ Generated by `@razorwind/shiki`.
 2. Register themes when creating a Shiki highlighter:
 
 ```ts
-import { createHighlighter } from "shiki";
-import theme from "./theme.json";
+import { createHighlighter } from "shiki"
+import theme from "./theme.json"
 
 const highlighter = await createHighlighter({
   themes: [theme],
   langs: ["javascript"]
-});
+})
 
 const html = highlighter.codeToHtml("const x = 1", {
   lang: "javascript",
   theme: "cyclone-light-dimmed"
-});
+})
 ```
 
 Or load at runtime:
 
 ```ts
-import { readFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises"
 
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
+const theme = JSON.parse(await readFile("./theme.json", "utf8"))
+await highlighter.loadTheme(theme)
 ```
 
 ## Select / load theme