From 06ebd1554f967d1392169836c1ea4e1741414907 Mon Sep 17 00:00:00 2001
From: Fred Sauer <fredsa@google.com>
Date: Sun, 12 Apr 2026 21:25:06 -0700
Subject: [PATCH] Improve palette button highlight

Invert border so all colors have visible
selection, not just those that contrast
with white.
---
 css/ui.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/css/ui.css b/css/ui.css
index 9b5017d9..d98b9d65 100644
--- a/css/ui.css
+++ b/css/ui.css
@@ -276,14 +276,23 @@ canvas.pixelated {
   -ms-interpolation-mode: nearest-neighbor;   /* IE                            */
 }
 .palbtn {
-  width:2em;
-  height:2em;
-  border-style:none;
+  width: 2em;
+  height: 2em;
+  border-style: none;
+  position: relative;
+  border: none;
 }
-.palbtn.selected {
-  border-width:2px;
-  border-color:white;
-  border-style:dotted;
+.palbtn.selected::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2px dotted #888;
+  border-radius: inherit;
+  mix-blend-mode: difference;
+  pointer-events: none;
 }
 #javatari-screen canvas {
   box-sizing: content-box;