Change attacker color from green to blue; change trace color

This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:30 -07:00
parent e16e76664c
commit baa1d34578
3 changed files with 13 additions and 13 deletions

View File

@ -39,7 +39,7 @@ polyline {
} }
polyline.move-trace { polyline.move-trace {
stroke: white; stroke: gray;
stroke-dasharray: 2; stroke-dasharray: 2;
} }
@ -104,7 +104,7 @@ g[data-allegiance="defender"].clone {
} }
g[data-allegiance="attacker"].clone { g[data-allegiance="attacker"].clone {
fill: rgb(130, 190, 130); fill: rgb(126, 126, 255);
} }
text.counter, #troop-counter text { text.counter, #troop-counter text {
@ -124,7 +124,7 @@ polygon.firing-arc[data-allegiance="defender"] {
} }
polygon.firing-arc[data-allegiance="attacker"] { polygon.firing-arc[data-allegiance="attacker"] {
fill: green; fill: blue;
} }
#shapes { #shapes {
@ -209,7 +209,7 @@ g.selected use[href="#counter-base"] {
} }
.counter[data-allegiance="attacker"] { .counter[data-allegiance="attacker"] {
fill: green; fill: blue;
} }
.counter[data-allegiance="defender"] { .counter[data-allegiance="defender"] {
@ -390,7 +390,6 @@ g[data-y="76"] { --i: 76; }
transform: scale(0.9); transform: scale(0.9);
} }
.floor { .floor {
fill: white; fill: white;
} }
@ -400,7 +399,7 @@ g[data-y="76"] { --i: 76; }
} }
.furniture { .furniture {
fill: violet; fill: lightseagreen;
} }
.building path.walls { .building path.walls {
@ -412,16 +411,17 @@ g[data-y="76"] { --i: 76; }
stroke-linecap: square; stroke-linecap: square;
} }
.building .windows, .building .doors, .building .door-edges { .building .windows, .building .door-edges {
stroke-width: 2.5px; stroke-width: 2.5px;
} }
.building .windows, .building .door-edges { .building .windows, .building .door-edges {
stroke: lightseagreen; stroke: orange;
} }
.building .doors { .building .doors {
stroke: orange; stroke: white;
stroke-width: 2.25
} }
#test-arcs line, #test-arcs polyline { #test-arcs line, #test-arcs polyline {

View File

@ -272,7 +272,7 @@ polygon.firing-arc[data-allegiance="defender"] {
} }
polygon.firing-arc[data-allegiance="attacker"] { polygon.firing-arc[data-allegiance="attacker"] {
fill: green; fill: blue;
} }
#shapes { #shapes {
@ -307,7 +307,7 @@ button.set-firing-arc img {
} }
.soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg { .soldier-record[data-allegiance="attacker"] [slot="troop-number"] svg {
fill: green; fill: blue;
} }
.soldier-record[data-allegiance="defender"] [slot="troop-number"] svg { .soldier-record[data-allegiance="defender"] [slot="troop-number"] svg {
@ -335,7 +335,7 @@ button.set-firing-arc img {
} }
.soldier-record[data-allegiance="attacker"] [slot="troop-number"] img { .soldier-record[data-allegiance="attacker"] [slot="troop-number"] img {
fill: green; fill: blue;
} }
.soldier-record.selected { .soldier-record.selected {

View File

@ -80,7 +80,7 @@ export function handleTrace(svg, selected, clone, current) {
if (!trace) { if (!trace) {
trace = createTrace(getCellPosition(clone.parentElement), current, selected); trace = createTrace(getCellPosition(clone.parentElement), current, selected);
svg.querySelector('.gameboard').prepend(trace); svg.querySelector('.grid').before(trace);
} else { } else {
const points = `${trace.getAttribute('points')} ${current.x},${current.y}`; const points = `${trace.getAttribute('points')} ${current.x},${current.y}`;
trace.setAttributeNS(null, 'points', points); trace.setAttributeNS(null, 'points', points);