Add dark mode selector

caido-community · Sep 17, 2024 · 09371e6 · 09371e6
1 parent 43a3b23
commit 09371e6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
   "id": "authmatrix",
   "name": "AuthMatrix",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Grid-based authorization testing across multiple users and roles.",
   "author": {
     "name": "Caido Labs Inc.",

diff --git a/packages/frontend/src/app.ts b/packages/frontend/src/app.ts
@@ -23,6 +23,13 @@ export const defineApp = (sdk: CaidoSDK) => {
   app.use(PrimeVue, {
     theme: {
       preset: ClassicTheme,
+      options: {
+        /**
+         * The selector to use to determine if the user has selected dark mode.
+         * This selector is present in the HTML of the core Caido app, not the plugin.
+         */
+        darkModeSelector: "[data-mode=dark]",
+      }
     },
     pt: {
       ...ClassicThemePassthrough,