From 0757dd9e77ce8f839ca00bee7e1cfbd2fec9fce2 Mon Sep 17 00:00:00 2001
From: Alexey Timin <atimin@gmail.com>
Date: Sun, 23 Jun 2024 17:30:43 +0200
Subject: [PATCH] fix menu

---
 src/App.css |  3 ++-
 src/App.tsx | 12 ++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/App.css b/src/App.css
index 8c95fb0..3579f9a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -23,5 +23,6 @@
 }
 
 .ant-menu-item-active {
-  background-color: #531dab !important;
+  background-color: #cccccc !important;
+  color: #231b49 !important;
 }
diff --git a/src/App.tsx b/src/App.tsx
index db4bfb8..b5ca19c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -23,7 +23,7 @@ type State = {
   permissions?: TokenPermissions;
 };
 
-const primaryColor = "#231b49";
+const PRIMARY_COLOR = "#231b49";
 
 export default class App extends React.Component<Props, State> {
   constructor(props: Props) {
@@ -67,14 +67,14 @@ export default class App extends React.Component<Props, State> {
         <ConfigProvider
           theme={{
             token: {
-              colorPrimary: primaryColor,
-              colorLink: primaryColor,
+              colorPrimary: PRIMARY_COLOR,
+              colorLink: PRIMARY_COLOR,
             },
             components: {
               Menu: {
-                colorBgContainer: primaryColor,
+                colorBgContainer: PRIMARY_COLOR,
                 colorText: "#cccccc",
-                colorLink: primaryColor,
+                colorLink: PRIMARY_COLOR,
                 colorLinkHover: "#111",
               },
             },
@@ -83,7 +83,7 @@ export default class App extends React.Component<Props, State> {
           <Layout style={{ minHeight: "100vh" }}>
             <Layout.Sider
               className="Sider"
-              style={{ backgroundColor: primaryColor }}
+              style={{ backgroundColor: PRIMARY_COLOR }}
             >
               <Menu
                 className="MenuItem"