From 32d0bf13d2c9759b2907d0544f65591d209bddf7 Mon Sep 17 00:00:00 2001
From: yukirij <yukirij@yukiri.net>
Date: Wed, 18 Dec 2024 16:54:06 -0800
Subject: [PATCH] Update border colors.

---
 www/js/interface.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/www/js/interface.js b/www/js/interface.js
index e51f9a2..3b15f96 100644
--- a/www/js/interface.js
+++ b/www/js/interface.js
@@ -32,8 +32,9 @@ const INTERFACE = {
         DuskDark:    "#c51162",
         DuskDarkest: "#4c2235",
 
-        HintHover:        "#71a1e8",
+        HintHover:        "#b8f1fc",
         HintSelect:       "#4a148c",
+        HintSelectLight:  "#cda6fc",
         HintValid:        "#1d268c",
         HintValidLight:   "#6e9de5",
         HintValidTint:    "#3786fc",
@@ -688,6 +689,9 @@ const INTERFACE = {
                         border_color = INTERFACE.Color.HintInvalidTint;
                         show_hints = false;
                     } break;
+                    case INTERFACE.Color.HintSelect: {
+                        border_color = INTERFACE.Color.HintSelectLight;
+                    }
                 }
             }
             if(border_color === null) {
@@ -1173,11 +1177,13 @@ const INTERFACE = {
 
                 // Get background color.
                 let background_color = null;
+                let border_color = player_color;
 
                 let alt_piece = INTERFACE.selection_has_alt(INTERFACE_DATA.hover);
                 if(alt_piece !== null) {
                     if(alt_piece.piece == i && alt_piece.player == player) {
                         background_color = INTERFACE.Color.HintValidDark;
+                        border_color = INTERFACE.Color.HintValidTint;
                     }
                 }
 
@@ -1187,17 +1193,20 @@ const INTERFACE = {
                     if(alt_piece.piece == i && alt_piece.player == player) {
                         if(INTERFACE_DATA.alt_mode) {
                             background_color = INTERFACE.Color.HintSelect;
+                            border_color = INTERFACE.Color.HintSelectLight;
                         } else {
                             background_color = INTERFACE.Color.HintValid;
+                            border_color = INTERFACE.Color.HintValidLight;
                         }
                     }
                 }
+
+                if(is_hover) { border_color = INTERFACE.Color.HintHover; }
     
                 // Draw border
                 let turn_indicator = !GAME_DATA.config.rules.turn || (player == ((GAME_DATA.turn + GAME_DATA.config.rules.reverse) & 1) && (INTERFACE_DATA.player == player || INTERFACE_DATA.player == 2));
                 if(is_hover || background_color !== null || turn_indicator) {
-                    if(is_hover) { this.ctx.fillStyle = INTERFACE.Color.HintHover; }
-                    else { this.ctx.fillStyle = player_color; }
+                    this.ctx.fillStyle = border_color;
                     this.ctx.beginPath();
                     this.hex();
                     this.ctx.fill();