Nav, CSS: Adjust text color of the pfp-name thing

I mean the pfp-text thing

For nav, same as other nav items (so it looks consistent, I guess)

For homepage, use a special new variable to let it feel more 'together'
with the icon.

Don't mind me, this is yet another bloat web-design commit.

assets/main.css

@@ -38,6 +38,9 @@
 	--disabled: #efefef;
 
 	--shadow-color: #fff;
+
+	/* My theme stuff */
+	--theme-purple: var(--accent);
 }
 @media (prefers-color-scheme: dark) {
 	:root {
@@ -55,6 +58,7 @@
 		--disabled: #111;
 
 		--shadow-color: #36373b;
+        --theme-purple: #af9dea;
 	}
 
 	img, video {
@@ -88,12 +92,13 @@ footer {
 .pfp-name {
 	text-decoration: none;
 	/* background-color: var(--accent-bg); */
-	color: var(--accent);
+	color: var(--theme-purple);
 	padding-left: 6px;
 	/* padding-right: 6px; */
 	padding-top: 0;
 }
 nav .pfp-name {
+	color: var(--accent-light); /* Consistency with other nav items */
     /* To have the icon and the text (.pfp-text) align */
 	display: table;
 }