diff --git a/public/manifest.json b/public/manifest.json index 0bc5721..6d48b9e 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -20,6 +20,6 @@ ], "start_url": ".", "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" + "theme_color": "#3F3F4A", + "background_color": "#3F3F4A" } diff --git a/src/components/css/Github.css b/src/components/css/Github.css index 083a8c1..a90ac4e 100644 --- a/src/components/css/Github.css +++ b/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; } \ No newline at end of file diff --git a/src/components/css/Home.css b/src/components/css/Home.css index 10cd970..52e450b 100644 --- a/src/components/css/Home.css +++ b/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 { diff --git a/src/components/css/Modal.css b/src/components/css/Modal.css index 8742268..2dc283d 100644 --- a/src/components/css/Modal.css +++ b/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; } \ No newline at end of file