From c2db9be6e8f4b6577450e02c97b3e616c7de45e4 Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Sat, 16 Oct 2021 03:46:22 -0400
Subject: [PATCH] input focus accent

---
 README.md         |  4 ----
 src/grayscale.css | 19 ++++++++-----------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index b3ab7e9..0f4e202 100644
--- a/README.md
+++ b/README.md
@@ -56,8 +56,4 @@ Still have a bunch of tiny tweaks and extras to build, but th
 
 - ability for an accent color (defaults to theme)
 
-- Tweak `code`, `pre`, `kbd`
-
-- input highlight on focus
-
 - documentation around `main` , `article`, `section` tags
diff --git a/src/grayscale.css b/src/grayscale.css
index 57bd78c..bfa1cb3 100644
--- a/src/grayscale.css
+++ b/src/grayscale.css
@@ -14,8 +14,7 @@
     --space: 1rem;
 }
 
-[data-theme="light"],
-:root:not([data-theme="dark"]) {
+[data-theme="light"],:root:not([data-theme="dark"]) {
     --light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
     --dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
     --gray: hsl(var(--Hsl), 15%, 75%);
@@ -157,8 +156,11 @@ input:disabled {
     cursor:not-allowed;
 }
 
-input[type="checkbox"],
-input[type="radio"] {
+select:focus, textarea:focus, input:focus {
+    border: 2px solid var(--theme);
+}
+
+input[type="checkbox"],input[type="radio"] {
     background: red;
     display: inline-block;
     padding: 0;
@@ -167,11 +169,7 @@ input[type="radio"] {
     height: calc(var(--size) * .8);
 }
 
-button,
-input[type="submit"],
-input[type="reset"], 
-select,
-textarea {
+button,input[type="submit"],input[type="reset"],select,textarea {
     display: inline-block;
     outline: none;
     font-family: var(--font);
@@ -187,8 +185,7 @@ textarea {
     cursor: pointer;
 }
 
-input[type="submit"],
-input[type="reset"] {
+input[type="submit"],input[type="reset"] {
     background-color: var(--theme);
     color: var(--bg);
 }