Update border colors.

This commit is contained in:
yukirij 2024-12-18 16:54:06 -08:00
parent 4813c27035
commit 32d0bf13d2

View File

@ -32,8 +32,9 @@ const INTERFACE = {
DuskDark: "#c51162", DuskDark: "#c51162",
DuskDarkest: "#4c2235", DuskDarkest: "#4c2235",
HintHover: "#71a1e8", HintHover: "#b8f1fc",
HintSelect: "#4a148c", HintSelect: "#4a148c",
HintSelectLight: "#cda6fc",
HintValid: "#1d268c", HintValid: "#1d268c",
HintValidLight: "#6e9de5", HintValidLight: "#6e9de5",
HintValidTint: "#3786fc", HintValidTint: "#3786fc",
@ -688,6 +689,9 @@ const INTERFACE = {
border_color = INTERFACE.Color.HintInvalidTint; border_color = INTERFACE.Color.HintInvalidTint;
show_hints = false; show_hints = false;
} break; } break;
case INTERFACE.Color.HintSelect: {
border_color = INTERFACE.Color.HintSelectLight;
}
} }
} }
if(border_color === null) { if(border_color === null) {
@ -1173,11 +1177,13 @@ const INTERFACE = {
// Get background color. // Get background color.
let background_color = null; let background_color = null;
let border_color = player_color;
let alt_piece = INTERFACE.selection_has_alt(INTERFACE_DATA.hover); let alt_piece = INTERFACE.selection_has_alt(INTERFACE_DATA.hover);
if(alt_piece !== null) { if(alt_piece !== null) {
if(alt_piece.piece == i && alt_piece.player == player) { if(alt_piece.piece == i && alt_piece.player == player) {
background_color = INTERFACE.Color.HintValidDark; 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(alt_piece.piece == i && alt_piece.player == player) {
if(INTERFACE_DATA.alt_mode) { if(INTERFACE_DATA.alt_mode) {
background_color = INTERFACE.Color.HintSelect; background_color = INTERFACE.Color.HintSelect;
border_color = INTERFACE.Color.HintSelectLight;
} else { } else {
background_color = INTERFACE.Color.HintValid; background_color = INTERFACE.Color.HintValid;
border_color = INTERFACE.Color.HintValidLight;
} }
} }
} }
if(is_hover) { border_color = INTERFACE.Color.HintHover; }
// Draw border // 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)); 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 || background_color !== null || turn_indicator) {
if(is_hover) { this.ctx.fillStyle = INTERFACE.Color.HintHover; } this.ctx.fillStyle = border_color;
else { this.ctx.fillStyle = player_color; }
this.ctx.beginPath(); this.ctx.beginPath();
this.hex(); this.hex();
this.ctx.fill(); this.ctx.fill();