New UI colors and changes

src/pages/Nodes/Index.tsx

@@ -14,6 +14,8 @@ import { IconButton } from '@meshtastic/components';
 import { NodeCard } from './NodeCard';
 import { Sidebar } from './Sidebar';
 
+// const getMarkerRadius = ():number => {}
+
 export const Nodes = (): JSX.Element => {
   const myNodeInfo = useAppSelector((state) => state.meshtastic.radio.hardware);
 
@@ -99,7 +101,11 @@ export const Nodes = (): JSX.Element => {
                   setSelectedNode(node);
                   setSidebarOpen(true);
                 }}
-                className="z-50 bg-blue-500 border-2 border-blue-500 rounded-full bg-opacity-30"
+                className={`z-50 border-2  rounded-full bg-opacity-30 ${
+                  node.number === selectedNode?.number
+                    ? 'bg-green-500 border-green-500'
+                    : 'bg-blue-500 border-blue-500'
+                }`}
               >
                 <div className="m-4 ">
                   <FiMapPin className="w-5 h-5" />

src/pages/Nodes/Sidebar.tsx

@@ -76,9 +76,9 @@ export const Sidebar = ({ node, closeSidebar }: SidebarProps): JSX.Element => {
           <Tab.Panel className="p-2">Content 1</Tab.Panel>
           <Tab.Panel className="p-2">
             {node.currentPosition && (
-              <div className="flex justify-between h-10 px-1 bg-transparent border border-gray-300 rounded-md select-none dark:border-gray-600">
-                <div className="my-auto">
-                  {(node.currentPosition.latitudeI / 1e7).toPrecision(6)},
+              <div className="flex justify-between h-10 px-1 text-gray-500 bg-transparent bg-gray-200 border border-gray-300 rounded-md select-none dark:border-gray-600 dark:bg-secondaryDark dark:text-gray-400 ">
+                <div className="px-1 my-auto">
+                  {(node.currentPosition.latitudeI / 1e7).toPrecision(6)},&nbsp;
                   {(node.currentPosition?.longitudeI / 1e7).toPrecision(6)}
                 </div>
                 <IconButton

src/pages/Plugins/Files.tsx

@@ -74,7 +74,7 @@ export const Files = ({ navOpen, setNavOpen }: RangeTestProps): JSX.Element => {
               {data.data.files.map((file: IFile) => (
                 <div
                   key={file.name}
-                  className="flex justify-between mx-4 bg-gray-300 rounded-md dark:bg-gray-600 "
+                  className="flex justify-between mx-4 bg-gray-300 rounded-md dark:bg-secondaryDark "
                 >
                   <div className="flex p-2 max-h-12">
                     <div className="flex w-12">