Paler dots

2 files changed, 40 insertions, 1 deletions

diff --git a/images/die_pale_pips.svg b/images/die_pale_pips.svg
new file mode 100644
index 0000000..0016dc0
--- /dev/null
+++ b/images/die_pale_pips.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="336" height="56">
+<g fill="#ecda72" fill-opacity="0.8" stroke="black" stroke-width="1">
+<g transform="translate(0 0)">
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(56 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(112 0)">
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(168 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+<g transform="translate(224 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="44"/>
+<circle r="6" cx="28" cy="28"/>
+</g>
+<g transform="translate(280 0)">
+<circle r="6" cx="12" cy="12"/>
+<circle r="6" cx="12" cy="28"/>
+<circle r="6" cx="12" cy="44"/>
+<circle r="6" cx="44" cy="12"/>
+<circle r="6" cx="44" cy="28"/>
+<circle r="6" cx="44" cy="44"/>
+</g>
+</g>
+</svg>
diff --git a/play.css b/play.css
index d430471..e5f62ab 100644
--- a/play.css
+++ b/play.css
@@ -103,7 +103,7 @@ header.your_turn.ve { background-color: #ffbf32 }
 	border-style: solid;
 	background-size: 600% 100%;
 	background-repeat: no-repeat;
-	background-image: url(images/die_gold_pips.svg);
+	background-image: url(images/die_pale_pips.svg);
 	box-shadow: 0 0 0 1px #333, 1px 2px 3px 1px #0004;
 }
 
@@ -123,6 +123,7 @@ header.your_turn.ve { background-color: #ffbf32 }
 .attacker .die.hit {
 	background-color: #9e302f;
 	border-color: #9c3b3a #701d1b #701d1b #9c3b3a;
+	background-image: url(images/die_gold_pips.svg);
 }
 
 .defender .die {
@@ -133,6 +134,7 @@ header.your_turn.ve { background-color: #ffbf32 }
 .defender .die.hit {
 	background-color: #bb957b;
 	border-color: #d6af95 #a18069 #a18069 #d6af95;
+	background-image: url(images/die_gold_pips.svg);
 }
 
 .die.action { box-shadow: 0 0 0 1px #333, 0 0 0px 3px white; }