added dark mode for ax tree

Author: garrettlchow

src/app/components/StateRoute/AxMap/axLinkControls.tsx

@@ -40,8 +40,8 @@ const AxLinkControls = ({
           onChange={(e) => setOrientation(e.target.value)}
           value={orientation}
         >
-          <option value='vertical'>vertical</option>
-          <option value='horizontal'>horizontal</option>
+          <option value='vertical'>Vertical</option>
+          <option value='horizontal'>Horizontal</option>
         </select>
       </div>
 
@@ -53,10 +53,10 @@ const AxLinkControls = ({
           onChange={(e) => setLinkType(e.target.value)}
           value={linkType}
         >
-          <option value='diagonal'>diagonal</option>
-          <option value='step'>step</option>
-          <option value='curve'>curve</option>
-          <option value='line'>line</option>
+          <option value='diagonal'>Diagonal</option>
+          <option value='step'>Step</option>
+          <option value='curve'>Curve</option>
+          <option value='line'>Line</option>
         </select>
       </div>
 

src/app/styles/components/_ax.scss

@@ -1,9 +1,3 @@
-// Ax.tsx
-.axControls {
-  display: flex;
-  justify-content: space-evenly;
-}
-
 /* Container for the radio controls */
 .accessibility-controls {
   display: flex;

src/app/styles/components/_performanceVisx.scss

@@ -2,10 +2,10 @@
   display: flex;
   align-items: center;
   padding: 12px 16px;
-  background-color: white;
+  background-color: var(--bg-primary);
   max-width: 1200px;
   justify-content: space-around;
-  border-bottom: 1px solid #e5e7eb;
+  border-bottom: 1px solid var(--border-color);
 }
 
 .routesForm {
@@ -17,7 +17,7 @@
 #routes-dropdown {
   font-size: 14px;
   font-weight: 500;
-  color: #4b5563;
+  color: var(--text-secondary);
   user-select: none;
   white-space: nowrap;
 }
@@ -67,9 +67,9 @@
 
 // bar graph background
 .perf-rect {
-  fill: #f9fafb;
+  fill: var(--bg-secondary);
 }
 
 .bargraph-position {
-  background-color: #f9fafb;
+  background-color: var(--bg-secondary);
 }