feat: make rainbow optional

index.css

@@ -172,7 +172,14 @@ details.hud li {
 .use-value {
   display: none;
   visibility: hidden;
-  text-align: center;
+}
+
+.display-use-value {
+  display: inline;
+  visibility: visible;
+}
+
+.raibow {
   text-decoration: underline;
   background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
   -webkit-background-clip: text;
@@ -182,11 +189,6 @@ details.hud li {
   background-size: 400% 100%;
 }
 
-.display-use-value {
-  display: inline;
-  visibility: visible;
-}
-
 
 @keyframes rainbow-animation {
 

main.ts

@@ -96,5 +96,11 @@ if (useValue !== null) {
   const value = document.querySelectorAll('.use-value')
   value.forEach((value) => {
     value.classList.add('display-use-value')
+
+    if (useValue === 'simple') {
+      value.classList.remove('raibow')
+    } else {
+      value.classList.add('raibow')
+    }
   })
 }