From a130770bc06cf17e2c17187914688311970f3e32 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 20:08:06 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Improve=20contrast=20and=20reada?=
 =?UTF-8?q?bility=20for=20syntax=20highlighting=20in=20light=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/GamemasterExplorer.vue          | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
index ef09480..74c0a0d 100644
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -1128,6 +1128,27 @@ onMounted(() => {
   color: #24292e;
 }
 
+/* Improve contrast for light mode - darken attribute names and values */
+.content-viewer:not(.dark-mode) .hljs-attr {
+  color: #6f42c1;
+  font-weight: 600;
+}
+
+.content-viewer:not(.dark-mode) .hljs-string {
+  color: #0a3622;
+  font-weight: 500;
+}
+
+.content-viewer:not(.dark-mode) .hljs-number {
+  color: #005a9c;
+  font-weight: 600;
+}
+
+.content-viewer:not(.dark-mode) .hljs-literal {
+  color: #d73a49;
+  font-weight: 600;
+}
+
 /* Dark mode syntax highlighting */
 .content-viewer.dark-mode .line pre code {
   background-color: transparent;