diff --git a/dark_mode.css b/dark_mode.css
index 4c47b4d..e8fa055 100644
--- 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
index 12b4d2b..ea60ef9 100644
--- 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,6 +219,8 @@ 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 {
@@ -226,7 +228,6 @@ button {
   margin: 0 auto;
   margin-top: 5px;
   margin-bottom: 10px;
-  background-color: #007bff;
   color: #ffffff;
   border: none;
   font-size: 20px;
@@ -234,6 +235,8 @@ button {
   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 {