diff --git a/package.json b/package.json
index 1350b46..8aa4128 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "zerocatnext",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite --port 3003 --host",
+    "dev": "vite --port 3141 --host",
     "build": "vite build",
     "build:scratch-gui": "cd ./scratch-gui && npm run build && cd ../",
     "preview": "vite preview",
diff --git a/src/components/Comment.vue b/src/components/Comment.vue
index ecf051e..c5ccf2b 100644
--- a/src/components/Comment.vue
+++ b/src/components/Comment.vue
@@ -18,17 +18,7 @@
           ></v-img>
         </v-avatar>
       </template>
-      <template v-slot:append>
-        <v-btn icon="mdi-reply" border> </v-btn
-        ><v-btn
-           color="red-darken-1"
-        border
-          icon="mdi-delete"
-          @click="deleteCommnet({ id: comment.id })"
-          v-if="comment.user_id == localuser.user.userid"
-        >
-        </v-btn>
-      </template>
+
       <v-card-title :to="'/user/' + comment.user_id">{{
         users[comment.user_id].display_name
       }}</v-card-title>
@@ -49,7 +39,7 @@
       class="pb-3 pl-10 pr-3"
       v-if="comment.children && comment.children.length"
     >
-      <v-list density="default">
+      <v-list density="default" >
         <v-list-item
           v-for="children in comment.children.slice(0, 2)"
           :key="children.id"
@@ -84,7 +74,9 @@
     </v-card>
   </v-card>
 
-  <v-btn @click="getComments" :disabled="loadbuttondisabled"  border class="mr-2">继续加载</v-btn>
+  <v-btn @click="getComments" :disabled="loadbuttondisabled" border class="mr-2"
+    >继续加载</v-btn
+  >
   <v-btn @click="changesort" border>{{ sort }}</v-btn>
 
   <v-card class="mt-2" elevation hover border>
@@ -99,9 +91,13 @@
           :rules="commentrules"
           required
         ></v-textarea>
-        <v-btn color="primary" @click="addComment({ pid: null, rid: null })" border>
+        <v-btn
+          color="primary"
+          @click="addComment({ pid: null, rid: null })"
+          border
+        >
           评论 </v-btn
-        ><v-btn variant="text" >{{ info }}</v-btn></v-form
+        ><v-btn variant="text">{{ info }}</v-btn></v-form
       >
     </v-card-text>
   </v-card>
@@ -122,14 +118,27 @@
               </v-avatar>
             </template>
             <template v-slot:append>
