From 777ff2399cdc5666defe5b55e3600a11a26c5ca2 Mon Sep 17 00:00:00 2001
From: sarahannie <sarahndianekwu@gmail.com>
Date: Fri, 29 Mar 2024 02:03:24 +0100
Subject: [PATCH] dark mode accessibility for signup page

---
 apps/signup/signup.css | 119 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 117 insertions(+), 2 deletions(-)

diff --git a/apps/signup/signup.css b/apps/signup/signup.css
index 40d071bfb..c403be4ab 100644
--- a/apps/signup/signup.css
+++ b/apps/signup/signup.css
@@ -1,4 +1,4 @@
-/* signup.css */
+/* signup.css
 
 
 body {
@@ -127,4 +127,119 @@ nav li:not(.active):hover a{
 	.signup-form {
 		width: 300px;
 	}
-}
\ No newline at end of file
+} */
+
+
+body {
+    color: #ccc;
+    background: #222; /* Dark background color */
+    font-family: 'Roboto', sans-serif;
+    overflow-x: hidden;
+}
+
+.bg-dark {
+    background-color: #333!important; /* Dark navbar background color */
+}
+
+.signup-form {
+    width: 390px;
+    margin: 3% auto;
+    padding: 30px 0;
+    background: #444; /* Dark form background color */
+    border: 1px solid #333;
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+	margin-bottom: 30px;
+	
+}
+
+.signup-form h2 {
+    color: #ddd; /* Lighter text color */
+    text-align: center;
+}
+
+.signup-form .lead {
+    color: #ccc; /* Lighter text color */
+    font-size: 14px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+
+.signup-form form {
+    border-radius: 1px;
+    margin-bottom: 15px;
+    background: #555; /* Dark form background color */
+    padding: 30px;
+}
+
+.signup-form label {
+    color: #ccc; /* Lighter text color */
+    font-weight: normal;
+    font-size: 13px;
+}
+
+.signup-form .form-control {
+    color: #ddd; /* Lighter text color */
+    min-height: 38px;
+    border-color: #444; /* Darker border color */
+}
+
+.signup-form .input-group-addon {
+    color: #ddd; /* Lighter text color */
+    border-color: #444; /* Darker border color */
+}
+
+.signup-form .btn {
+    color: #fff; /* Light text color */
+    background: #19aa8d; /* Button background color */
+}
+
+.signup-form .btn:hover, .signup-form .btn:focus {
+    background: #179b81; /* Darker button background color on hover/focus */
+}
+
+.signup-form a {
+    color: #19aa8d; /* Link color */
+}
+
+.signup-form a:hover {
+    color: #179b81; /* Darker link color on hover */
+}
+
+.link {
+    color: #ccc; /* Lighter link color */
+}
+
+.link:hover {
+    color: #ddd; /* Lighter link color on hover */
+}
+
+/* Navbar Styles */
+.navbar {
+    border-bottom: 1px solid #444; /* Darker border color */
+}
+
+.navbar-nav .nav-link {
+    color: #ccc; /* Lighter text color */
+}
+
+.navbar-nav .nav-link:hover {
+    color: #ddd; /* Lighter text color on hover */
+}
+
+.navbar-toggler {
+    border-color: #ccc; /* Lighter border color */
+}
+
+.navbar-toggler-icon {
+    background-color: #ccc; /* Lighter background color for the toggler icon */
+}
+
+/* Footer Styles */
+.footer {
+    color: #ccc; /* Lighter text color */
+    background-color: #333; /* Dark footer background color */
+}
+
+.footer p {
+    margin-bottom: 0; /* Remove bottom margin from paragraph */
+}