Changed the theme of the website to be darker

public/manifest.json

@@ -20,6 +20,6 @@
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#3F3F4A",
+  "background_color": "#3F3F4A"
 }

src/components/css/Github.css

@@ -1,3 +1,8 @@
+.Github {
+    background-color: #3F3F4A;
+    color: #AA9AA0;
+}
+
 .repo-list {
     display:flex;
     flex-direction: column;
@@ -10,6 +15,7 @@
     border-top-style: solid;
     border-top-color: #A4A4A1;
     border-top-width:2px;
+    font-size: x-large;
     display: flex;
     flex-direction: column;
     align-items: left;
@@ -17,8 +23,9 @@
 }
 
 .repo .title {
+    color: #BF8D8C !important;
+    font-size: 48px;
     margin-top: 10px;
-    color: #3A4ADC;
     font-weight:bold;
     width:fit-content;
     width:-moz-fit-content;
@@ -35,6 +42,7 @@
     display:flex;
     flex-direction: row;
     align-items:center;
+    font-size: x-large;
 }
 
 .repo .website {
@@ -47,6 +55,7 @@
     align-items:center;
     text-align: center;
     width: 88px;
+    font-size: large;
 }
 
 .repo .description {
@@ -68,5 +77,6 @@
     margin: 2px;
     margin-left: 5px;
     border-radius: 10px;
-    background-color: #AAAAAA;
+    background-color: #756B6A;
+    color: #DAD4DF;
 }

src/components/css/Home.css

@@ -17,6 +17,7 @@ a:visited {
 html, body {
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;    margin:0;
     width:100%;
+    background-color: #3F3F4A;
 }
 
 .App {

src/components/css/Modal.css

@@ -44,11 +44,13 @@
 
 .modal form button {
     padding: 10px;
+    font-size: medium;
+    font-weight: bold;
     width:fit-content;
     height: fit-content;
 }
 
 .modal input.large {
-    height: 100px;
-    width: 300px;
+    height: 10rem;
+    width: 20rem;
 }