From 3dc36d6d8ebf2f5a0025c1e467085866ca57b512 Mon Sep 17 00:00:00 2001
From: Rick van der Staaij <id@rick.nu>
Date: Fri, 15 Nov 2024 21:41:07 +0100
Subject: [PATCH] Make variables more clear

---
 .../GeneredTaskfile/Highlighter/highlighter.module.css   | 2 +-
 .../GeneredTaskfile/Highlighter/lineRenderers.tsx        | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Generator/GeneredTaskfile/Highlighter/highlighter.module.css b/src/components/Generator/GeneredTaskfile/Highlighter/highlighter.module.css
index 70798b4..2c883d4 100644
--- a/src/components/Generator/GeneredTaskfile/Highlighter/highlighter.module.css
+++ b/src/components/Generator/GeneredTaskfile/Highlighter/highlighter.module.css
@@ -35,5 +35,5 @@
 }
 
 .text-green {
-	color: #2c9835;
+	color: #1d8525;
 }
diff --git a/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx b/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
index 9b89aff..d6f4cae 100644
--- a/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
+++ b/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
@@ -35,7 +35,8 @@ export const lineRenderers: Record<RendererType, LineRenderer> = {
 					<span className={styles['text-gray']}>function</span>
 					<span className={styles['text-white']}> task:</span>
 					<span className={styles['text-yellow']}>{name}</span>
-					<span className={styles['text-gray']}>{' { ##'}</span>
+					<span className={styles['text-gray']}>{' {'}</span>
+					<span className={styles['text-green']}>{' ##'}</span>
 					<span className={styles['text-white']}>{rest}</span>
 				</div>
 			);
@@ -77,9 +78,9 @@ export const lineRenderers: Record<RendererType, LineRenderer> = {
 			const [varName, ...rest] = line.split('=');
 			return (
 				<div key={i} className={styles.line}>
-					<span className={styles['text-purple']}>{varName}</span>
-					<span className={styles['text-white']}>=</span>
-					<span className={styles['text-yellow-light']}>{rest.join('=')}</span>
+					<span className={styles['text-blue']}>{varName}</span>
+					<span className={styles['text-gray']}>=</span>
+					<span className={styles['text-white']}>{rest.join('=')}</span>
 				</div>
 			);
 		},