add app readme

lots of styling improvements
fix dark/bright mode

app/src/components/ToolBar/index.tsx

@@ -25,9 +25,9 @@ const ToolBarButton: FC<{ children: ReactNode; onClick?: () => void }> = ({
       onClick={onClick}
       onMouseOver={() => !didHover && setDidHover(true)}
       asChild
-      className="text-white p-[10px] bg-gray-900 flex-shrink-0 flex-grow-0 
+      className="text-main p-[10px] bg-neutral flex-shrink-0 flex-grow-0 
   basis-auto w-[40px] h-[40px] rounded inline-flex text-[13px] leading-none 
-  items-center justify-center outline-none hover:bg-indigo-900 
+  items-center justify-center outline-none hover:bg-primary/50
   transition-colors
   focus:relative focus:shadow-[0_0_0_2px] focus:shadow-indigo"
     >
@@ -52,7 +52,7 @@ const ToolBar = () => {
   return (
     <Toolbar.Root
       asChild
-      className="bg-gray-800 flex flex-col gap-1 p-1 h-full"
+      className="bg-neutral-accent flex flex-col gap-1 p-1 h-full"
       orientation="vertical"
     >
       <motion.div