From 2ce2ca0eae6375269a9c3472527bb781a7ce25a7 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Fri, 2 Jan 2026 14:34:47 +0100
Subject: [PATCH] fix: rainbow and put it in core.css for everyone!

---
 core.css  | 28 ++++++++++++++++++++++++++++
 index.css | 28 ----------------------------
 main.ts   |  4 ++--
 3 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/core.css b/core.css
index 33d44ee..b960235 100644
--- a/core.css
+++ b/core.css
@@ -59,3 +59,31 @@ button:active {
 button {
   transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
 }
+
+.rainbow {
+  text-decoration: underline;
+  background: linear-gradient(
+    to right,
+    #6666ff,
+    #0099ff,
+    #00ff00,
+    #ff3399,
+    #6666ff
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: rainbow-animation 5s ease-in-out infinite;
+  background-size: 400% 100%;
+}
+
+@keyframes rainbow-animation {
+  0%,
+  100% {
+    background-position: 0 0;
+  }
+
+  50% {
+    background-position: 100% 0;
+  }
+}
diff --git a/index.css b/index.css
index e7a4b26..caf4d68 100644
--- a/index.css
+++ b/index.css
@@ -195,31 +195,3 @@ details.hud li {
   display: inline;
   visibility: visible;
 }
-
-.raibow {
-  text-decoration: underline;
-  background: linear-gradient(
-    to right,
-    #6666ff,
-    #0099ff,
-    #00ff00,
-    #ff3399,
-    #6666ff
-  );
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-  animation: rainbow-animation 5s ease-in-out infinite;
-  background-size: 400% 100%;
-}
-
-@keyframes rainbow-animation {
-  0%,
-  100% {
-    background-position: 0 0;
-  }
-
-  50% {
-    background-position: 100% 0;
-  }
-}
diff --git a/main.ts b/main.ts
index 4085fcc..db4f78e 100644
--- a/main.ts
+++ b/main.ts
@@ -129,9 +129,9 @@ if (useValue !== null) {
     value.classList.add('display-use-value')
 
     if (useValue === 'simple') {
-      value.classList.remove('raibow')
+      value.classList.remove('rainbow')
     } else {
-      value.classList.add('raibow')
+      value.classList.add('rainbow')
     }
   })
 }