From 4a86457a3952b980d3f11fc0f6a73400be75aae4 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Rapha=C3=ABl=20Jakse?= <raphael.trivabble@jakse.fr>
Date: Mon, 27 Oct 2025 08:06:51 +0100
Subject: [PATCH] Fix compatibility with old WebKit

---
 public/trivabble.css | 7 ++++++-
 public/trivabble.js  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/trivabble.css b/public/trivabble.css
index 20dbcc6..1a79674 100644
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -217,7 +217,7 @@ body {
 }
 
 #menu, #panel {
-    color: #FFF;
+    color: #000;
     color: var(--menu-color);
     display:-webkit-flex;
     display:flex;
@@ -679,6 +679,7 @@ td.blink {
     opacity: 0;
     visibility: hidden;
     -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s 0s;
+    -webkit-transform: scale(1.1);
     transform: scale(1.1);
     transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
     z-index: 1;
@@ -697,6 +698,7 @@ td.blink {
     position: absolute;
     top: 50%;
     left: 50%;
+    -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     padding: 1rem 1.5rem;
     width: 24rem;
@@ -744,6 +746,7 @@ td.blink {
     opacity: 1;
     visibility: visible;
     -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s;
+    -webkit-transform: scale(1.0);
     transform: scale(1.0);
     transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
 }
@@ -958,7 +961,9 @@ textarea {
 }
 
 .alert-outer {
+    background-color: white;
     background-color: var(--modal-bg);
+    color: black;
     color:var(--modal-color);
     border-radius:4px;
     display:-webkit-flex;
diff --git a/public/trivabble.js b/public/trivabble.js
index 25e71f7..545892d 100644
--- a/public/trivabble.js
+++ b/public/trivabble.js
@@ -2860,7 +2860,7 @@
         const len = rules.length;
         for (var i = len - 1; i >= 0; i--) {
             const rule = rules[i].media;
-            if (rule.mediaText.includes("prefers-color-scheme")) {
+            if (rule && rule.mediaText && rule.mediaText.includes && rule.mediaText.includes("prefers-color-scheme")) {
                 switch (mode) {
                     case "light":
                         rule.appendMedium("original-prefers-color-scheme");
-- 
2.30.2