txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Replace ALL remaining hardcoded #ddd borders with theme variable

Browse Source 
Replaced 12 hardcoded borders across 5 files:
- _cv-section.css: 2 borders (company icons)
- _projects.css: 2 borders (project icons)
- _courses.css: 2 borders (course icons)
- _toggles.css: 3 borders (logo containers)
- logo-toggle.css: 3 borders (logo containers)

All icon borders now use var(--icon-border):
- Light theme: #ddd (visible)
- Dark theme: transparent (invisible)

Verified with Playwright: rgba(0,0,0,0) in dark theme
This commit is contained in:
juanatsap
2025-11-19 15:47:19 +00:00
parent df77a269c0
commit 0947e19c70
5 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/03-components/_courses.css
+2 -2
View File
@@ -24,7 +24,7 @@
height: 80px; height: 80px;
object-fit: contain; object-fit: contain;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
padding: 4px; padding: 4px;
} }
@@ -36,7 +36,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
color: var(--text-light); color: var(--text-light);
padding: 10px; padding: 10px;
static/css/03-components/_cv-section.css
+2 -2
View File
@@ -249,7 +249,7 @@
height: 60px; height: 60px;
object-fit: contain; object-fit: contain;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
padding: 4px; padding: 4px;
} }
@@ -261,7 +261,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
color: var(--text-light); color: var(--text-light);
padding: 8px; padding: 8px;
static/css/03-components/_projects.css
+2 -2
View File
@@ -22,7 +22,7 @@
height: 80px; height: 80px;
object-fit: contain; object-fit: contain;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
padding: 4px; padding: 4px;
} }
@@ -34,7 +34,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
color: var(--text-light); color: var(--text-light);
padding: 10px; padding: 10px;
static/css/04-interactive/_toggles.css
+3 -3
View File
@@ -113,7 +113,7 @@
.award-item { .award-item {
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
padding-bottom: 2rem; padding-bottom: 2rem;
border-bottom: 2px solid #ddd; border-bottom: 2px solid var(--icon-border);
page-break-inside: avoid; page-break-inside: avoid;
display: flex; display: flex;
gap: 1.2rem; gap: 1.2rem;
@@ -149,7 +149,7 @@
height: 80px; height: 80px;
object-fit: contain; object-fit: contain;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
padding: 10px; padding: 10px;
} }
@@ -164,7 +164,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: transparent; background: transparent;
color: #999; color: #999;
padding: 10px; padding: 10px;
static/css/logo-toggle.css
+3 -3
View File
@@ -112,7 +112,7 @@
.experience-item { .experience-item {
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
padding-bottom: 2rem; padding-bottom: 2rem;
border-bottom: 2px solid #ddd; border-bottom: 2px solid var(--icon-border);
page-break-inside: avoid; page-break-inside: avoid;
display: flex; display: flex;
gap: 1.2rem; gap: 1.2rem;
@@ -140,7 +140,7 @@
height: 80px; height: 80px;
object-fit: contain; object-fit: contain;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: white; background: white;
padding: 10px; padding: 10px;
} }
@@ -152,7 +152,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ddd; border: 1px solid var(--icon-border);
background: #f5f5f5; background: #f5f5f5;
color: #999; color: #999;
padding: 10px; padding: 10px;