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

style(palette): map 5 off-palette colors to palette tokens (tour CLN-7/8)

Browse Source 
Brings both files back inside the CLAUDE.md palette (any color outside the
6 brand hex + documented neutrals is a violation). Nearest-allowed mappings,
minimal visual delta (verified by rendering the CV):
- index .footer bg #061008 -> var(--dark) #0d1b12 (the documented footer color).
- CV .tag border #a8d4bc -> var(--g300) (nearest visible green; keeps the pill outline).
- CV body+print texture rgba(26,71,48,.05) -> rgba(27,94,59,.05) (--g700 green primary).
- CV body+print gradient stops #edeadf/#f2efe6 -> var(--tag)/var(--page).
PDF regenerated (renders 2 pages, layout intact).
This commit is contained in:
Bastien Chanot
2026-07-05 21:24:08 +02:00
parent 607124aa70
commit ede75765cd
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CV_Bastien_Chanot.html
+5 -5
View File
@@ -129,8 +129,8 @@
.cv-body {
padding: 10px 20mm 12px;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(26,71,48,0.05)'/%3E%3C/svg%3E"),
linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(27,94,59,0.05)'/%3E%3C/svg%3E"),
linear-gradient(160deg, var(--page) 0%, var(--tag) 55%, var(--page) 100%);
}
.accroche {
@@ -246,7 +246,7 @@
.tag {
display: inline-block;
background: var(--g100);
border: 1px solid #a8d4bc;
border: 1px solid var(--g300);
font-family: var(--mono);
font-size: 6.5pt;
padding: 1px 5px;
@@ -425,8 +425,8 @@
@media print {
body {
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(26,71,48,0.05)'/%3E%3C/svg%3E"),
linear-gradient(160deg, #f5f3ec 0%, #edeadf 55%, #f2efe6 100%);
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='0.6' fill='rgba(27,94,59,0.05)'/%3E%3C/svg%3E"),
linear-gradient(160deg, var(--page) 0%, var(--tag) 55%, var(--page) 100%);
padding: 0;
}
.page { background: transparent; }