grouping modified

src/main.js

@@ -1,16 +1,16 @@
+import PrimeVue from 'primevue/config';
+import ConfirmationService from 'primevue/confirmationservice';
+import ToastService from 'primevue/toastservice';
 import { createApp } from 'vue';
 import App from './App.vue';
 import router from './router';
 
-import Aura from '@primevue/themes/aura';
-import PrimeVue from 'primevue/config';
-import ConfirmationService from 'primevue/confirmationservice';
-import ToastService from 'primevue/toastservice';
-
 import BlockViewer from '@/components/BlockViewer.vue';
+import { definePreset } from '@primevue/themes';
 
 import '@/assets/styles.scss';
 import '@/assets/tailwind.css';
+import Aura from '@primevue/themes/aura';
 import axios from 'axios';
 
 axios.defaults.baseURL = import.meta.env.VITE_BACKEND_URL; //'http://localhost:8082'
@@ -47,10 +47,18 @@ const app = createApp(App);
 
 app.use(router);
 app.use(auth);
+
+const MyPreset = definePreset(Aura, {
+    semantic: {
+        primary: {50: '#ecfeff', 100: '#cffafe', 200: '#a5f3fc', 300: '#67e8f9', 400: '#22d3ee', 500: '#06b6d4', 600: '#0891b2', 700: '#0e7490', 800: '#155e75', 900: '#164e63', 950: '#083344'  }
+    }
+});
+
 app.use(PrimeVue, {
     theme: {
-        preset: Aura,
+        preset: MyPreset,
         options: {
+            prefix: 'p',
             darkModeSelector: '.app-dark'
         }
     }