Skip to content

Commit 4d5aa0b

Browse files
committed
added more color
1 parent c8c533a commit 4d5aa0b

File tree

1 file changed

+38
-6
lines changed

1 file changed

+38
-6
lines changed

style.css

Lines changed: 38 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -303,38 +303,70 @@ footer {
303303
}
304304

305305
.contribution-box {
306-
background-color: var(--nord5);
307-
border: 2px solid var(--nord4);
308306
border-radius: 8px;
309307
padding: 1.5em;
310308
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
311309
transition: all 0.3s ease;
312310
}
313311

312+
.contribution-box:nth-child(1) {
313+
background-color: rgba(163, 190, 140, 0.15);
314+
border: 2px solid #8FBC94;
315+
}
316+
317+
.contribution-box:nth-child(2) {
318+
background-color: rgba(208, 135, 112, 0.1);
319+
border: 2px solid var(--nord12);
320+
}
321+
314322
.contribution-box:hover {
315323
transform: translateY(-2px);
316324
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
317-
border-color: var(--nord9);
325+
}
326+
327+
.contribution-box:nth-child(1):hover {
328+
border-color: #7A9C7F;
329+
background-color: rgba(163, 190, 140, 0.2);
330+
}
331+
332+
.contribution-box:nth-child(2):hover {
333+
border-color: var(--nord15);
334+
background-color: rgba(208, 135, 112, 0.15);
318335
}
319336

320337
.contribution-box h3 {
321-
color: var(--nord10);
322338
font-size: 1.3em;
323339
margin: 0 0 0.8em 0;
324340
font-weight: 600;
325341
text-align: center;
326342
}
327343

344+
.contribution-box:nth-child(1) h3 {
345+
color: #5A7C5A;
346+
}
347+
348+
.contribution-box:nth-child(2) h3 {
349+
color: var(--nord12);
350+
}
351+
328352
.contribution-box p {
329353
margin: 0;
330354
line-height: 1.6;
331355
color: var(--nord1);
332356
}
333357

334358
.contribution-box strong {
335-
color: var(--nord10);
336359
font-weight: 700;
337-
background-color: rgba(94, 129, 172, 0.1);
338360
padding: 0.1em 0.3em;
339361
border-radius: 3px;
362+
}
363+
364+
.contribution-box:nth-child(1) strong {
365+
color: #5A7C5A;
366+
background-color: rgba(163, 190, 140, 0.25);
367+
}
368+
369+
.contribution-box:nth-child(2) strong {
370+
color: var(--nord12);
371+
background-color: rgba(208, 135, 112, 0.15);
340372
}

0 commit comments

Comments
 (0)