updated styles of dark mode

apu52 · Jul 30, 2024 · 7e12d33 · 7e12d33
1 parent db23118
commit 7e12d33
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/payment.css b/payment.css
@@ -380,7 +380,7 @@ body {
 
 /* Dark mode styles */
 body.dark-mode {
-  background-color: #212529;
+  background-color: #002152;
   color: #ffffff;
 }
 
@@ -417,3 +417,18 @@ body.dark-mode .footer {
 .toggle:checked:before {
   transform: translateX(25px);
 }
+
+.text-center h2{
+  background: linear-gradient(120deg, #1c99fe 20.69%, #7644ff 50.19%, #fd4766 79.69%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  display: inline-block;
+  font-weight: 600;
+}
+body.dark-mode #inst{
+  background: black;
+}
+.newNav #btn-style{
+  background-color: var(--btn-border) !important;
+  border: 2px solid var(--btn-border) !important;
+}
diff --git a/payment.html b/payment.html
@@ -42,7 +42,7 @@ <h2 style="text-decoration: underline ;" >Guide</h2>
 
       <div class="py-4 text-left">
 
-        <div style="border:2px solid #a1a1a1; padding: 2rem;">
+        <div id="inst" style="border:2px solid #a1a1a1; padding: 2rem;border-radius: 12px;">
           <p >Before you proceed to checkout, here are some instructions : </p>
           <ul class="connected list no2">
             <li>Fill in the required fields with your personal details (name, email, username etc.)</li>