chore: nav

src/assets/styles/base/index.css

@@ -352,18 +352,19 @@ nav .active svg {
 .brand-github svg { stroke: var(--brand-github) !important; }
 .brand-npm svg { stroke: var(--brand-npm) !important; }
 .brand-mastodon svg { stroke: var(--brand-mastodon) !important; }
-.brain svg { stroke: var(--brand-listenbrainz) !important; }
 .article svg { stroke: var(--posts) !important }
-.headphones svg { stroke: var(--music) !important; }
-.device-tv svg { stroke: var(--tv) !important; }
 .books svg { stroke: var(--books) !important; }
-.link svg { stroke: var(--links) !important; }
-.info-square svg { stroke: var(--about) !important }
-.search svg { stroke: var(--search) !important }
+.brain svg { stroke: var(--brand-listenbrainz) !important; }
+.clock-hour-3 svg { stroke: var(--now) !important; }
 .coffee svg { stroke: var(--brand-buy-me-a-coffee) !important; }
-.heart-handshake svg { stroke: var(--webrings) !important; }
-.rss svg { stroke: var(--brand-rss) !important; }
+.device-tv svg { stroke: var(--tv) !important; }
 .favorite svg { stroke: var(--favorite) !important }
+.headphones svg { stroke: var(--music) !important; }
+.heart-handshake svg { stroke: var(--webrings) !important; }
+.info-circle svg { stroke: var(--about) !important }
+.link svg { stroke: var(--links) !important; }
+.rss svg { stroke: var(--brand-rss) !important; }
+.search svg { stroke: var(--search) !important }
 
 /* layout */
 .default-wrapper {

src/assets/styles/defaults/vars.css

@@ -49,19 +49,21 @@
   --brand-listenbrainz: #e97941;
   --brand-buy-me-a-coffee: #40dca5;
   --brand-rss: #f26522;
-  --posts: #008080;
-  --music: #1e90ff;
-  --tv: #ff4500;
-  --books: #32cd32;
-  --links: #9370db;
+
   --about: #ff6347;
-  --search: #4682b4;
-  --webrings: #da70d6;
-  --moon: #6a5acd;
-  --sun: #ffa500;
-  --favorite: #ff69b4;
-  --warning: #ff8c00;
+  --books: #32cd32;
   --error: #d92525;
+  --favorite: #ff69b4;
+  --links: #9370db;
+  --moon: #6a5acd;
+  --music: #1e90ff;
+  --now: #ff1493;
+  --posts: #008080;
+  --search: #4682b4;
+  --sun: #ffa500;
+  --tv: #ff4500;
+  --warning: #ff8c00;
+  --webrings: #da70d6;
 
   /* fonts */
   --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;