From b0356bbd33d6e607eac9d888ba186c22948da1a2 Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sat, 23 Oct 2021 14:49:10 -0400
Subject: [PATCH] integrate accent color option

---
 src/grayscale.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/grayscale.css b/src/grayscale.css
index 5a0978c..723644e 100644
--- a/src/grayscale.css
+++ b/src/grayscale.css
@@ -4,6 +4,7 @@
     --hSl: 50%;
     --hsL: 50%;
     --theme: hsl(var(--Hsl), var(--hSl), var(--hsL));
+    --accent: var(--theme);
     --font: Arial, Helvetica, san-serif;
     --line: 1.5;
     --weight: 400;
@@ -95,8 +96,16 @@ th,td {
     border-bottom: 1px solid var(--theme);
 }
 
+tbody>tr:nth-child(2) {
+    background: var(--hint);
+}
+
+tbody>tr:hover {
+    background: var(--accent);
+}
+
 a {
-    color: var(--theme);
+    color: var(--accent);
 }
 
 a:hover {
@@ -105,7 +114,7 @@ a:hover {
 
 blockquote {
     margin: var(--space) 0;
-    border-left: calc(var(--space) / 2) solid var(--hint);
+    border-left: calc(var(--space) / 2) solid var(--accent);
     color: var(--hint);
     background: var(--dark);
     padding: var(--space);
@@ -127,7 +136,7 @@ pre>code {
 }
 
 hr {
-    color: var(--theme);
+    color: var(--accent);
     border: 1px solid;
 }
 
@@ -142,11 +151,11 @@ h1 {
 }
 
 h2 {
-    color: var(--theme);
+    color: var(--accent);
 }
 
 h3 {
-    border-bottom: 1px solid var(--theme);
+    border-bottom: 1px solid var(--accent);
 }
 
 section {
@@ -189,7 +198,7 @@ input:disabled {
 }
 
 select:focus,textarea:focus,input:focus {
-    border: 2px solid var(--theme);
+    border: 2px solid var(--accent);
 }
 
 input[type="checkbox"],input[type="radio"] {