🎨 Improve readability by reformatting theme assignment logic in highlight directive

2026-01-28 20:04:03 +00:00
parent 9f18a7b3be
commit fedb0496b4
2 changed files with 27 additions and 3 deletions
--- a/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterExplorer.vue
@@ -1109,6 +1109,23 @@ onMounted(() => {
  flex: 1;
  white-space: pre;
  overflow-x: auto;
+  background: transparent;
+}
+
+.line pre code {
+  background: transparent;
+}
+
+/* Light mode syntax highlighting */
+.content-viewer:not(.dark-mode) .line pre code {
+  background-color: transparent;
+  color: #24292e;
+}
+
+/* Dark mode syntax highlighting */
+.content-viewer.dark-mode .line pre code {
+  background-color: transparent;
+  color: #e1e4e8;
 }

 .line-wrap .line pre {