Change header toggle buttons to secondary color

src/App/Header/Authenticate.svelte

@@ -26,7 +26,7 @@
   }
   .avatar {
     height: 1.5rem;
-    color: var(--color-fill-primary) !important;
+    color: var(--color-fill-secondary) !important;
     display: flex;
     gap: 0.5rem;
     align-items: center;
@@ -58,7 +58,7 @@
       let:toggle
       on:click={toggle}
       size="large"
-      variant="primary-toggle-on">
+      variant="secondary-toggle-on">
       <div class="avatar">
         <NodeId
           large
@@ -93,7 +93,7 @@
       });
     }}
     size="large"
-    variant="primary-toggle-off">
+    variant="secondary-toggle-off">
     <IconSmall name="key" />
     Authenticate
     <div class="indicator" />
@@ -107,7 +107,7 @@
       });
     }}
     size="large"
-    variant="primary-toggle-off">
+    variant="secondary-toggle-off">
     <IconSmall name="chat" />
     Authenticate
   </Button>

src/App/Header/Breadcrumbs/NodeSegment.svelte

@@ -11,7 +11,7 @@
 
 <style>
   .segment :global(a:hover) {
-    color: var(--color-fill-primary);
+    color: var(--color-fill-secondary);
   }
 </style>
 

src/App/Header/Breadcrumbs/ProjectSegment.svelte

@@ -18,7 +18,7 @@
     gap: 0.25rem;
   }
   .segment :global(a:hover) {
-    color: var(--color-fill-primary);
+    color: var(--color-fill-secondary);
   }
 </style>
 

src/App/Header/Connect.svelte

@@ -54,7 +54,7 @@
       on:click={toggle}
       title={buttonTitle[$httpdStore.state]}
       size="large"
-      variant="primary-toggle-off">
+      variant="secondary-toggle-off">
       <IconSmall name="device" />
       Connect
     </Button>
@@ -79,7 +79,7 @@
       on:click={toggle}
       title={buttonTitle[$httpdStore.state]}
       size="large"
-      variant="primary-toggle-on">
+      variant="secondary-toggle-on">
       <IconSmall name="device" />
       Connected
     </Button>

src/App/Header/NodeInfo.svelte

@@ -23,7 +23,7 @@
     let:toggle
     on:click={toggle}
     size="large"
-    variant={running ? "primary-toggle-on" : "primary-toggle-off"}>
+    variant={running ? "secondary-toggle-on" : "secondary-toggle-off"}>
     <IconSmall name="broadcasting" />
     {#if running}
       Syncing