Skip to content

Commit 569754d

Browse files
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>
1 parent e635424 commit 569754d

File tree

1 file changed

+19
-6
lines changed

1 file changed

+19
-6
lines changed

src/pages/index.module.css

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,17 @@
1313
background-image: url(../../static/img/hero-background/Gradient-Banner.png);
1414
background-repeat: no-repeat;
1515
background-size: cover;
16-
color: #ffff;
1716
font-family: 'Figtree', sans-serif;
1817
}
1918

19+
[data-theme='dark'] .heroBanner {
20+
color: #ffff;
21+
}
22+
23+
[data-theme='light'] .heroBanner {
24+
color: #1c1c1c;
25+
}
26+
2027
.title {
2128
font-size: 62px;
2229
font-weight: 300px;
@@ -66,23 +73,29 @@
6673
}
6774

6875
.secondaryButton {
69-
background-color: transparent !important;
70-
color: #ffffff;
71-
border: 1px solid #ffffff;
76+
background-color: transparent;
7277
padding: 0.8rem 1.25rem;
7378
border-radius: 6px;
7479
transition: all 0.3s ease-in-out;
7580
font-family: 'Figtree', sans-serif;
7681
font-size: 0.9375rem;
7782
font-weight: 700;
78-
border-color: #ffffff;
79-
margin-left: 10px;
8083
text-transform: uppercase;
8184
line-height: 1.5;
8285
text-align: center;
8386
vertical-align: middle;
8487
}
8588

89+
[data-theme='dark'] .secondaryButton {
90+
color: #ffffff;
91+
border: 1px solid #ffffff;
92+
}
93+
94+
[data-theme='light'] .secondaryButton {
95+
color: #1c1c1c;
96+
border: 1px solid #1c1c1c;
97+
}
98+
8699
.secondaryButton:hover {
87100
opacity: 0.8;
88101
}

0 commit comments

Comments
 (0)