Add a darker accent color for light mode (accessibility), partially solves #53

public/css/global.css

@@ -130,7 +130,7 @@ a:hover {
 }
 
 .userProfile h1 {
-  color: #00b7c3;
+  color: var(--accent);
   margin: 4px;
   word-wrap: nowrap;
   text-overflow: ellipsis;
@@ -145,7 +145,7 @@ a:hover {
 }
 
 .userProfile img {
-  border: 4px solid #00b7c3;
+  border: 4px solid var(--accent);
   border-radius: 50%;
 }
 
@@ -241,6 +241,7 @@ a:hover {
     --background: #ececec;
     --secondary-background: #f5f5f5;
     --background-darker: #dddddd;
+    --accent: #0083c3;
     color-scheme: light;
   }
   body {
@@ -251,7 +252,7 @@ a:hover {
     color: black;
   }
   a:hover {
-    color: #00b7c3;
+    color: #0083c3;
   }
   .exploreIDontKnowWhatToNameThisDiv {
     background-color: var(--background);