fixed a the main tittle and button in dark mode (#146)

## Summary by Sourcery

Bug Fixes:
- Ensure the title and secondary button have the correct colors in dark
mode.

Co-authored-by: saeeddawod <saeed.dawod@gmail.com>

Author: SaeeDawod

src/pages/index.module.css

@@ -13,10 +13,17 @@
   background-image: url(../../static/img/hero-background/Gradient-Banner.png);
   background-repeat: no-repeat;
   background-size: cover;
-  color: #ffff;
   font-family: 'Figtree', sans-serif;
 }
 
+[data-theme='dark'] .heroBanner {
+  color: #ffff;
+}
+
+[data-theme='light'] .heroBanner {
+  color: #1c1c1c;
+}
+
 .title {
   font-size: 62px;
   font-weight: 300px;
@@ -66,23 +73,29 @@
 }
 
 .secondaryButton {
-  background-color: transparent !important;
-  color: #ffffff;
-  border: 1px solid #ffffff;
+  background-color: transparent;
   padding: 0.8rem 1.25rem;
   border-radius: 6px;
   transition: all 0.3s ease-in-out;
   font-family: 'Figtree', sans-serif;
   font-size: 0.9375rem;
   font-weight: 700;
-  border-color: #ffffff;
-  margin-left: 10px;
   text-transform: uppercase;
   line-height: 1.5;
   text-align: center;
   vertical-align: middle;
 }
 
+[data-theme='dark'] .secondaryButton {
+  color: #ffffff;
+  border: 1px solid #ffffff;
+}
+
+[data-theme='light'] .secondaryButton {
+  color: #1c1c1c;
+  border: 1px solid #1c1c1c;
+}
+
 .secondaryButton:hover {
   opacity: 0.8;
 }