From b85c64072916416bc42b9e48242286cccea9703c Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Thu, 21 Sep 2023 21:55:57 -0700
Subject: [PATCH] refactor: :lipstick: module player uses theme colors

---
 .../client/src/components/MkModPlayer.vue     | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/client/src/components/MkModPlayer.vue b/packages/client/src/components/MkModPlayer.vue
index f7ad14095a..83140b02ed 100644
--- a/packages/client/src/components/MkModPlayer.vue
+++ b/packages/client/src/components/MkModPlayer.vue
@@ -418,8 +418,8 @@ onDeactivated(() => {
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
-		color: #ffffff;
-		background-color: black;
+		color: var(--fg);
+		background-color: var(--panelHighlight);
 		text-align: center;
 		font: 12px monospace;
 		white-space: pre;
@@ -441,17 +441,17 @@ onDeactivated(() => {
 				opacity: 0.5;
 
 				> .modColQuarter {
-					color: #ffff00;
+					color: var(--badge);
 				}
 
 				> .mod-row-inner {
 					background: repeating-linear-gradient(
 						to right,
-						white 0 4ch,
-						#80e0ff 4ch 6ch,
-						#80ff80 6ch 9ch,
-						#ff80e0 9ch 10ch,
-						#ffe080 10ch 12ch
+						var(--fg) 0 4ch,
+						var(--codeBoolean) 4ch 6ch,
+						var(--CodeNumber) 6ch 9ch,
+						var(--codeString) 9ch 10ch,
+						var(--error) 10ch 12ch
 					);
 					background-clip: text;
 					-webkit-background-clip: text;
@@ -500,8 +500,8 @@ onDeactivated(() => {
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	background: #111;
-	color: #fff;
+	background: var(--infoWarnBg);
+	color: var(--infoWarnFg);
 
 	> div {
 		display: table-cell;