From 84d21239ed1380dfe7a784cad750bece0dcac193 Mon Sep 17 00:00:00 2001
From: rhpidfyre <brandon@rhpidfyre.io>
Date: Sun, 23 Feb 2025 16:02:08 -0500
Subject: [PATCH] scss colors should be css variables

---
 src/scss/elements/terminal.scss | 14 +++++---------
 src/scss/global.scss            |  5 ++++-
 src/scss/variables.scss         | 13 ++++++++++++-
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/scss/elements/terminal.scss b/src/scss/elements/terminal.scss
index 57d917e..3566d62 100644
--- a/src/scss/elements/terminal.scss
+++ b/src/scss/elements/terminal.scss
@@ -1,12 +1,9 @@
-@mixin color-matrix {
-	.red   { color: rgb(200, 0, 0); }
-	.green { color: rgb(0, 200, 0); }
-	.blue  { color: rgb(0, 0, 200); }
-	.cyan  { color: rgb(18,167,148); }
-}
-
 @mixin text-styles {
-	.bold { font-weight: bold; }
+	.red   { color: var(--text-red) }
+	.green { color: var(--text-green) }
+	.blue  { color: var(--text-blue) }
+	.cyan  { color: var(--text-cyan) }
+	.bold  { font-weight: bold; }
 }
 
 @mixin stdout-layouts {
@@ -27,7 +24,6 @@
 	@include term-elements;
 
 	p {
-		@include color-matrix;
 		@include text-styles;
 
 		font-size: 1.2rem;
diff --git a/src/scss/global.scss b/src/scss/global.scss
index f077be8..3ed089a 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -5,7 +5,10 @@
 @use "./elements/main.scss";
 @use "./elements/footer.scss";
 
-:root { color-scheme: dark; }
+:root {
+	@include variables.css-global;
+	color-scheme: dark;
+}
 ::selection {
 	background-color: rgb(255,255,255);
 	color: rgb(0,0,0);
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index 90e5f50..5bb0cd3 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -1,3 +1,14 @@
 $header-Y: 30px;
 $footer-Y: 30px;
-$component-padding: 20px;
\ No newline at end of file
+$component-padding: 20px;
+
+@mixin text-colors {
+	--text-red:   rgb(200, 0, 0);
+	--text-green: rgb(0, 200, 0);
+	--text-blue:  rgb(0, 0, 200);
+	--text-cyan:  rgb(18,167,148);
+}
+
+@mixin css-global {
+	@include text-colors;
+}
\ No newline at end of file