diff options
Diffstat (limited to 'FrontEnd/src/views/common/menu')
-rw-r--r-- | FrontEnd/src/views/common/menu/Menu.css | 47 | ||||
-rw-r--r-- | FrontEnd/src/views/common/menu/Menu.tsx | 2 |
2 files changed, 5 insertions, 44 deletions
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(); |