keith/keith-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve homelab text contrast
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Keith Casko
2026-10-06 02:06:32 -04:00
parent 1e612f7460
commit 6b393ab4e2
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/homelab-topology.svg
+2 -2
View File
@@ -6,12 +6,12 @@
</marker> </marker>
<style> <style>
.title { font-family: Georgia, serif; font-size: 20px; fill: #f2f6fa; } .title { font-family: Georgia, serif; font-size: 20px; fill: #f2f6fa; }
.caption { font-size: 11px; fill: #aebdca; } .caption { font-size: 11px; fill: #c7d3dd; }
.box { fill: #17314a; stroke: #4b91c2; stroke-width: 2; } .box { fill: #17314a; stroke: #4b91c2; stroke-width: 2; }
.box-dc { fill: #0f2438; stroke: #7aa6c7; stroke-width: 2; } .box-dc { fill: #0f2438; stroke: #7aa6c7; stroke-width: 2; }
.box-net { fill: #10283d; stroke: #4d657a; stroke-width: 1; stroke-dasharray: 4 3; } .box-net { fill: #10283d; stroke: #4d657a; stroke-width: 1; stroke-dasharray: 4 3; }
.hdr { font-weight: bold; fill: #f4f7fa; } .hdr { font-weight: bold; fill: #f4f7fa; }
.role { font-size: 11px; fill: #c0ccd7; } .role { font-size: 11px; fill: #d5e0e9; }
.link { stroke: #1a6fa5; stroke-width: 1.5; fill: none; } .link { stroke: #1a6fa5; stroke-width: 1.5; fill: none; }
.net-label { font-size: 12px; fill: #7fc0ea; font-weight: bold; } .net-label { font-size: 12px; fill: #7fc0ea; font-weight: bold; }
</style> </style>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

css/styles.css
+21
View File
@@ -864,3 +864,24 @@ section { padding: 64px 0; }
.homelab-page .kv li span { .homelab-page .kv li span {
color: #c3d0dc; color: #c3d0dc;
} }
/* Homelab contrast corrections */
.homelab-page .lab-hero-text p {
color: #edf3f8;
}
.homelab-page .lab-hero-text strong {
color: #ffffff;
}
.homelab-page code {
background: #0a1b2a;
border-color: #3d5a72;
color: #eaf3fa;
}
.homelab-page .status-ok code {
background: #0d291b;
border-color: #3f6f4d;
color: #f0faf2;
}
.homelab-page .lab-hero-figure figcaption {
color: #d6e1ea;
}