@cyclone-ui/shiki 0.0.5 → 0.0.7

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 # Changelog for Cyclone UI - Shiki
 
+## [0.0.6](https://github.com/storm-software/cyclone-ui/releases/tag/shiki%400.0.6) (10/13/2026)
+
+### Bug Fixes
+
+- **monorepo:** Clean up of various components and tokens ([08a494ad](https://github.com/storm-software/cyclone-ui/commit/08a494ad))
+- **tokens:** Further updates to token structure for improved theme customizations ([c694f50b](https://github.com/storm-software/cyclone-ui/commit/c694f50b))
+
 ## [0.0.5](https://github.com/storm-software/cyclone-ui/releases/tag/shiki%400.0.5) (10/12/2026)
 
 ### Bug Fixes

package/dist/dark/theme.json

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#cacacb"
+        "foreground": "#b0b0b1"
       }
     },
     {
@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Dark",
   "type": "dark",
-  "fg": "#f1f1f1",
+  "fg": "#eaeaea",
   "bg": "#151518",
   "colors": {
     "editor.background": "#151518",
-    "editor.foreground": "#f1f1f1",
+    "editor.foreground": "#eaeaea",
     "editorCursor.foreground": "#4d8eff",
-    "editor.selectionBackground": "#f1f1f1",
+    "editor.selectionBackground": "#eaeaea",
     "editor.selectionForeground": "#151518",
-    "editor.inactiveSelectionBackground": "#0c0c0d",
+    "editor.inactiveSelectionBackground": "#1f1f21",
     "editorLineNumber.foreground": "#959698",
-    "editorLineNumber.activeForeground": "#cacacb",
-    "editorIndentGuide.background1": "#46464a",
+    "editorLineNumber.activeForeground": "#b0b0b1",
+    "editorIndentGuide.background1": "#2d2e33",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/dist/dark-dimmed/theme.json

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#b4b4b4"
+        "foreground": "#a1a1a2"
       }
     },
     {
@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "darkDimmed",
-  "fg": "#cfcfcf",
+  "fg": "#cacaca",
   "bg": "#343438",
   "colors": {
     "editor.background": "#343438",
-    "editor.foreground": "#cfcfcf",
+    "editor.foreground": "#cacaca",
     "editorCursor.foreground": "#638cd2",
-    "editor.selectionBackground": "#cfcfcf",
+    "editor.selectionBackground": "#cacaca",
     "editor.selectionForeground": "#343438",
-    "editor.inactiveSelectionBackground": "#2e2e30",
+    "editor.inactiveSelectionBackground": "#3c3c3e",
     "editorLineNumber.foreground": "#8f8f90",
-    "editorLineNumber.activeForeground": "#b4b4b4",
-    "editorIndentGuide.background1": "#57575a",
+    "editorLineNumber.activeForeground": "#a1a1a2",
+    "editorIndentGuide.background1": "#45464a",
     "editorIndentGuide.activeBackground1": "#8f8f90",
     "editorWhitespace.foreground": "#8f8f90"
   }

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

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#ebebed"
+        "foreground": "#c3c3ca"
       }
     },
     {
@@ -117,8 +117,8 @@
     "editor.selectionForeground": "#000000",
     "editor.inactiveSelectionBackground": "#000000",
     "editorLineNumber.foreground": "#9a9fa7",
-    "editorLineNumber.activeForeground": "#ebebed",
-    "editorIndentGuide.background1": "#2b2b33",
+    "editorLineNumber.activeForeground": "#c3c3ca",
+    "editorIndentGuide.background1": "#0b0b0e",
     "editorIndentGuide.activeBackground1": "#9a9fa7",
     "editorWhitespace.foreground": "#9a9fa7"
   }

package/dist/light/theme.json

@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "light",
-  "fg": "#1f1f21",
+  "fg": "#242528",
   "bg": "#eaeaea",
   "colors": {
     "editor.background": "#eaeaea",
-    "editor.foreground": "#1f1f21",
+    "editor.foreground": "#242528",
     "editorCursor.foreground": "#2055b3",
-    "editor.selectionBackground": "#1f1f21",
+    "editor.selectionBackground": "#242528",
     "editor.selectionForeground": "#eaeaea",
-    "editor.inactiveSelectionBackground": "#e1e1e1",
+    "editor.inactiveSelectionBackground": "#f1f1f1",
     "editorLineNumber.foreground": "#959698",
     "editorLineNumber.activeForeground": "#555659",
-    "editorIndentGuide.background1": "#e1e1e1",
+    "editorIndentGuide.background1": "#d0d0d1",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/dist/light-dimmed/theme.json

@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "lightDimmed",
-  "fg": "#3c3c3e",
+  "fg": "#3f4043",
   "bg": "#cacaca",
   "colors": {
     "editor.background": "#cacaca",
-    "editor.foreground": "#3c3c3e",
+    "editor.foreground": "#3f4043",
     "editorCursor.foreground": "#45649b",
-    "editor.selectionBackground": "#3c3c3e",
+    "editor.selectionBackground": "#3f4043",
     "editor.selectionForeground": "#cacaca",
-    "editor.inactiveSelectionBackground": "#c4c4c4",
+    "editor.inactiveSelectionBackground": "#cfcfcf",
     "editorLineNumber.foreground": "#8f8f90",
     "editorLineNumber.activeForeground": "#626364",
-    "editorIndentGuide.background1": "#c4c4c4",
+    "editorIndentGuide.background1": "#b8b8b9",
     "editorIndentGuide.activeBackground1": "#8f8f90",
     "editorWhitespace.foreground": "#8f8f90"
   }

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

@@ -118,7 +118,7 @@
     "editor.inactiveSelectionBackground": "#ffffff",
     "editorLineNumber.foreground": "#9a9fa7",
     "editorLineNumber.activeForeground": "#3f424a",
-    "editorIndentGuide.background1": "#ffffff",
+    "editorIndentGuide.background1": "#f4f4f6",
     "editorIndentGuide.activeBackground1": "#9a9fa7",
     "editorWhitespace.foreground": "#9a9fa7"
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyclone-ui/shiki",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "description": "Cyclone UI Shiki themes package",
   "repository": {
@@ -14,5 +14,5 @@
     "./package.json": "./package.json"
   },
   "publishConfig": { "access": "public" },
-  "gitHead": "46c136e63209ac8baacbc9d23aae4675aa68093a"
+  "gitHead": "7883bb2ccd69fb2a245eb827eacf1246ffe2214a"
 }

package/src/dark/theme.json

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#cacacb"
+        "foreground": "#b0b0b1"
       }
     },
     {
@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Dark",
   "type": "dark",
-  "fg": "#f1f1f1",
+  "fg": "#eaeaea",
   "bg": "#151518",
   "colors": {
     "editor.background": "#151518",
-    "editor.foreground": "#f1f1f1",
+    "editor.foreground": "#eaeaea",
     "editorCursor.foreground": "#4d8eff",
-    "editor.selectionBackground": "#f1f1f1",
+    "editor.selectionBackground": "#eaeaea",
     "editor.selectionForeground": "#151518",
-    "editor.inactiveSelectionBackground": "#0c0c0d",
+    "editor.inactiveSelectionBackground": "#1f1f21",
     "editorLineNumber.foreground": "#959698",
-    "editorLineNumber.activeForeground": "#cacacb",
-    "editorIndentGuide.background1": "#46464a",
+    "editorLineNumber.activeForeground": "#b0b0b1",
+    "editorIndentGuide.background1": "#2d2e33",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/src/dark-dimmed/theme.json

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#b4b4b4"
+        "foreground": "#a1a1a2"
       }
     },
     {
@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "darkDimmed",
-  "fg": "#cfcfcf",
+  "fg": "#cacaca",
   "bg": "#343438",
   "colors": {
     "editor.background": "#343438",
-    "editor.foreground": "#cfcfcf",
+    "editor.foreground": "#cacaca",
     "editorCursor.foreground": "#638cd2",
-    "editor.selectionBackground": "#cfcfcf",
+    "editor.selectionBackground": "#cacaca",
     "editor.selectionForeground": "#343438",
-    "editor.inactiveSelectionBackground": "#2e2e30",
+    "editor.inactiveSelectionBackground": "#3c3c3e",
     "editorLineNumber.foreground": "#8f8f90",
-    "editorLineNumber.activeForeground": "#b4b4b4",
-    "editorIndentGuide.background1": "#57575a",
+    "editorLineNumber.activeForeground": "#a1a1a2",
+    "editorIndentGuide.background1": "#45464a",
     "editorIndentGuide.activeBackground1": "#8f8f90",
     "editorWhitespace.foreground": "#8f8f90"
   }

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

@@ -83,7 +83,7 @@
         "identifier"
       ],
       "settings": {
-        "foreground": "#ebebed"
+        "foreground": "#c3c3ca"
       }
     },
     {
@@ -117,8 +117,8 @@
     "editor.selectionForeground": "#000000",
     "editor.inactiveSelectionBackground": "#000000",
     "editorLineNumber.foreground": "#9a9fa7",
-    "editorLineNumber.activeForeground": "#ebebed",
-    "editorIndentGuide.background1": "#2b2b33",
+    "editorLineNumber.activeForeground": "#c3c3ca",
+    "editorIndentGuide.background1": "#0b0b0e",
     "editorIndentGuide.activeBackground1": "#9a9fa7",
     "editorWhitespace.foreground": "#9a9fa7"
   }

