From cbfd69583f9bc2465a47570f9f3e179451881860 Mon Sep 17 00:00:00 2001
From: Sasha Koshka <sashakoshka@tebibyte.media>
Date: Sat, 8 Oct 2022 21:53:37 -0400
Subject: [PATCH] Some color tweaks

---
 prototype/index.html | 21 ++++++++++++---------
 prototype/style.css  | 20 +++++++++++++++++---
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/prototype/index.html b/prototype/index.html
index 76ec659..51cafe5 100644
--- a/prototype/index.html
+++ b/prototype/index.html
@@ -61,7 +61,10 @@ for the JavaScript code in this page.
 
 <header>
 	viewing
-	<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a> as user
+	<span class=linkedPath>
+		<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a>
+	</span>
+	as user
 </header>
 
 
@@ -73,23 +76,23 @@ for the JavaScript code in this page.
 		<table class=files border=1>
 		<tbody>
 		  <tr>
-		    <td>file name</td>
-		    <td>most recent commit</td>
+		    <td><a href="/">file name</a></td>
+		    <td><a href="/">most recent commit</a></td>
 		    <td><time datetime="2023-01-01">in 2 months</time></td>
 		  </tr>
 		  <tr>
-		    <td>file name</td>
-		    <td>most recent commit</td>
+		    <td><a href="/">file name</a></td>
+		    <td><a href="/">most recent commit</a></td>
 		    <td><time datetime="2023-01-01">in 2 months</time></td>
 		  </tr>
 		  <tr>
-		    <td>file name</td>
-		    <td>most recent commit</td>
+		    <td><a href="/">file name</a></td>
+		    <td><a href="/">most recent commit</a></td>
 		    <td><time datetime="2023-01-01">in 2 months</time></td>
 		  </tr>
 		  <tr>
-		    <td>file name</td>
-		    <td>most recent commit</td>
+		    <td><a href="/">file name</a></td>
+		    <td><a href="/">most recent commit</a></td>
 		    <td><time datetime="2023-01-01">in 2 months</time></td>
 		  </tr>
 		</tbody>
diff --git a/prototype/style.css b/prototype/style.css
index b54e31e..da4d15a 100644
--- a/prototype/style.css
+++ b/prototype/style.css
@@ -5,6 +5,7 @@
 	--foreground:        #333;
 	--subtle-foreground: #888;
 	--outline:           #00000015;
+	--shine:             #00000015;
 	--accent:            #209D6E;
 	--subtle-accent:     #209D6E30;
 	--shadow:            0 4px 32px #03281A12;
@@ -16,7 +17,8 @@
 	--background:        hsl(0, 20%, 7%);
 	--foreground:        hsl(0, 25%, 90%);
 	--subtle-foreground: hsl(0, 35%, 55%);
-	--outline:           #FFFFFF10;
+	--outline:           hsl(0, 23%, 20%);
+	--shine:             #FFFFFF10;
 	--accent:            hsl(0, 80%, 40%);
 	--subtle-accent:     hsla(0, 80%, 40%, 0.2);
 	--shadow:            0 4px 32px #00000070;
@@ -85,7 +87,7 @@ h3 {
 	background: var(--glass);
 	backdrop-filter: blur(32px);
 	box-shadow: var(--shadow);
-	border-bottom: 1px solid var(--outline);
+	border-bottom: 1px solid var(--shine);
 }
 
 nav {
@@ -176,6 +178,10 @@ header {
 	}
 }
 
+.linkedPath {
+	color: var(--subtle-foreground);
+}
+
 .files {
 	border-collapse:collapse;
 	border: none;
@@ -206,8 +212,16 @@ header {
 	margin-bottom: 0.5rem;
 }
 
+.files td time {
+	color: var(--subtle-foreground);
+}
+
+.previewLabel {
+	color: var(--subtle-foreground);
+}
+
 footer {
-	padding: 1rem;
+	padding: 0 1rem 1rem 1rem;
 	text-align: center;
 	color: var(--subtle-foreground);
 }