From 2e432e356fd0382e18e77d272582f60096773992 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Mon, 16 May 2022 20:44:28 +0800
Subject: [PATCH] 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 | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/main.css b/assets/main.css
index fb189ee..0966aeb 100644
--- a/assets/main.css
+++ b/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;
 }