From be663fc4e3ae528ea6462d7aa66f451a34e8f568 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Wed, 18 Dec 2024 18:36:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                    | 73 --------------------------------
 src/components/CommandCard.vue |  6 +--
 src/css/app.css                | 77 ++++++++++++++++++++++++++++++++++
 3 files changed, 79 insertions(+), 77 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6a4fb28..79c617b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -242,76 +242,3 @@ export default defineComponent({
   },
 });
 </script>
-
-<style>
-:root {
-  --q-dark: #464646;
-  --q-dark-page: #303133;
-}
-
-.q-card--dark {
-  background: var(--q-dark-page);
-}
-
-.container {
-  color: black;
-  background: white;
-}
-
-.body--dark .container {
-  color: white;
-  background: var(--q-dark-page);
-}
-
-.q-tooltip {
-  font-size: 11px;
-}
-
-.q-chip {
-  background: #e3e3e39a;
-}
-
-.q-chip--dark {
-  background: #676666;
-}
-
-.commandLogo {
-  cursor: pointer;
-  transition: 0.2s;
-  filter: drop-shadow(2px 1px 1px grey);
-}
-
-.commandLogo:hover {
-  transition: 0.5s;
-  transform: translateY(-5px);
-  filter: drop-shadow(2px 1px 5px grey);
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-  background: rgba(194, 194, 194, 0.4);
-  border: rgba(194, 194, 194, 0.4);
-}
-
-::-webkit-scrollbar-track-piece {
-  background: rgba(194, 194, 194, 0.1);
-}
-
-.fade-enter-from {
-  opacity: 0;
-}
-
-.fade-enter-to {
-  opacity: 1;
-}
-
-.fade-enter-active {
-  transition: opacity 0.3s ease;
-}
-</style>
diff --git a/src/components/CommandCard.vue b/src/components/CommandCard.vue
index 8c55388..19fb7c1 100644
--- a/src/components/CommandCard.vue
+++ b/src/components/CommandCard.vue
@@ -478,12 +478,10 @@ export default {
 .q-card.command {
   cursor: pointer;
   user-select: none;
-  background: #00000008;
+  background: #ffffff08;
   transition: 0.5s;
 }
-.q-card--dark.command {
-  background: #ffffff08;
-}
+
 .q-badge {
   font-size: 15px;
   margin: 0 1px;
diff --git a/src/css/app.css b/src/css/app.css
index 32aebdc..1a343b9 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -26,6 +26,82 @@
   content: "\e6bb";
 }
 
+:root {
+  --q-dark: #464646;
+  --q-dark-page: #303133;
+}
+
+.q-card--dark {
+  background: var(--q-dark-page);
+}
+
+.container {
+  color: black;
+  background: white;
+}
+
+body {
+  background: #f4f4f4;
+  color: #333;
+}
+
+.body--dark .container {
+  color: white;
+  background: var(--q-dark-page);
+}
+
+.q-tooltip {
+  font-size: 11px;
+}
+
+.q-chip {
+  background: #e3e3e39a;
+}
+
+.q-chip--dark {
+  background: #676666;
+}
+
+.commandLogo {
+  cursor: pointer;
+  transition: 0.2s;
+  filter: drop-shadow(2px 1px 1px grey);
+}
+
+.commandLogo:hover {
+  transition: 0.5s;
+  transform: translateY(-5px);
+  filter: drop-shadow(2px 1px 5px grey);
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  background: rgba(194, 194, 194, 0.4);
+  border: rgba(194, 194, 194, 0.4);
+}
+
+::-webkit-scrollbar-track-piece {
+  background: rgba(194, 194, 194, 0.1);
+}
+
+.fade-enter-from {
+  opacity: 0;
+}
+
+.fade-enter-to {
+  opacity: 1;
+}
+
+.fade-enter-active {
+  transition: opacity 0.3s ease;
+}
+
 /* 优化 Tooltip 样式 */
 .q-tooltip {
   background: rgba(255, 255, 255, 0.18) !important;
@@ -54,6 +130,7 @@
     opacity: 0;
     transform: scale(0.95) translateY(5px);
   }
+
   to {
     opacity: 1;
     transform: scale(1) translateY(0);