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

Changed light mode style.
aidan-yip · May 21, 2024 · ad174c9 · ad174c9
2 parents 66c8f41 + 531a5ef
commit ad174c9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 17 deletions.
diff --git a/dark_mode.css b/dark_mode.css
@@ -33,16 +33,16 @@
     box-shadow: 0px 0px 50px #eaeaea3b;
   }
 
-  h1 {
+  h1, #location {
     color: #ffffff;
   }
 
   #date {
     color: #ffffff;
   }
 
-  #location {
-    color: #ffffff;
+  #icon {
+    box-shadow: 0px 0px 10px #eaeaea3b;
   }
 
   #temperature {

diff --git a/styles.css b/styles.css
@@ -72,9 +72,9 @@ body {
     rgba(209, 209, 209, 0.4) 0%,
     rgba(186, 186, 186, 0.4) 100%
   );
-  box-shadow: 0 0 80px 0px;
+  box-shadow: 0 0 80px #0000006b;
   border-radius: 35px;
-  border: solid 1px #555555;
+  border: solid 1px #f1f1f1;
   margin-bottom: 10px;
   /* fade in */
   animation: fadeInAnimation ease 5s;
@@ -96,12 +96,12 @@ body {
   width: 100%;
   height: 200px;
   border-radius: 35px;
-  border: solid 1px #656565;
+  border: solid 1px #ffffff;
   box-shadow: 0px 0px 20px #5b5b5b3b;
   background: linear-gradient(
     328deg,
-    rgba(241, 241, 241, 0.8) 0%,
-    rgba(209, 209, 209, 0.8) 100%
+    rgba(255, 255, 255, 0.7) 0%,
+    rgba(255, 255, 255, 0.7) 100%
   );
   z-index: 1;
 }
@@ -128,12 +128,6 @@ iframe {
   border: none;
 }
 
-@media only screen and (min-width: 1500px) {
-  iframe {
-    height: 400px;
-  }
-}
-
 #clock {
   font-size: 60px;
   text-align: left;
@@ -157,12 +151,12 @@ iframe {
   margin-left: auto;
   margin-right: auto;
   border-radius: 35px;
-  border: solid 1px #656565;
+  border: solid 1px #ffffff;
   box-shadow: 0px 0px 20px #5b5b5b3b;
   background: linear-gradient(
     328deg,
-    rgba(241, 241, 241, 0.8) 0%,
-    rgba(209, 209, 209, 0.8) 100%
+    rgba(255, 255, 255, 0.7) 0%,
+    rgba(255, 255, 255, 0.7) 100%
   );
   z-index: 0;
 }
@@ -284,6 +278,12 @@ a:visited {
   color: #000000;
 }
 
+@media only screen and (min-width: 1500px) {
+  iframe {
+    height: 400px;
+  }
+}
+
 @media only screen and (max-width: 1000px) {
   #background {
     padding-bottom: 100px;