Use black highlight when assigning hits to blocks.

2 files changed, 5 insertions, 2 deletions

diff --git a/play.html b/play.html
index 3cad8fe..14ea4a8 100644
--- a/play.html
+++ b/play.html
@@ -166,6 +166,9 @@ body.shift .block.known:hover {
 
 .block.Franks.highlight:not(.selected) { box-shadow: 0 0 3px 0px white; }
 
+.hit .block.highlight { border-color: black; }
+.hit .block.Franks.highlight { box-shadow: 0 0 4px 0px black; }
+
 .block.highlight { cursor: pointer; }
 .block.moved { filter: brightness(80%) grayscale(40%); }
 .block.highlight.moved { filter: brightness(95%) grayscale(40%); }
diff --git a/ui.js b/ui.js
index 2cfbfca..3f5763b 100644
--- a/ui.js
+++ b/ui.js
@@ -654,12 +654,12 @@ function update_battle() {
 				ui.battle_menu[block].classList.add('storm');
 			if (game.actions && game.actions.sally && game.actions.sally.includes(block))
 				ui.battle_menu[block].classList.add('sally');
-			if (game.actions && game.actions.hit && game.actions.hit.includes(block))
-				ui.battle_menu[block].classList.add('hit');
 			if (game.actions && game.actions.charge && game.actions.charge.includes(block))
 				ui.battle_menu[block].classList.add('charge');
 			if (game.actions && game.actions.treachery && game.actions.treachery.includes(block))
 				ui.battle_menu[block].classList.add('treachery');
+			if (game.actions && game.actions.hit && game.actions.hit.includes(block))
+				ui.battle_menu[block].classList.add('hit');
 
 			let class_name = battle_block_class_name(BLOCKS[block]);
 			if (game.actions && game.actions.block && game.actions.block.includes(block))