made dark mode according to theme

apu52 · Jul 29, 2024 · af4ec32 · af4ec32
1 parent ad4e62b
commit af4ec32
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/pricing/style.css b/pricing/style.css
@@ -224,9 +224,8 @@ header {
   padding-top: 12px;
   padding-bottom: 12px;
   width: auto;
-  background-color: transparent;
-  border: 2px solid slateblue;
-  color: red;
+  background-color: #6a5acd;
+  color:white;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 2px;
@@ -567,9 +566,13 @@ header img {
   --btn-color: #fdbb2dbf;
   --footer-text-color: #ffffff;
 }
+.dark-mode{
+  --secondary-color: #0e1525;
+  --btn-border: red;
+}
 /* Dark Mode Styles */
 body.dark-mode {
-  background-color: #121212;
+  background-color:#002152;
   color: #ffffff;
 }
 
@@ -582,7 +585,7 @@ body.dark-mode .navLinks li a {
 }
 
 body.dark-mode .btn {
-  background-color: #333333;
+  background-color: red;
   color: #ffffff;
 }
 
@@ -612,13 +615,13 @@ body.dark-mode .table .package-name::before{
   background: #1e1e1e;
 }
 body.dark-mode .wrapper .table {
-  background-color: #1e1e1e;
-  border: 1px solid #444444;
+  background-color: black;
+  border: 1px solid black;
   box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
 }
 
 body.dark-mode .wrapper .table .price-section {
-  background-color: #2e2e2e;
+  background-color: black;
 }
 
 body.dark-mode .wrapper .table .purchase-btn button {