better topbar consistency

src/components/desktop_nav/desktop_nav.scss

@@ -6,10 +6,6 @@
     color: var(--inputTopbarText, var(--inputText));
   }
 
-  a {
-    color: var(--link);
-  }
-
   .inner-nav {
     display: grid;
     grid-template-rows: var(--navbar-height);
@@ -91,10 +87,6 @@
     width: 2em;
     height: 100%;
     text-align: center;
-
-    .svg-inline--fa {
-      color: var(--link);
-    }
   }
 
   .sitename {

src/components/top_bar.style.js

@@ -32,6 +32,18 @@ export default {
       directives: {
         textColor: '--text'
       }
+    },
+    {
+      component: 'Icon',
+      parent: {
+        component: 'ButtonUnstyled',
+        parent: {
+          component: 'TopBar'
+        }
+      },
+      directives: {
+        textColor: '--parent--text'
+      }
     }
   ]
 }

static/palettes/index.json

@@ -54,6 +54,7 @@
     "bg": "#323337",
     "fg": "#1D1E21",
     "link": "#18A0E3",
+    "accent": "#6671E2",
     "text": "#DBDDE0",
     "cRed": "#E05053",
     "cBlue": "#6671E2",