package/src/light/theme.json

@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "light",
-  "fg": "#1f1f21",
+  "fg": "#242528",
   "bg": "#eaeaea",
   "colors": {
     "editor.background": "#eaeaea",
-    "editor.foreground": "#1f1f21",
+    "editor.foreground": "#242528",
     "editorCursor.foreground": "#2055b3",
-    "editor.selectionBackground": "#1f1f21",
+    "editor.selectionBackground": "#242528",
     "editor.selectionForeground": "#eaeaea",
-    "editor.inactiveSelectionBackground": "#e1e1e1",
+    "editor.inactiveSelectionBackground": "#f1f1f1",
     "editorLineNumber.foreground": "#959698",
     "editorLineNumber.activeForeground": "#555659",
-    "editorIndentGuide.background1": "#e1e1e1",
+    "editorIndentGuide.background1": "#d0d0d1",
     "editorIndentGuide.activeBackground1": "#959698",
     "editorWhitespace.foreground": "#959698"
   }

package/src/light-dimmed/theme.json

@@ -107,18 +107,18 @@
   ],
   "displayName": "Cyclone Light",
   "type": "lightDimmed",
-  "fg": "#3c3c3e",
+  "fg": "#3f4043",
   "bg": "#cacaca",
   "colors": {
     "editor.background": "#cacaca",
-    "editor.foreground": "#3c3c3e",
+    "editor.foreground": "#3f4043",
     "editorCursor.foreground": "#45649b",
-    "editor.selectionBackground": "#3c3c3e",
+    "editor.selectionBackground": "#3f4043",
     "editor.selectionForeground": "#cacaca",
-    "editor.inactiveSelectionBackground": "#c4c4c4",
+    "editor.inactiveSelectionBackground": "#cfcfcf",
     "editorLineNumber.foreground": "#8f8f90",
     "editorLineNumber.activeForeground": "#626364",
-    "editorIndentGuide.background1": "#c4c4c4",
+    "editorIndentGuide.background1": "#b8b8b9",
     "editorIndentGuide.activeBackground1": "#8f8f90",
     "editorWhitespace.foreground": "#8f8f90"
   }

