dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added a new color and changed up the colors of the text in the forgejo heatmap section

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-16 00:12:09 +02:00
commit 86e1da2596
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/components/ContributionHeatmap.tsx
View file

@ -128,7 +128,7 @@ export default function ContributionHeatmap() {
<div style={{ display: "flex", flexDirection: "column", gap: "10px", width: "100%" }}> <div style={{ display: "flex", flexDirection: "column", gap: "10px", width: "100%" }}>
<div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}> <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
<div style={{ fontSize: "0.85rem", color: "var(--fg)" }}> <div style={{ fontSize: "0.85rem", color: "var(--fg)" }}>
<span style={{ color: "var(--gray)" }}>martin@git.dvorakmortonxd.dev</span>:~$ echo &#34;<span style={{ color: "var(--green)" }}>{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(--prettypurple)" }}>{totalContribs}</span> contributions in the last year&#34;
</div> </div>
</div> </div>
<div className="heatmap-container"> <div className="heatmap-container">
@ -152,7 +152,7 @@ export default function ContributionHeatmap() {
<div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.75rem", color: "var(--gray)", marginTop: "4px" }}> <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: "0.75rem", color: "var(--gray)", marginTop: "4px" }}>
<div> <div>
{hoveredCell ? ( {hoveredCell ? (
<span><strong style={{ color: "var(--fg)" }}>{hoveredCell.contribs}</strong> contributions on {hoveredCell.date}</span> <span><strong style={{ color: "var(--prettypurple)" }}>{hoveredCell.contribs}</strong> contributions on {hoveredCell.date}</span>
) : ( ) : (
<span>Hover over a day to see contributions</span> <span>Hover over a day to see contributions</span>
)} )}
@ -171,7 +171,7 @@ export default function ContributionHeatmap() {
{activities.length > 0 && ( {activities.length > 0 && (
<div> <div>
<div style={{ fontSize: "0.85rem", color: "var(--fg)", marginBottom: "4px" }}> <div style={{ fontSize: "0.85rem", color: "var(--fg)", marginBottom: "4px" }}>
<span style={{ color: "var(--gray)" }}>martin@git.dvorakmortonxd.dev</span>:~$ git log -n 3 <span style={{ color: "var(--gray)" }}>#displays my 3 latest contributions</span> <span style={{ color: "var(--green)" }}>martin@git.dvorakmortonxd.dev</span>:<span style={{ color: "var(--gray)" }}>~</span>$ git log -n 3 <span style={{ color: "var(--gray)" }}>#displays my 3 latest contributions</span>
</div> </div>
{activities.map((act, idx) => { {activities.map((act, idx) => {
let msg = "No message"; let msg = "No message";
@ -188,9 +188,9 @@ export default function ContributionHeatmap() {
return ( return (
<div key={idx} style={{ display: "flex", flexDirection: "column", fontSize: "0.8rem", color: "var(--fg)" }}> <div key={idx} style={{ display: "flex", flexDirection: "column", fontSize: "0.8rem", color: "var(--fg)" }}>
<div style={{ display: "flex", justifyContent: "space-between", color: "var(--green)" }}> <div style={{ display: "flex", justifyContent: "space-between", color: "var(--white)" }}>
<span>repo: {act.repo?.full_name || "unknown"}</span> <span>repo: {act.repo?.full_name || "unknown"}</span>
<span style={{ color: "var(--gray)", fontSize: "0.67rem" }}> <span style={{ color: "var(--green)", fontSize: "0.67rem" }}>
{new Date(act.created).toLocaleDateString()}-{new Date(act.created).toLocaleTimeString()} {new Date(act.created).toLocaleDateString()}-{new Date(act.created).toLocaleTimeString()}
</span> </span>
</div> </div>

1
src/app/page.css
View file

@ -26,6 +26,7 @@
--bg-hard: #32302f; --bg-hard: #32302f;
--fg: #ebdbb2; --fg: #ebdbb2;
--gray: #a89984; --gray: #a89984;
--prettypurple: #733999;
--accent: #fabd2f; /* Gruvbox Yellow */ --accent: #fabd2f; /* Gruvbox Yellow */
--accent2: #fe8019; /* Gruvbox Orange */ --accent2: #fe8019; /* Gruvbox Orange */
--accent3: #d79921; /* Gruvbox Dark Yellow */ --accent3: #d79921; /* Gruvbox Dark Yellow */