more blue

Kritika30032002 · Dec 12, 2023 · e94703d · e94703d
1 parent f34476a
commit e94703d
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/public/css/dark-styles.css b/public/css/dark-styles.css
@@ -1,6 +1,6 @@
 body.dark,
 html.dark {
-  background-color: #19214e;
+  background-color: #192e4e;
   color: white;
 }
 #theme-toggle.dark {
@@ -13,7 +13,7 @@ html.dark {
 }
 .hero.dark,
 .hero .main-content h1.dark {
-  color: #a7b8ff !important;
+  color: #a7daff !important;
 }
 .about-title.dark {
   color: white !important;
@@ -23,25 +23,25 @@ html.dark {
   background-color: rgba(255, 255, 255, 0.105);
 }
 button.dark {
-  background-color: #a7b8ff;
-  color: #19214e;
+  background-color: #a7daff;
+  color: #192e4e;
 }
 button.secondary.dark {
-  color: #a7b8ff;
-  outline-color: #a7b8ff;
-  background-color: #19214e;
+  color: #a7daff;
+  outline-color: #a7daff;
+  background-color: #192e4e;
 }
 #about.dark {
   background-color: #093c7e !important;
   color: white !important;
 }
 .secrets-container.dark {
-  background-color: #19214e !important;
-  color: #a7b8ff;
+  background-color: #192e4e !important;
+  color: #a7daff;
 }
 #nav_small.side_nav.dark {
-  background-color: #a7b8ff;
+  background-color: #a7daff;
 }
 #nav_small.side_nav a.dark {
-  color: #19214e !important;
+  color: #192e4e !important;
 }
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,200;1,600;1,900&display=swap");
 :root {
-  --accent-clr: #19214e;
+  --accent-clr: #192e4e;
 }
 * {
   margin: 0;
@@ -18,7 +18,7 @@ body {
   scroll-behavior: smooth;
   max-width: 100vw;
   font-family: Poppins, sans-serif;
-  background-color: #a7b8ff;
+  background-color: #a7daff;
 }
 html {
   overflow-x: hidden;
@@ -37,7 +37,7 @@ html {
   z-index: 1000;
   width: 100%;
   height: 100%;
-  background-color: #a7b8ff;
+  background-color: #a7daff;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -52,10 +52,10 @@ html {
   animation: spin 1.25s linear infinite;
 }
 nav a {
-  color: #a7b8ff !important;
+  color: #a7daff !important;
 }
 nav a:hover {
-  border: 1px solid #a7b8ff !important;
+  border: 1px solid #a7daff !important;
 }
 .navbar-brand {
   color: white !important;
@@ -68,7 +68,7 @@ nav a:hover {
   height: 40px;
   padding: 0;
   border-radius: 50%;
-  background-color: #a7b8ff;
+  background-color: #a7daff;
   color: var(--accent-clr);
   margin-right: 20px;
 }
@@ -79,7 +79,7 @@ button {
   border: none;
   outline: none;
   background: var(--accent-clr);
-  color: #a7b8ff;
+  color: #a7daff;
   font-size: 1.2rem;
   border-radius: 10px;
   transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
@@ -172,7 +172,7 @@ header h1 {
 }
 #about {
   background-color: var(--accent-clr);
-  color: #a7b8ff;
+  color: #a7daff;
   padding: 4rem 3rem;
   flex-direction: column;
 }
@@ -183,7 +183,7 @@ header h1 {
   font-weight: 100;
 }
 #about button {
-  border: 2px solid #a7b8ff;
+  border: 2px solid #a7daff;
 }
 .about-page {
   padding: 3rem;
@@ -242,7 +242,7 @@ input {
   transition: background-color 0.5s, color 0.5s;
 }
 .secrets-container {
-  background-color: #a7b8ff;
+  background-color: #a7daff;
 }
 .secrets-container h1 {
   font-size: 3em;
@@ -263,7 +263,7 @@ input {
   }
   .hamburger {
     display: block;
-    color: #a7b8ff;
+    color: #a7daff;
   }
   .nav_big {
     display: none !important;
@@ -275,11 +275,11 @@ input {
     display: flex;
     flex-direction: column;
     background-color: var(--accent-clr);
-    color: #a7b8ff;
+    color: #a7daff;
   }
   #nav_small.side_nav a {
     width: 100%;
-    color: #a7b8ff;
+    color: #a7daff;
   }
   .hero .container {
     align-items: center;