color redesign, white = less important, yellow = more important

This commit is contained in:
dvorakmortonxd 2026-08-23 03:27:52 +02:00
commit d12fbeef23
4 changed files with 67 additions and 69 deletions

View file

@ -125,11 +125,11 @@ export default function ContributionHeatmap() {
<div className="contribution-heatmap">
<div className="contribution-command-row">
<div className="contribution-command">
<span style={{ color: "var(--green)" }}>martin@git.dvorakmortonxd.dev</span>:<span style={{ color: "var(--gray)" }}>~</span>$ echo &#34;<span style={{ color: "var(--aqua)" }}>{totalContribs}</span> contributions in the last year&#34;
<span style={{ color: "var(--green)" }}>martin@git.dvorakmortonxd.dev</span>:<span style={{ color: "var(--gray)" }}>~</span>$ echo &#34;<span style={{ color: "var(--accent)" }}>{totalContribs}</span> contributions in the last year&#34;
</div>
</div>
<div className="contribution-total-title">
<span style={{ color: "var(--aqua)" }}>{totalContribs}</span> contributions in the last year
<span style={{ color: "var(--accent)" }}>{totalContribs}</span> contributions in the last year
</div>
<div className="heatmap-container">
{weeks.map((week, wIdx) => (
@ -151,7 +151,7 @@ export default function ContributionHeatmap() {
<div className="heatmap-status-row">
<div className="heatmap-status-text">
{hoveredCell ? (
<span><strong style={{ color: "var(--aqua)" }}>{hoveredCell.contribs}</strong> contributions on {hoveredCell.date}</span>
<span><strong style={{ color: "var(--accent)" }}>{hoveredCell.contribs}</strong> contributions on {hoveredCell.date}</span>
) : (
<span>Hover over a day to see contributions</span>
)}

View file

@ -36,9 +36,9 @@ export default function ServiceButton({ url, checkUrl, className, icon, name, de
<span className="service-text">
<span className="service-name">
{name}
{access === 'public' && <span style={{ color: '#4ade80', fontSize: '0.7em', marginLeft: '6px' }}>(public)</span>}
{access === 'private' && <span style={{ color: '#ef4444', fontSize: '0.7em', marginLeft: '6px' }}>(private)</span>}
{access === 'on_request' && <span style={{ color: '#f97316', fontSize: '0.7em', marginLeft: '6px' }}>(on request)</span>}
{access === 'public' && <span style={{ color: 'var(--accent)', fontSize: '0.7em', marginLeft: '6px' }}>(public)</span>}
{access === 'private' && <span style={{ color: 'var(--red)', fontSize: '0.7em', marginLeft: '6px' }}>(private)</span>}
{access === 'on_request' && <span style={{ color: 'var(--accent2)', fontSize: '0.7em', marginLeft: '6px' }}>(on request)</span>}
</span>
<span className="service-desc">{desc}</span>
</span>