diff --git a/src/app/components/ContributionHeatmap.tsx b/src/app/components/ContributionHeatmap.tsx
index 81482de..ddfb5ed 100644
--- a/src/app/components/ContributionHeatmap.tsx
+++ b/src/app/components/ContributionHeatmap.tsx
@@ -128,7 +128,7 @@ export default function ContributionHeatmap() {
     <div style={{ display: "flex", flexDirection: "column", gap: "10px", width: "100%" }}>
       <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
         <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 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>
           {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>
           )}
@@ -171,7 +171,7 @@ export default function ContributionHeatmap() {
       {activities.length > 0 && (
         <div>
           <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>
           {activities.map((act, idx) => {
             let msg = "No message";
@@ -188,9 +188,9 @@ export default function ContributionHeatmap() {
 
             return (
               <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 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()}
                   </span>
                 </div>
diff --git a/src/app/page.css b/src/app/page.css
index ac23752..90d0bd5 100644
--- a/src/app/page.css
+++ b/src/app/page.css
@@ -26,6 +26,7 @@
   --bg-hard: #32302f;
   --fg: #ebdbb2;
   --gray: #a89984;
+  --prettypurple: #733999;
   --accent: #fabd2f;      /* Gruvbox Yellow */
   --accent2: #fe8019;     /* Gruvbox Orange */
   --accent3: #d79921;     /* Gruvbox Dark Yellow */