Change colors to match components rendered for sRGB (instead of Adobe RGB).

9 files changed, 33 insertions, 33 deletions

diff --git a/images/icon_forts.svg b/images/icon_forts.svg
index 11f32e8..dd824ea 100644
--- a/images/icon_forts.svg
+++ b/images/icon_forts.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
-<circle fill="#577" cx="8" cy="8" r="6"/>
+<circle fill="hsl(183, 25%, 37%)" cx="8" cy="8" r="6"/>
 </svg>
diff --git a/images/icon_institutional.svg b/images/icon_institutional.svg
index 3255365..23edba3 100644
--- a/images/icon_institutional.svg
+++ b/images/icon_institutional.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
-<rect fill="#793" x="2" y="2" width="12" height="12"/>
+<rect fill="hsl(91, 44%, 44%)" x="2" y="2" width="12" height="12"/>
 </svg>
diff --git a/images/icon_paris.svg b/images/icon_paris.svg
index a881efd..15aea1a 100644
--- a/images/icon_paris.svg
+++ b/images/icon_paris.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
-<path fill="#757" d="M 8 2 L 14 8 8 14 2 8 z"/>
+<path fill="hsl(280, 29%, 44%)" d="M 8 2 L 14 8 8 14 2 8 z"/>
 </svg>
diff --git a/images/icon_public_opinion.svg b/images/icon_public_opinion.svg
index a3d6cca..366f632 100644
--- a/images/icon_public_opinion.svg
+++ b/images/icon_public_opinion.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
-<path fill="#d82" d="M 8 3 L 15 13 1 13 z"/>
+<path fill="hsl(32, 84%, 52%)" d="M 8 3 L 15 13 1 13 z"/>
 </svg>
diff --git a/images/pivotal_forts.svg b/images/pivotal_forts.svg
index 9b2e08b..81ad07b 100644
--- a/images/pivotal_forts.svg
+++ b/images/pivotal_forts.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="158" height="158">
-<path fill-opacity="0.5" fill="hsl(175,32%,85%)" stroke="hsl(175,32%,85%)" stroke-width="4"
+<path fill-opacity="0.5" fill="hsl(183,25%,85%)" stroke="hsl(183,25%,85%)" stroke-width="4"
 	d="m 79 9 21 21 29 0 0 29 21 21 -21 21 0 29 -29 0 -21 21 -21 -21 -29 0 0 -29 -21 -21 21 -21 0 -29 29 0 z" />
 </svg>
diff --git a/images/pivotal_institutional.svg b/images/pivotal_institutional.svg
index df73c9d..e25ea35 100644
--- a/images/pivotal_institutional.svg
+++ b/images/pivotal_institutional.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="158" height="158">
-<path fill-opacity="0.5" fill="hsl(78,64%,85%)" stroke="hsl(78,64%,85%)" stroke-width="4"
+<path fill-opacity="0.5" fill="hsl(91,44%,85%)" stroke="hsl(91,44%,85%)" stroke-width="4"
 	d="m 79 9 21 21 29 0 0 29 21 21 -21 21 0 29 -29 0 -21 21 -21 -21 -29 0 0 -29 -21 -21 21 -21 0 -29 29 0 z" />
 </svg>
diff --git a/images/pivotal_paris.svg b/images/pivotal_paris.svg
index 92d1b04..401c064 100644
--- a/images/pivotal_paris.svg
+++ b/images/pivotal_paris.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="158" height="158">
-<path fill-opacity="0.5" fill="hsl(275,40%,85%)" stroke="hsl(275,40%,85%)" stroke-width="4"
+<path fill-opacity="0.5" fill="hsl(280,29%,85%)" stroke="hsl(280,29%,85%)" stroke-width="4"
 	d="m 79 9 21 21 29 0 0 29 21 21 -21 21 0 29 -29 0 -21 21 -21 -21 -29 0 0 -29 -21 -21 21 -21 0 -29 29 0 z" />
 </svg>
diff --git a/images/pivotal_public_opinion.svg b/images/pivotal_public_opinion.svg
index 60df1e7..9364dab 100644
--- a/images/pivotal_public_opinion.svg
+++ b/images/pivotal_public_opinion.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="158" height="158">
-<path fill-opacity="0.5" fill="hsl(34,80%,85%)" stroke="hsl(34,80%,85%)" stroke-width="4"
+<path fill-opacity="0.5" fill="hsl(32,84%,90%)" stroke="hsl(32,84%,90%)" stroke-width="4"
 	d="m 79 9 21 21 29 0 0 29 21 21 -21 21 0 29 -29 0 -21 21 -21 -21 -29 0 0 -29 -21 -21 21 -21 0 -29 29 0 z" />
 </svg>
