change a bit ui

components/content/ListSystems.vue

@@ -37,8 +37,8 @@ const { initPfam } = usePfamStore();
 initPfam();
 </script>
 <template>
-  <v-card flat color="transparent" class="my-5">
-    <v-toolbar>
+  <v-card variant="outlined" class="my-5">
+    <v-toolbar color="primary">
       <v-toolbar-title>Defense Systems</v-toolbar-title>
 
       <v-text-field

nuxt.config.ts

+import { md3 } from 'vuetify/blueprints'
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   modules: [
@@ -18,7 +19,10 @@ export default defineNuxtConfig({
       icons: {
         defaultSet: 'mdi',
         sets: ['mdi', 'fa', 'md'],
-      }
+      },
+      blueprint: md3
+
+
     }
   },
   devtools: {