fix hover for FE submenu

Author: Aniket-Engg

apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css

@@ -135,6 +135,8 @@
   --bs-form-invalid-color: #e74c3c;
   --bs-form-invalid-border-color: #e74c3c;
   --custom-ai-color: #1ea2aa;
+  --custom-onsurface-layer-1:#f8fafe;
+  --custom-onsurface-layer-2:#fff;
 }
 
 [data-bs-theme=dark] {
@@ -192,6 +194,8 @@
   --bs-form-invalid-color: #f1948a;
   --bs-form-invalid-border-color: #f1948a;
   --custom-ai-color: #2de7f3;
+  --custom-onsurface-layer-1:#f8fafe;
+  --custom-onsurface-layer-2:#fff;
 }
 
 *,

libs/remix-ui/workspace/src/lib/css/file-explorer-context-menu.css

@@ -4,20 +4,20 @@
   position: fixed;
   border-radius: 2px;
   z-index: 1000;
-  box-shadow: 0 0 4px var(--dark);
+  box-shadow: 0 0 4px var(--bs-dark);
 }
 .remixui_contextContainer:focus {
     outline: none;
 }
 .remixui_liitem
 {
   cursor: pointer;
-  color: var(--text-dark);
+  color: var(--bs-dark);
   background-color: var(--bs-light);
 }
 .remixui_liitem:hover
 {
-  background-color:  var(--bs-secondary);
+  background-color:  var(--custom-onsurface-layer-2);
 }
 #remixui_menuitems
 {