Make text fading an option

features.js

@@ -486,6 +486,11 @@ panels = {
                 "target": "toggleDarkMode",
                 "default": true
             },
+            {
+                "name": "Text Stays",
+                "target": "toggleTextFade",
+                "default": true
+            },
             {
                 "name": "Debug Log",
                 "target": "debugLog",

game.js

@@ -38,6 +38,7 @@ let text_verbosity = "verbose";
 
 let autoVerbose = true;
 
+let textFade = false;
 
 
 let newline = " ";
@@ -5331,6 +5332,19 @@ function updatePreview(name) {
   document.getElementById(name + "Preview").innerHTML = result;
 }
 
+function toggleTextFade() {
+  const button = document.querySelector("#button-option-toggleTextFade");
+  if (textFade) {
+    document.querySelectorAll(".log").forEach(log => log.style.setProperty("--fade-animation", "none"));
+    button.textContent = "Text Stays"
+  } else {
+    document.querySelectorAll(".log").forEach(log => log.style.setProperty("--fade-animation", "log-fade 10s linear"));
+    button.textContent = "Text Fades"
+  }
+
+  textFade = !textFade;
+}
+
 function debugLog() {
   console.log("Your character settings:");
   console.log(JSON.stringify(generateSettings()["settings"]));

style.css

@@ -804,9 +804,12 @@ body.dark .meterLabel {
   user-select: none;
 }
 
-#log > div,
-#react-log > div {
-  animation: log-fade 10s linear;
+.log {
+  --fade-animation: none;
+}
+
+.log > div {
+  animation: var(--fade-animation);
   animation-fill-mode: forwards;
 }