From 1f83bb6867b270aced3e1b71ca7a73bc6ac38cf4 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 1 Jul 2021 17:02:12 +0800
Subject: ...

---
 FrontEnd/src/views/common/menu/Menu.css      | 28 ++++++++++++++++++++++++++++
 FrontEnd/src/views/common/menu/PopupMenu.css |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/FrontEnd/src/views/common/menu/Menu.css b/FrontEnd/src/views/common/menu/Menu.css
index a30eb5c6..923c7d3c 100644
--- a/FrontEnd/src/views/common/menu/Menu.css
+++ b/FrontEnd/src/views/common/menu/Menu.css
@@ -6,6 +6,7 @@
   font-size: 1em;
   padding: 0.5em 1.5em;
   cursor: pointer;
+  transition: all 0.5s;
 }
 
 .cru-menu-item.color-primary {
@@ -26,6 +27,33 @@
   background-color: var(--cru-secondary-color);
 }
 
+.cru-menu-item.color-primary-enhance {
+  color: var(--cru-primary-enhance-color);
+}
+
+.cru-menu-item.color-primary-enhance:hover {
+  color: var(--cru-primary-enhance-t-color);
+  background-color: var(--cru-primary-enhance-color);
+}
+
+.cru-menu-item.color-success {
+  color: var(--cru-success-color);
+}
+
+.cru-menu-item.color-success:hover {
+  color: var(--cru-success-t-color);
+  background-color: var(--cru-success-color);
+}
+
+.cru-menu-item.color-danger {
+  color: var(--cru-danger-color);
+}
+
+.cru-menu-item.color-danger:hover {
+  color: var(--cru-danger-t-color);
+  background-color: var(--cru-danger-color);
+}
+
 .cru-menu-item-icon {
   margin-right: 1em;
 }
diff --git a/FrontEnd/src/views/common/menu/PopupMenu.css b/FrontEnd/src/views/common/menu/PopupMenu.css
index 658532d3..f6654f68 100644
--- a/FrontEnd/src/views/common/menu/PopupMenu.css
+++ b/FrontEnd/src/views/common/menu/PopupMenu.css
@@ -2,5 +2,5 @@
   z-index: 1040;
   border-radius: 5px;
   border: var(--cru-primary-color) 1px solid;
-  background-color: var(--cru-background-color);
+  background-color: white;
 }
-- 
cgit v1.2.3