Don't have PrimeVue's CSS leak to the outside world.

Author: agarny

package.json

@@ -23,7 +23,7 @@
     "url": "git+https://github.com/opencor/webapp.git"
   },
   "type": "module",
-  "version": "0.20251209.0",
+  "version": "0.20251210.0",
   "scripts": {
     "archive:web": "bun src/renderer/scripts/archive.web.js",
     "build": "electron-vite build",

src/renderer/package.json

@@ -39,7 +39,7 @@
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20251209.0",
+  "version": "0.20251210.0",
   "scripts": {
     "build": "vite build",
     "build:lib": "vite build --config vite.lib.config.ts && cp index.d.ts dist/index.d.ts",

src/renderer/src/App.vue

@@ -146,3 +146,7 @@ const rawLorenzOmexFile = vue.ref<Uint8Array>(
   ])
 );
 </script> -->
+
+<style>
+  @import "tailwindcss/preflight.css" layer(base);
+</style>

src/renderer/src/assets/app.css

@@ -1,32 +1,47 @@
-@import "tailwindcss";
+@layer theme, base, components, utilities;
+
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
 @import "tailwindcss-primeui";
 @import "primeicons/primeicons.css";
 
-:root {
-  --border-color: var(--p-content-border-color);
-}
-
 body {
-  background-color: var(--p-content-background);
-  color: var(--p-content-color);
-  margin: 0;
-  font-family:
-    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
-    "Helvetica Neue", sans-serif;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  user-select: none;
-}
+  *,
+  ::before,
+  ::after {
+    box-sizing: initial;
+  }
 
-.p-component {
-  transition: none !important;
-}
+  .opencor {
+    --border-color: var(--p-content-border-color);
 
-a {
-  color: var(--p-button-link-color);
-}
+    *,
+    ::before,
+    ::after {
+      box-sizing: border-box;
+    }
+
+    background-color: var(--p-content-background);
+    color: var(--p-content-color);
+    margin: 0;
+    font-family:
+      Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+      "Helvetica Neue", sans-serif;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    user-select: none;
+
+    .p-component {
+      transition: none !important;
+    }
+
+    a {
+      color: var(--p-button-link-color);
+    }
 
-:focus {
-  outline: none !important;
+    :focus {
+      outline: none !important;
+    }
+  }
 }

src/renderer/src/components/MainMenu.vue

@@ -251,6 +251,7 @@ if (common.isDesktop()) {
 
 .p-menubar-item-link {
   padding: 0.25rem 0.5rem !important;
+  color: var(--p-menubar-item-color);
 }
 
 :deep(.p-menubar-root-list) {

src/renderer/src/components/OpenCOR.vue

@@ -2,7 +2,7 @@
   <BlockUI
     ref="blockUi"
     :blocked="compBlockUiEnabled"
-    class="overflow-hidden h-full"
+    class="opencor overflow-hidden h-full"
     @click="activateInstance"
     @focus="activateInstance"
     @focusin="activateInstance"