Merge pull request #141 from shaileshthakur1/main

regulated a the color theme of register and login button on toggling the dark mode button.
Kritika30032002 · Dec 25, 2023 · 662681b · 662681b
2 parents 2d23f1d + bc5e22c
commit 662681b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/app.js b/app.js
@@ -30,6 +30,7 @@ app.use(passport.initialize());
 app.use(passport.session());
 
 //mongoose.connect("mongodb://127.0.0.1:27017/userDB");
+mongoose.set('strictQuery', false);
 
 
 const userSchema = new mongoose.Schema({
@@ -51,6 +52,7 @@ userSchema.plugin(findOrCreate);
 
 const User = mongoose.model("User", userSchema);
 
+
 passport.use(User.createStrategy());
 
 passport.serializeUser(function (user, done) {

diff --git a/public/css/dark-styles.css b/public/css/dark-styles.css
@@ -27,9 +27,9 @@ button.dark {
   color: #192e4e;
 }
 button.secondary.dark {
-  color: #a7daff;
-  outline-color: #a7daff;
-  background-color: #192e4e;
+  color: #192e4e;
+  background-color: #a7daff;
+}
 }
 #about.dark {
   background-color: #093c7e !important;

diff --git a/public/css/styles.css b/public/css/styles.css
@@ -68,9 +68,10 @@ nav a:hover {
   width: 40px;
   height: 40px;
   padding: 0;
-  border-radius: 50%;
+  border-radius: 50px;
   background-color: #a7daff;
-  color: var(--accent-clr);
+  background: transparent;
+  color:#a7daff;
   margin-right: 20px;
 }
 button {
@@ -81,16 +82,23 @@ button {
   outline: none;
   background: var(--accent-clr);
   color: #a7daff;
-  font-size: 1.2rem;
+  font-size: 1.0rem;
   border-radius: 10px;
   transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
 
   -webkit-tap-highlight-color: transparent;
 }
 button.secondary {
-  background-color: transparent;
-  color: var(--accent-clr);
-  outline: 2px solid var(--accent-clr);
+  cursor: pointer;
+  padding: 1em 2em;
+  border: none;
+  outline: none;
+  background: var(--accent-clr);
+  color: #a7daff;
+  font-size: 1.0rem;
+  border-radius: 10px;
+  transition: background-color 0.5s, box-shadow 0.5s, color 0.5s;
+  -webkit-tap-highlight-color: transparent;
 }
 button:hover {
   background-color: #070b43b2;