From cf53e8df6aa68e09697725d7c76f0c45f521338c Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Sun, 11 Aug 2024 19:39:55 -0400
Subject: [PATCH] Revert "Update primevue/themes to 4.0.0 (#378)" (#379)

This reverts commit d1d4324e579d2936141c826d343cde86071ae809.
---
 package-lock.json | 34 +++++++++++++++++++++-------------
 package.json      |  2 +-
 src/main.ts       |  4 +++-
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5a6c070b7..41f4007cf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "@atlaskit/pragmatic-drag-and-drop": "^1.2.1",
         "@comfyorg/litegraph": "^0.7.44",
-        "@primevue/themes": "^4.0.0",
+        "@primevue/themes": "^4.0.0-rc.2",
         "@vitejs/plugin-vue": "^5.0.5",
         "class-transformer": "^0.5.1",
         "dotenv": "^16.4.5",
@@ -3315,13 +3315,10 @@
       }
     },
     "node_modules/@primeuix/styled": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.0.5.tgz",
-      "integrity": "sha512-pVoGn/uPkVm/DyF3TR3EmH/pL/dP4nR42FcYbVduFq9VfO3KVeOEqvcCULHXos66RZO9MCbCFUoLy6ctf9GUGQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@primeuix/utils": "^0.0.5"
-      },
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.0.1.tgz",
+      "integrity": "sha512-0psCSZr3906UwC4mTl2ol4aDoLvdbM0ekJFLKvCvC2oQ9z2YZhmUOVZQNNxBW34mChDzZYcAcRWXADQz3z5lBg==",
+      "peer": true,
       "engines": {
         "node": ">=12.11.0"
       }
@@ -3351,6 +3348,18 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/@primevue/core/node_modules/@primeuix/styled": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.0.5.tgz",
+      "integrity": "sha512-pVoGn/uPkVm/DyF3TR3EmH/pL/dP4nR42FcYbVduFq9VfO3KVeOEqvcCULHXos66RZO9MCbCFUoLy6ctf9GUGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@primeuix/utils": "^0.0.5"
+      },
+      "engines": {
+        "node": ">=12.11.0"
+      }
+    },
     "node_modules/@primevue/icons": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.0.0.tgz",
@@ -3364,15 +3373,14 @@
       }
     },
     "node_modules/@primevue/themes": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@primevue/themes/-/themes-4.0.0.tgz",
-      "integrity": "sha512-y1HKYTuWma3T8NM9xVsLeJJeFWMxLIdJqNvQ+l8CnASgU+GH+KxMXOpPXqTAiJ2zpPmBL5VwpCCJWX93DjjvMQ==",
-      "license": "MIT",
+      "version": "4.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@primevue/themes/-/themes-4.0.0-rc.2.tgz",
+      "integrity": "sha512-4y9NlDDwA4J51aNoO1+7anPOwjNTpCzetOZlKY7pQfxxpAmKUM4ouf87kjQz0/IFjBIxN4ZK3XfwtamFoL08Ug==",
       "engines": {
         "node": ">=12.11.0"
       },
       "peerDependencies": {
-        "@primeuix/styled": "^0.0.5"
+        "@primeuix/styled": "^0.0.1"
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
diff --git a/package.json b/package.json
index 9408b3fd3..abbe5714a 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.2.1",
     "@comfyorg/litegraph": "^0.7.44",
-    "@primevue/themes": "^4.0.0",
+    "@primevue/themes": "^4.0.0-rc.2",
     "@vitejs/plugin-vue": "^5.0.5",
     "class-transformer": "^0.5.1",
     "dotenv": "^16.4.5",
diff --git a/src/main.ts b/src/main.ts
index 443c48933..e4e66444e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -27,7 +27,9 @@ app
       options: {
         prefix: 'p',
         cssLayer: false,
-        darkModeSelector: '.dark-theme'
+        // This is a workaround for the issue with the dark mode selector
+        // https://github.com/primefaces/primevue/issues/5515
+        darkModeSelector: '.dark-theme, :root:has(.dark-theme)'
       }
     }
   })