From 47175cf9afcd86b0b92f7121ce0c3d85b948b6dd Mon Sep 17 00:00:00 2001 From: crupest Date: Thu, 1 Jul 2021 19:59:22 +0800 Subject: ... --- FrontEnd/src/views/common/menu/Menu.css | 47 +++------------------------------ FrontEnd/src/views/common/menu/Menu.tsx | 2 +- 2 files changed, 5 insertions(+), 44 deletions(-) (limited to 'FrontEnd/src/views/common/menu') diff --git a/FrontEnd/src/views/common/menu/Menu.css b/FrontEnd/src/views/common/menu/Menu.css index 923c7d3c..c3fa82c4 100644 --- a/FrontEnd/src/views/common/menu/Menu.css +++ b/FrontEnd/src/views/common/menu/Menu.css @@ -7,51 +7,12 @@ padding: 0.5em 1.5em; cursor: pointer; transition: all 0.5s; + color: var(--cru-theme-color); } -.cru-menu-item.color-primary { - color: var(--cru-primary-color); -} - -.cru-menu-item.color-primary:hover { - color: var(--cru-primary-t-color); - background-color: var(--cru-primary-color); -} - -.cru-menu-item.color-secondary { - color: var(--cru-secondary-color); -} - -.cru-menu-item.color-secondary:hover { - color: var(--cru-secondary-t-color); - 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:hover { + color: var(--cru-theme-t-color); + background-color: var(--cru-theme-color); } .cru-menu-item-icon { diff --git a/FrontEnd/src/views/common/menu/Menu.tsx b/FrontEnd/src/views/common/menu/Menu.tsx index 04243fa3..d2f65391 100644 --- a/FrontEnd/src/views/common/menu/Menu.tsx +++ b/FrontEnd/src/views/common/menu/Menu.tsx @@ -47,7 +47,7 @@ export default function _Menu({ key={index} className={classnames( "cru-menu-item", - `color-${item.color ?? "primary"}` + `cru-${item.color ?? "primary"}` )} onClick={() => { item.onClick(); -- cgit v1.2.3