Merge pull request #40 from HP200421/�favicon-and-colors-update

Update project visuals: new favicon and refined
dhruvabhat24 · Feb 15, 2024 · 2227b2f · 2227b2f
2 parents 78e159c + 0324e9e
commit 2227b2f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/Weather.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

diff --git a/public/weather.ico b/public/weather.ico
diff --git a/src/components/WeatherApp/WeatherApp.css b/src/components/WeatherApp/WeatherApp.css
@@ -1,5 +1,5 @@
 body {
-  background-image: linear-gradient(180deg, #232522 40%, #292a2c 100%);
+  background: linear-gradient(135deg, #6a92e6, #9b7ae5);
   min-width: 320px;
   min-height: 100vh;
   margin-top: 80px;
@@ -8,7 +8,7 @@ body {
 .container {
   width: 80%;
   max-width: 768px;
-  background: linear-gradient(180deg, #393939 0%, #5858589e 100%);
+  background: linear-gradient(135deg,#71b7e6,#ed9fe5);
   margin: 0px auto;
   border-radius: 40px;
   padding: 40px 20px;
@@ -17,7 +17,7 @@ body {
 
 .top-bar {
   display: flex;
-  justify-content: space-between;
+  justify-content: space-around;
   align-items: center;
   max-width: 320px;
   margin: 10px auto;
@@ -34,7 +34,7 @@ body {
   font-size: 20px;
   font-weight: 400;
   width: 70%;
-  min-width: 160px;
+  min-width: 200px;
   height: 100%;
 }