diff --git a/play.css b/play.css
index 2d421d3..efc2b66 100644
--- a/play.css
+++ b/play.css
@@ -3,15 +3,15 @@
 main { background-color: dimgray; }
 header { background-color: gainsboro; }
 
-#role_Commune { background-color: hsl(359, 62%, 75%); }
-#role_Versailles { background-color: hsl(208, 45%, 75%); }
-body.Commune header.your_turn { background-color: hsl(359, 62%, 70%); }
-body.Versailles header.your_turn { background-color: hsl(208, 45%, 70%); }
-
-#log { background-color: #f7f4e1; }
-#log .h1 { background-color: #dcd7af; font-weight: bold; padding:2px 0; text-align: center; }
-#log .h2 { background-color: #dcd7af; padding: 0; text-align: center; }
-#log .h3 { text-decoration: underline #575a53; }
+#role_Commune { background-color: hsl(358, 62%, 75%); }
+#role_Versailles { background-color: hsl(199, 45%, 75%); }
+body.Commune header.your_turn { background-color: hsl(358, 62%, 70%); }
+body.Versailles header.your_turn { background-color: hsl(199, 45%, 70%); }
+
+#log { background-color: hsl(54, 51%, 92%); }
+#log .h1 { background-color: hsl(50, 45%, 78%); font-weight: bold; padding:2px 0; text-align: center; }
+#log .h2 { background-color: hsl(50, 45%, 78%); padding: 0; text-align: center; }
+#log .h3 { text-decoration: underline #555; }
 #log > .i { padding-left: 20px; }
 #log .tip { font-style: italic }
 #log .tip:hover { cursor: pointer; text-decoration: underline; }
@@ -24,10 +24,10 @@ body.Versailles header.your_turn { background-color: hsl(208, 45%, 70%); }
 #log img.m { height: 17px; vertical-align: -5px }
 #log img.s { height: 16px; vertical-align: -4px }
 
-#log span.institutional { font-weight: bold; color: #793 }
-#log span.public_opinion { font-weight: bold; color: #d82 }
-#log span.forts { font-weight: bold; color: #577 }
-#log span.paris { font-weight: bold; color: #757 }
+#log span.institutional { font-weight: bold; color: hsl(91, 44%, 44%) }
+#log span.public_opinion { font-weight: bold; color: hsl(32, 84%, 52%) }
+#log span.forts { font-weight: bold; color: hsl(183, 25%, 37%) }
+#log span.paris { font-weight: bold; color: hsl(280, 29%, 44%) }
 
 .role_extra {
 	float: right;
@@ -57,10 +57,10 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) }
 #final_panel { width: clamp(290px, 560px, 100%) }
 #set_aside_panel { width: clamp(290px, 830px, 100%) }
 
-#red_objective_header { background-color: hsl(359, 20%, 28%); }
-#blue_objective_header { background-color: hsl(208, 14%, 26%); }
-#red_objective { background-color: hsl(359, 10%, 36%); }
-#blue_objective { background-color: hsl(208, 7%, 33%); }
+#red_objective_header { background-color: hsl(358, 20%, 28%); }
+#blue_objective_header { background-color: hsl(199, 14%, 26%); }
+#red_objective { background-color: hsl(358, 10%, 36%); }
+#blue_objective { background-color: hsl(199, 7%, 33%); }
 
 .panel {
 	background-color: #555;
@@ -137,23 +137,23 @@ body.censorship #hand_panel { width: clamp(290px, 1370px, 100%) }
 }
 
 .space.institutional.action {
-	border: 4px solid hsl(78, 64%, 85%);
-	background-color: hsl(78, 64%, 85%, 0.5);
+	border: 4px solid hsl(91, 44%, 85%);
+	background-color: hsl(91, 44%, 85%, 0.5);
 }
 
 .space.public_opinion.action {
-	border: 4px solid hsl(34, 80%, 85%);
-	background-color: hsl(34, 80%, 85%, 0.5);
+	border: 4px solid hsl(32, 84%, 90%);
+	background-color: hsl(32, 84%, 90%, 0.5);
 }
 
 .space.forts.action {
-	border: 4px solid hsl(175, 32%, 85%);
-	background-color: hsl(175, 32%, 85%, 0.5);
+	border: 4px solid hsl(183, 25%, 85%);
+	background-color: hsl(183, 25%, 85%, 0.5);
 }
 
 .space.paris.action {
-	border: 4px solid hsl(275, 40%, 85%);
-	background-color: hsl(275, 40%, 85%, 0.5);
+	border: 4px solid hsl(280, 29%, 85%);
+	background-color: hsl(280, 29%, 85%, 0.5);
 }
 
 .space.pivotal.action {