Fix light theme pin icon visibility (#4477)

* Remove what-input dependency

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Use focus-visible prop and color fix in Icon

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/cluster-frame.tsx

@@ -38,7 +38,6 @@ import { ClusterPageRegistry, getExtensionPageUrl } from "../extensions/registri
 import { ExtensionLoader } from "../extensions/extension-loader";
 import { appEventBus } from "../common/event-bus";
 import { requestMain } from "../common/ipc";
-import whatInput from "what-input";
 import { clusterSetFrameIdHandler } from "../common/cluster-ipc";
 import { ClusterPageMenuRegistration, ClusterPageMenuRegistry } from "../extensions/registries";
 import { StatefulSetScaleDialog } from "./components/+workloads-statefulsets/statefulset-scale-dialog";
@@ -122,8 +121,6 @@ export class ClusterFrame extends React.Component {
       unmountComponentAtNode(rootElem);
     };
 
-    whatInput.ask(); // Start to monitor user input device
-
     const clusterContext = new FrameContext(cluster);
 
     // Setup hosted cluster context

src/renderer/components/icon/icon.scss

@@ -127,7 +127,7 @@
   }
 
   &.active {
-    color: var(--color-active);
+    color: var(--textColorAccent);
     box-shadow: 0 0 0 2px var(--iconActiveBackground);
     background-color: var(--iconActiveBackground);
   }
@@ -137,16 +137,8 @@
     transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow;
     border-radius: var(--border-radius);
 
-    &.focusable:focus:not(:hover) {
+    &.focusable:focus-visible {
       box-shadow: 0 0 0 2px var(--focus-color);
-
-      [data-whatintent='mouse'] & {
-        box-shadow: none;
-
-        &.active {
-          box-shadow: 0 0 0 2px var(--iconActiveBackground);
-        }
-      }
     }
 
     &:hover {

src/renderer/components/layout/sidebar-cluster.module.css

@@ -32,7 +32,6 @@
   &:focus-visible {
     .dropdown {
       box-shadow: 0 0 0 2px var(--focus-color);
-      color: white;
     }
   }