-              <v-btn
-              border
-              color="red-darken-1"
-                icon="mdi-delete"
-                @click="deleteCommnet({ id: morecommnets.id })"
-                v-if="morecommnets.user_id == localuser.user.userid"
-              >
-              </v-btn>
+              <v-menu>
+                <template v-slot:activator="{ props }">
+                  <v-btn icon="mdi-dots-vertical" v-bind="props" border></v-btn>
+                </template>
+                <v-list border>
+                  <v-list-item
+                  v-if="morecommnets.user_id == localuser.user.userid"
+                  prepend-icon="mdi-delete"
+                  @click="deleteCommnet({ id: morecommnets.id })"
+                  >
+                    <v-list-item-title>删除</v-list-item-title>
+                  </v-list-item>
+                  <v-list-item
+                    prepend-icon="mdi-reply"
+                    @click="replyid = morecommnets.id"
+                  >
+                    <v-list-item-title>回复</v-list-item-title>
+                  </v-list-item>
+                </v-list>
+              </v-menu>
+
             </template>
             <v-card-title :to="'/user/' + morecommnets.user_id">{{
               users[morecommnets.user_id].display_name
@@ -167,17 +176,35 @@
                 ></v-img>
               </v-avatar>
             </template>
-            <template v-slot:append>
-              <v-btn icon="mdi-reply" @click="replyid = comment.id" border> </v-btn
-              ><v-btn
-              color="red-darken-1"
 
-              border
-                icon="mdi-delete"
-                @click="deleteCommnet({ id: comment.id })"
-                v-if="comment.user_id == localuser.user.userid"
+            <template v-slot:append>
+              <v-btn
+                icon="mdi-reply"
+                @click="replyid = comment.id"
+                border
+                v-if="comment.user_id != localuser.user.userid"
               >
               </v-btn>
+              <v-menu>
+                <template v-slot:activator="{ props }">
+                  <v-btn icon="mdi-dots-vertical" v-bind="props" border></v-btn>
+                </template>
+                <v-list border>
+                  <v-list-item
+                    v-if="comment.user_id == localuser.user.userid"
+                    prepend-icon="mdi-delete"
+                    @click="deleteCommnet({ id: comment.id })"
+                  >
+                    <v-list-item-title>删除</v-list-item-title>
+                  </v-list-item>
+                  <v-list-item
+                    prepend-icon="mdi-reply"
+                    @click="replyid = comment.id"
+                  >
+                    <v-list-item-title>回复</v-list-item-title>
+                  </v-list-item>
+                </v-list>
+              </v-menu>
             </template>
             <v-card-title :to="'/user/' + comment.user_id">{{
               users[comment.user_id].display_name
@@ -201,8 +228,8 @@
           <v-card-title class="headline"
             >回复评论{{ replyid
             }}<v-btn @click="replyid = null" v-if="replyid != null"
-                >取消</v-btn
-              ></v-card-title
+              >取消</v-btn
+            ></v-card-title
           >
           <v-card-text>
             <v-form @submit.prevent>
diff --git a/src/main.js b/src/main.js
index b298137..2bca5d6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -37,3 +37,4 @@ inject();
 
 registerPlugins(app);
 app.mount("#app");
+
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 241d7bf..e693c5b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -219,133 +219,8 @@
       variant="text"
     />
   </v-container>
-  <!--<v-container class="pa-md-12 pa-sm-6" fluid>
-  <v-responsive
-    class="text-center mx-auto mb-6 mb-md-12"
-    max-width="700"
-  >
-    <h1 class="text-md-h4 font-weight-bold mb-4 text-sm-h5">
-      Gain access for One Price
-    </h1>
-
-    <p class="text-subtitle-1 text-medium-emphasis">
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi,
-      ratione debitis quis est labore voluptatibus! Eaque cupiditate
-      minima, at placeat totam.
-    </p>
-  </v-responsive>
-
-  <v-sheet
-    border
-    class="mx-auto pa-2"
-    max-width="1000"
-    rounded="xl"
-  >
-    <v-row>
-      <v-col cols="12" md="4">
-        <v-card
-          border
-          class="h-100 flex-column d-flex align-center justify-center pa-4"
-          color="grey"
-          rounded="xl"
-          variant="tonal"
-        >
-          <div class="text-subtitle-1 font-weight-medium mb-3 opacity-70 text-high-emphasis">
-            Pay once, get access forever
-          </div>
-
-          <div class="text-h3 mb-8 text-high-emphasis font-weight-bold">
-            $199
-            <small class="text-overline">USD</small>
-          </div>
-
-          <v-btn
-            class="mb-5 text-none"
-            color="success"
-            max-height="36"
-            max-width="256"
-            rounded="lg"
-            text="Get access"
-            variant="flat"
-            width="100%"
-          />
-
-          <div class="text-caption text-medium-emphasis w-75 text-center">
-            Lorem ipsum dolor sit amet consectetur adipisicing elit.
-          </div>
-        </v-card>
-      </v-col>
-
-      <v-col class="pa-6" cols="12" md="8">
-        <h2 class="text-h5 font-weight-bold mb-4">Lifetime subscription</h2>
-
-        <p class="text-medium-emphasis mb-4">
-          Get the most out of Vuetify with a lifetime subscription. This
-          is a limited time offer and will not be available in the future.
-          Get access to all current and future features, including full
-          access to all snips components.
-        </p>
-
-        <div class="d-flex align-center mb-8">
-          <span
-            class="text-primary text-no-wrap text-body-2 font-weight-medium me-4"
-          >What you get</span>
-
-          <v-divider />
-        </div>
-
-        <v-row dense>
-          <v-col
-            v-for="feature in features"
-            :key="feature"
-            cols="12"
-            md="6"
-          >
-            <v-icon color="success" icon="$success" />
-
-            <span class="text-caption ms-2"> {{ feature }} </span>
-          </v-col>
-        </v-row>
-      </v-col>
-    </v-row>
-  </v-sheet>
-</v-container>-->
 </template>
 
-<style scoped>
-.v-bg {
-  filter: blur(128px);
-  pointer-events: none;
-}
-
-.v-bg > div {
-  background: linear-gradient(
-    to bottom right,
-    rgb(var(--v-theme-surface-variant)),
-    rgb(var(--v-theme-primary))
-  );
-  z-index: -10;
-  clip-path: polygon(
-    5% 20%,
-    15% 10%,
-    30% 15%,
-    40% 5%,
-    50% 25%,
-    60% 15%,
-    75% 30%,
-    85% 20%,
-    90% 40%,
-    70% 50%,
-    85% 70%,
-    65% 60%,
-    50% 85%,
-    35% 70%,
-    20% 80%,
-    10% 60%,
-    5% 40%
-  );
-}
-</style>
 <script>
 import { ref } from "vue";
 import request from "../axios/axios";
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 34cf0a1..dfc1b45 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -17,8 +17,133 @@ export default createVuetify({
   components: {
     VNumberInput,
   },
-
   theme: {
+    themes: {
+      light: {
+        dark: false,
+        colors: {
+          "primary-palette-key-color": "#597a97",
+          "secondary-palette-key-color": "#6c7885",
+          "tertiary-palette-key-color": "#7c5d81",
+          "neutral-palette-key-color": "#767779",
+          "neutral-variant-palette-key-color": "#72777d",
+          background: "#faf9fb",
+          "on-background": "#1a1c1e",
+          surface: "#faf9fb",
+          "surface-dim": "#dadadc",
+          "surface-bright": "#faf9fb",
+          "surface-container-lowest": "#ffffff",
+          "surface-container-low": "#f4f3f6",
+          "surface-container": "#eeedf0",
+          "surface-container-high": "#e8e8ea",
+          "surface-container-highest": "#e3e2e4",
+          "on-surface": "#1a1c1e",
+          "surface-variant": "#dee3ea",
+          "on-surface-variant": "#42474d",
+          "inverse-surface": "#2f3033",
+          "inverse-on-surface": "#f1f0f3",
+          outline: "#73777e",
+          "outline-variant": "#c2c7ce",
+          shadow: "#000000",
+          scrim: "#000000",
+          "surface-tint": "#40627d",
+          primary: "#31536e",
+          "on-primary": "#ffffff",
+          "primary-container": "#cce5ff",
+          "on-primary-container": "#001e31",
+          "inverse-primary": "#a8caea",
+          secondary: "#54606c",
+          "on-secondary": "#ffffff",
+          "secondary-container": "#d7e4f2",
+          "on-secondary-container": "#111d27",
+          tertiary: "#624568",
+          "on-tertiary": "#ffffff",
+          "tertiary-container": "#fcd7ff",
+          "on-tertiary-container": "#2a1131",
+          error: "#ba1a1a",
+          "on-error": "#ffffff",
+          "error-container": "#ffdad6",
+          "on-error-container": "#410002",
+          "primary-fixed": "#cce5ff",
+          "primary-fixed-dim": "#a8caea",
+          "on-primary-fixed": "#001e31",
+          "on-primary-fixed-variant": "#284a64",
+          "secondary-fixed": "#d7e4f2",
+          "secondary-fixed-dim": "#bbc8d6",
+          "on-secondary-fixed": "#111d27",
+          "on-secondary-fixed-variant": "#3c4853",
+          "tertiary-fixed": "#fcd7ff",
+          "tertiary-fixed-dim": "#e0bae3",
+          "on-tertiary-fixed": "#2a1131",
+          "on-tertiary-fixed-variant": "#593d5e",
+        },
+        variables: {},
+      },
+      dark: {
+        dark: true,
+        colors: {
+          "primary-palette-key-color": "#597a97",
+          "secondary-palette-key-color": "#6c7885",
+          "tertiary-palette-key-color": "#7c5d81",
+          "neutral-palette-key-color": "#767779",
+          "neutral-variant-palette-key-color": "#72777d",
+          background: "#121315",
+          "on-background": "#e3e2e4",
+          surface: "#121315",
+          "surface-dim": "#121315",
+          "surface-bright": "#38393b",
+          "surface-container-lowest": "#0d0e10",
+          "surface-container-low": "#1a1c1e",
+          "surface-container": "#1e2022",
+          "surface-container-high": "#292a2c",
+          "surface-container-highest": "#333537",
+          "on-surface": "#e3e2e4",
+          "surface-variant": "#42474d",
+          "on-surface-variant": "#c2c7ce",
+          "inverse-surface": "#e3e2e4",
+          "inverse-on-surface": "#2f3033",
+          outline: "#8c9197",
+          "outline-variant": "#42474d",
+          shadow: "#000000",
+          scrim: "#000000",
+          "surface-tint": "#a8caea",
+          primary: "#a8caea",
+          "on-primary": "#0c334d",
+          "primary-container": "#284a64",
+          "on-primary-container": "#cce5ff",
+          "inverse-primary": "#40627d",
+          secondary: "#bbc8d6",
+          "on-secondary": "#26323c",
+          "secondary-container": "#3c4853",
+          "on-secondary-container": "#d7e4f2",
+          tertiary: "#e0bae3",
+          "on-tertiary": "#412647",
+          "tertiary-container": "#593d5e",
+          "on-tertiary-container": "#fcd7ff",
+          error: "#ffb4ab",
+          "on-error": "#690005",
+          "error-container": "#930009",
+          "on-error-container": "#ffb4ab",
+          "primary-fixed": "#cce5ff",
+          "primary-fixed-dim": "#a8caea",
+          "on-primary-fixed": "#001e31",
+          "on-primary-fixed-variant": "#284a64",
+          "secondary-fixed": "#d7e4f2",
+          "secondary-fixed-dim": "#bbc8d6",
+          "on-secondary-fixed": "#111d27",
+          "on-secondary-fixed-variant": "#3c4853",
+          "tertiary-fixed": "#fcd7ff",
+          "tertiary-fixed-dim": "#e0bae3",
+          "on-tertiary-fixed": "#2a1131",
+          "on-tertiary-fixed-variant": "#593d5e",
+          "on-inverse-primary": "#a8caea",
+          "primary-fixed-variant": "#cce5ff",
+          "secondary-fixed-variant": "#d7e4f2",
+          "tertiary-fixed-variant": "#fcd7ff",
+        },
+        variables: {},
+      },
+    },
     defaultTheme: "dark",
   },
 });