input focus accent

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

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);
 }