package/src/light-high-contrast/theme.json

@@ -118,7 +118,7 @@
     "editor.inactiveSelectionBackground": "#ffffff",
     "editorLineNumber.foreground": "#9a9fa7",
     "editorLineNumber.activeForeground": "#3f424a",
-    "editorIndentGuide.background1": "#ffffff",
+    "editorIndentGuide.background1": "#f4f4f6",
     "editorIndentGuide.activeBackground1": "#9a9fa7",
     "editorWhitespace.foreground": "#9a9fa7"
   }

package/dist/src/dark/INSTALL.md

@@ -1,45 +0,0 @@
-# Installing Cyclone UI (Dark)
-
-Generated by `@razorwind/shiki`.
-
-## Files
-
-- `theme.json` — Cyclone Dark (theme id: `cyclone-dark`)
-
-## Setup
-
-1. Copy or import the generated JSON into your app (paths depend on your bundler).
-
-2. Register themes when creating a Shiki highlighter:
-
-```ts
-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";
-
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
-```
-
-## Select / load theme
-
-Pass the theme id to `codeToHtml`, `codeToTokens`, or `getTokenStyle`:
-
-- `cyclone-dark` — Cyclone Dark

package/dist/src/dark/theme.json

@@ -1,125 +0,0 @@
-{
-  "name": "cyclone-dark",
-  "settings": [
-    {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
-      "settings": {
-        "foreground": "#959698",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
-      "settings": {
-        "foreground": "#45c791"
-      }
-    },
-    {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
-      "settings": {
-        "foreground": "#f7ac23"
-      }
-    },
-    {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
-      "settings": {
-        "foreground": "#4d8eff"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
-      "settings": {
-        "foreground": "#4d8eff"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.type",
-        "entity.other.inherited-class",
-        "support.type"
-      ],
-      "settings": {
-        "foreground": "#9277da"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
-      "settings": {
-        "foreground": "#4d8eff"
-      }
-    },
-    {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
-      "settings": {
-        "foreground": "#4d8eff"
-      }
-    },
-    {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
-      "settings": {
-        "foreground": "#cacacb"
-      }
-    },
-    {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
-      "settings": {
-        "foreground": "#959698"
-      }
-    },
-    {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
-      "settings": {
-        "foreground": "#cf2d56"
-      }
-    }
-  ],
-  "displayName": "Cyclone Dark",
-  "type": "dark",
-  "fg": "#f1f1f1",
-  "bg": "#151518",
-  "colors": {
-    "editor.background": "#151518",
-    "editor.foreground": "#f1f1f1",
-    "editorCursor.foreground": "#4d8eff",
-    "editor.selectionBackground": "#f1f1f1",
-    "editor.selectionForeground": "#151518",
-    "editor.inactiveSelectionBackground": "#0c0c0d",
-    "editorLineNumber.foreground": "#959698",
-    "editorLineNumber.activeForeground": "#cacacb",
-    "editorIndentGuide.background1": "#46464a",
-    "editorIndentGuide.activeBackground1": "#959698",
-    "editorWhitespace.foreground": "#959698"
-  }
-}

package/dist/src/dark-dimmed/INSTALL.md

@@ -1,45 +0,0 @@
-# Installing Cyclone UI (Dark Dimmed)
-
-Generated by `@razorwind/shiki`.
-
-## Files
-
-- `theme.json` — Cyclone Light (theme id: `cyclone-dark-dimmed`)
-
-## Setup
-
-1. Copy or import the generated JSON into your app (paths depend on your bundler).
-
-2. Register themes when creating a Shiki highlighter:
-
-```ts
-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";
-
-const theme = JSON.parse(
-  await readFile("./theme.json", "utf8")
-);
-await highlighter.loadTheme(theme);
-```
-
-## Select / load theme
-
-Pass the theme id to `codeToHtml`, `codeToTokens`, or `getTokenStyle`:
-
-- `cyclone-dark-dimmed` — Cyclone Light

package/dist/src/dark-dimmed/theme.json

@@ -1,125 +0,0 @@
-{
-  "name": "cyclone-dark-dimmed",
-  "settings": [
-    {
-      "scope": [
-        "comment",
-        "punctuation.definition.comment"
-      ],
-      "settings": {
-        "foreground": "#8f8f90",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "scope": [
-        "string",
-        "constant.other.symbol"
-      ],
-      "settings": {
-        "foreground": "#60a88a"
-      }
-    },
-    {
-      "scope": [
-        "constant",
-        "constant.numeric",
-        "constant.language"
-      ],
-      "settings": {
-        "foreground": "#c59b4d"
-      }
-    },
-    {
-      "scope": [
-        "keyword",
-        "storage",
-        "storage.type"
-      ],
-      "settings": {
-        "foreground": "#638cd2"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.function",
-        "support.function"
-      ],
-      "settings": {
-        "foreground": "#638cd2"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.type",
-        "entity.other.inherited-class",
-        "support.type"
-      ],
-      "settings": {
-        "foreground": "#8e7dbb"
-      }
-    },
-    {
-      "scope": [
-        "entity.name.tag",
-        "meta.tag"
-      ],
-      "settings": {
-        "foreground": "#638cd2"
-      }
-    },
-    {
-      "scope": [
-        "entity.other.attribute-name",
-        "support.constant"
-      ],
-      "settings": {
-        "foreground": "#638cd2"
-      }
-    },
-    {
-      "scope": [
-        "variable",
-        "identifier"
-      ],
-      "settings": {
-        "foreground": "#b4b4b4"
-      }
-    },
-    {
-      "scope": [
-        "punctuation",
-        "meta.brace"
-      ],
-      "settings": {
-        "foreground": "#8f8f90"
-      }
-    },
-    {
-      "scope": [
-        "invalid",
-        "invalid.illegal"
-      ],
-      "settings": {
-        "foreground": "#ab5268"
-      }
-    }
-  ],
-  "displayName": "Cyclone Light",
-  "type": "darkDimmed",
-  "fg": "#cfcfcf",
-  "bg": "#343438",
-  "colors": {
-    "editor.background": "#343438",
-    "editor.foreground": "#cfcfcf",
-    "editorCursor.foreground": "#638cd2",
-    "editor.selectionBackground": "#cfcfcf",
-    "editor.selectionForeground": "#343438",
-    "editor.inactiveSelectionBackground": "#2e2e30",
-    "editorLineNumber.foreground": "#8f8f90",
-    "editorLineNumber.activeForeground": "#b4b4b4",
-    "editorIndentGuide.background1": "#57575a",
-    "editorIndentGuide.activeBackground1": "#8f8f90",
-    "editorWhitespace.foreground": "#8f8f90"
-  }
-}