amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove cards background of skill, achievement and education section in light mode

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-04 20:46:25 +03:30
parent 446abd5086
commit 9d818a5f5a
3 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/EducationSection.module.css
View File

@@ -7,7 +7,7 @@
.card { .card {
width: 1320px; width: 1320px;
background-color: var(--bg-surface); background-color: transparent;
border: 1px solid var(--border-default); border: 1px solid var(--border-default);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 24px 32px; padding: 24px 32px;
@@ -83,3 +83,7 @@
line-height: var(--line-height-body-default); line-height: var(--line-height-body-default);
color: var(--text-secondary); color: var(--text-secondary);
} }
[data-theme="dark"] .card {
background-color: var(--bg-surface);
}

6
src/components/MilestonesSection.module.css
View File

@@ -13,7 +13,7 @@
.certCard { .certCard {
width: 1320px; width: 1320px;
background-color: var(--bg-surface); background-color: transparent;
border: 1px solid var(--border-default); border: 1px solid var(--border-default);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 24px 32px; padding: 24px 32px;
@@ -113,3 +113,7 @@
.viewCertLink:hover { .viewCertLink:hover {
gap: 10px; gap: 10px;
} }
[data-theme="dark"] .certCard {
background-color: var(--bg-surface);
}

12
src/components/SkillsSection.module.css
View File

@@ -7,7 +7,7 @@
.mainCard { .mainCard {
width: 1320px; width: 1320px;
background-color: var(--bg-surface); background-color: transparent;
border: 1px solid var(--border-default); border: 1px solid var(--border-default);
border-radius: var(--radius-xl); border-radius: var(--radius-xl);
padding: 36px 40px; padding: 36px 40px;
@@ -109,7 +109,7 @@
justify-content: center; justify-content: center;
width: 132px; width: 132px;
height: 136px; height: 136px;
background-color: var(--bg-raised); background-color: transparent;
border: 1px solid var(--border-default); border: 1px solid var(--border-default);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 16px 8px; padding: 16px 8px;
@@ -160,3 +160,11 @@
.filterButton { .filterButton {
min-width: 180px; min-width: 180px;
} }
[data-theme="dark"] .mainCard {
background-color: var(--bg-surface);
}
[data-theme="dark"] .toolTile {
background-color: var(--bg-raised);
}