Skip to content

Commit 2b41ff3

Browse files
Merge pull request #221 from Gunjan10-droid/fix/darkmode-card-shadows
fix: add shadows to feature cards in dark mode
2 parents 85a0ecb + 8b6c838 commit 2b41ff3

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/components/HomepageFeatures/styles.module.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,13 @@
4949
.featureCard {
5050
background: #fff;
5151
border-radius: 1rem;
52-
box-shadow: 0 4px 24px 0 rgba(30, 41, 59, 0.08);
5352
padding: 2rem 1.5rem 1.5rem 1.5rem;
5453
text-align: center;
55-
transition: box-shadow 0.3s, transform 0.3s;
54+
transition: all 0.3s ease;
55+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
5656
}
5757
.featureCard:hover {
58-
box-shadow: 0 8px 32px 0 rgba(30, 41, 59, 0.16);
58+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
5959
transform: translateY(-6px);
6060
}
6161

@@ -108,11 +108,11 @@
108108
[data-theme='dark'] .featureCard {
109109
background: #23272f;
110110
color: #f3f4f6;
111-
box-shadow: 0 4px 24px 0 rgba(0,0,0,0.32);
111+
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.05);
112112
}
113113

114114
[data-theme='dark'] .featureCard:hover {
115-
box-shadow: 0 8px 32px 0 rgba(0,0,0,0.48);
115+
box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
116116
}
117117

118118
[data-theme='dark'] .featureTitle {

0 commit comments

Comments
 (0)