just some refactoring

components/ContactForm/ContactForm.tsx

@@ -12,11 +12,10 @@ const InputStyles = css({
   width: "100%",
   padding: "0.8em",
   margin: "0.6em 0",
-  border: "2px solid",
+  border: "2px solid $light",
   borderRadius: "$rounded",
   color: "$text",
   backgroundColor: "$superDuperLight",
-  borderColor: "$light",
 
   // light-dark theme switch fading
   transition: "background 0.25s ease",

components/Footer/Footer.tsx

@@ -49,11 +49,7 @@ const NextjsLink = styled(Link, {
 
 const ViewSourceLink = styled(Link, {
   paddingBottom: "2px",
-  borderBottom: "1px solid",
-  borderColor: "$light",
-
-  // light-dark theme switch fading
-  transition: "border 0.25s ease",
+  borderBottom: "1px solid $light",
 
   "&:hover": {
     borderColor: "$kindaLight",

components/MenuItem/MenuItem.tsx

@@ -12,14 +12,12 @@ const Link = styled("a", {
     current: {
       true: {
         marginBottom: "-0.2em",
-        borderBottom: "0.2em solid",
-        borderColor: "$linkUnderline",
+        borderBottom: "0.2em solid $linkUnderline",
       },
       false: {
         "&:hover": {
           marginBottom: "-0.2em",
-          borderBottom: "0.2em solid",
-          borderColor: "$kindaLight",
+          borderBottom: "0.2em solid $kindaLight",
         },
       },
     },