CSS refactors

Author: Josh-Cena

src/Layout/Command/index.module.css

@@ -22,7 +22,6 @@
 .cleanButton {
   outline: none;
   font-family: var(--font-code);
-  color: var(--color-text);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -47,7 +46,6 @@
   border: none;
   outline: none;
   font-family: var(--font-code);
-  color: var(--color-text);
   width: 100%;
   min-width: 0;
 }

src/global.css

@@ -114,8 +114,10 @@ p {
 
 input,
 button {
+  background-color: var(--color-background);
   font-family: var(--font-main);
   font-size: 1em;
+  color: var(--color-text);
 }
 
 code {

src/pages/tools/color-converter/index.module.css

@@ -16,7 +16,6 @@
   border-radius: var(--border-radius-small);
   border: var(--color-primary) solid 1px;
   background-color: transparent;
-  color: var(--color-text);
   padding: 0 1em;
 }
 

src/pages/tools/keyboard-visualizer/index.module.css

@@ -40,6 +40,7 @@
 
 .mapItem {
   display: flex;
+  align-items: center;
 }
 
 .mapItem:is(:hover, :focus-within) {
@@ -62,6 +63,7 @@
   height: 1.5em;
   justify-content: center;
   align-items: center;
+  font-weight: bolder;
 }
 
 .mapItemDeleteButton:hover {