feat: Add theme support to CannyChangelog

.github/workflows/publish-beta.yml

@@ -21,10 +21,10 @@ jobs:
             id-token: write
         steps:
           - name: Checkout code
-            uses: actions/checkout@v4
+            uses: actions/checkout@v6
 
           - name: Setup Node.js
-            uses: actions/setup-node@v4
+            uses: actions/setup-node@v6
             with:
                 node-version: 24
                 registry-url: 'https://registry.npmjs.org'
@@ -35,7 +35,7 @@ jobs:
                 tag: beta
 
           - name: Cache dependencies
-            uses: actions/cache@v4
+            uses: actions/cache@v5
             with:
                 path: ~/.npm
                 key: ${{ runner.os }}-npm-${{ hashFiles('**/package.json') }}

.github/workflows/publish-latest.yml

@@ -15,16 +15,16 @@ jobs:
             id-token: write
         steps:
           - name: Checkout code
-            uses: actions/checkout@v4
+            uses: actions/checkout@v6
 
           - name: Setup Node.js
-            uses: actions/setup-node@v4
+            uses: actions/setup-node@v6
             with:
                 node-version: 24
                 registry-url: 'https://registry.npmjs.org'
 
           - name: Cache dependencies
-            uses: actions/cache@v4
+            uses: actions/cache@v5
             with:
                 path: ~/.npm
                 key: ${{ runner.os }}-npm-${{ hashFiles('**/package.json') }}
@@ -49,10 +49,10 @@ jobs:
         needs: publish
         steps:
           - name: Checkout code
-            uses: actions/checkout@v4
+            uses: actions/checkout@v6
 
           - name: Setup Node.js
-            uses: actions/setup-node@v4
+            uses: actions/setup-node@v6
             with:
                 node-version: 24
                 registry-url: 'https://registry.npmjs.org'

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-canny",
-    "version": "0.0.8",
+    "version": "0.0.9",
     "author": "Kris Papercut <krispcut@gmail.com>",
     "description": "Canny.io integration for react",
     "license": "MIT",

src/makes/Canny.ts

@@ -10,6 +10,7 @@ export type ChangeLogOptions = {
     appID: string;
     align: "top" | "bottom" | "left" | "right";
     position: "top" | "bottom" | "left" | "right";
+    theme?: "auto" | "light" | "dark";
     labelIDs?: string[];
 };
 

src/views/CannyChangelog/index.tsx

@@ -19,6 +19,7 @@ export const CannyChangelog: React.FC<CannyChangelogProps> = (props) => {
         component: Component = "button",
         align = "left",
         position = "bottom",
+        theme = "auto",
         labelIDs,
         children,
         ...rest
@@ -38,11 +39,12 @@ export const CannyChangelog: React.FC<CannyChangelogProps> = (props) => {
             appID: appId,
             align,
             position,
+            theme,
             labelIDs
         });
 
         return () => canny.closeChangelog();
-    }, [appId, align, position, labelIDs]);
+    }, [appId, align, position, theme, labelIDs]);
 
     return (
         <Component