fix history color in dark mode + flip colors of and/or

src/App/VisualEditor/HistorySVG.tsx

@@ -9,8 +9,10 @@ export const HistorySVG = memo(function HistorySVG(props: {uid: string, topLeft:
       cx={props.topLeft.x+HISTORY_RADIUS}
       cy={props.topLeft.y+HISTORY_RADIUS}
       r={HISTORY_RADIUS}
-      fill="white"
-      stroke="black"
+      style={{
+        fill: 'var(--and-state-bg-color)',
+        stroke: 'var(--rountangle-stroke-color)'
+      }}
       strokeWidth={2}
       data-uid={props.uid}
       data-parts="history"
@@ -20,6 +22,7 @@ export const HistorySVG = memo(function HistorySVG(props: {uid: string, topLeft:
       y={props.topLeft.y+HISTORY_RADIUS+5}
       textAnchor="middle"
       fontWeight={500}
+      style={{fill: 'var(--rountangle-stroke-color)'}}
       >{text}</text>
     <circle
       className="helper"

src/App/VisualEditor/hooks/useMouse.tsx

@@ -284,6 +284,7 @@ export function useMouse(makeCheckPoint: () => void, insertMode: InsertMode, zoo
                   
                 }
                 else {
+                  // @ts-ignore
                   newSelection.push({uid, part});
                 }
               } 
@@ -291,7 +292,7 @@ export function useMouse(makeCheckPoint: () => void, insertMode: InsertMode, zoo
           }
           // console.log({newSelection, oldSelection, common});
           // return [...oldSelection, ...newSelection];
-          return newSelection;xxxxxxxx  
+          return newSelection;
         })
       }
     }

src/index.css

@@ -24,8 +24,8 @@ html, body {
   --modal-backdrop-color: light-dark(rgba(200,200,200,0.7), rgba(23, 22, 32, 0.849));
   --status-inactive-color: light-dark(grey, grey);
   --status-ok-color: light-dark(forestgreen, forestgreen);
-  --or-state-bg-color: light-dark(#eee, #1a1a1a);
-  --and-state-bg-color: light-dark(white, rgb(0, 0, 0));
+  --or-state-bg-color: light-dark(#eee, #000000);
+  --and-state-bg-color: light-dark(white, rgb(46, 46, 46));
   --rountangle-stroke-color: light-dark(black, #d4d4d4);
   --active-state-bg-color: light-dark(rgb(255, 240, 214), rgb(53, 37, 18));
   --active-state-border-color: light-dark(rgb(205, 133, 0), rgb(235, 124, 21));