Merge pull request #24 from aidan-yip/v2.0.0

Adjusted page style
aidan-yip · May 23, 2024 · 75b0b85 · 75b0b85
2 parents 37f9b79 + dd89e4f
commit 75b0b85
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/dark_mode.css b/dark_mode.css
@@ -31,7 +31,9 @@
   }
 
   #icon {
-    box-shadow: 0px 0px 10px #eaeaea3b;
+    border-radius: 67px;
+    background: linear-gradient(145deg, #282828, #212121);
+    box-shadow: 11px 11px 22px #131313, -11px -11px 22px #373737;
   }
 
   #temperature {
@@ -43,7 +45,14 @@
   }
 
   input[type="text"] {
-    color: #0a78ff;
+    border-radius: 35px;
+    background: linear-gradient(145deg, #282828, #212121);
+    box-shadow: 12px 12px 24px #131313, -12px -12px 24px #373737;
+  }
+
+  button {
+    background: linear-gradient(145deg, #005dc1, #0a88ff);
+    box-shadow: 12px 12px 24px #131313, -12px -12px 24px #373737;
   }
 
   #clock {

diff --git a/styles.css b/styles.css
@@ -167,9 +167,9 @@ h1,
   width: 130px;
   height: 130px;
   margin-left: 30px;
-  background-color: #ffffff;
-  border-radius: 100px;
-  box-shadow: 0px 0px 10px #1919193b;
+  border-radius: 50%;
+  background: linear-gradient(145deg, #e6e6e6, #ffffff);
+  box-shadow: 12px 12px 24px #bfbfbf, -12px -12px 24px #ffffff;
 }
 
 div span.md {
@@ -219,21 +219,24 @@ input[type="text"] {
   color: #0a78ff;
   font-size: 20px;
   font-family: var(--fontdefault);
+  background: linear-gradient(145deg, #e6e6e6, #ffffff);
+  box-shadow: 12px 12px 24px #bfbfbf, -12px -12px 24px #ffffff;
 }
 
 button {
   width: 90%;
   margin: 0 auto;
   margin-top: 5px;
   margin-bottom: 10px;
-  background-color: #007bff;
   color: #ffffff;
   border: none;
   font-size: 20px;
   border-radius: 35px;
   padding: 20px 40px;
   cursor: pointer;
   font-family: var(--fontdefault);
+  background: linear-gradient(145deg, #006fe6, #0084ff);
+  box-shadow: 12px 12px 24px #adadad, -12px -12px 24px #ffffff;
 }
 
 .weather-info {