Colors.

1 files changed, 20 insertions, 10 deletions

diff --git a/play.css b/play.css
index d5b62aa..779794a 100644
--- a/play.css
+++ b/play.css
@@ -9,21 +9,28 @@ header.your_turn { background-color: orange; }
 #turn_info { background-color: gainsboro; }
 .role_vp { float: right; }
 
-body.Red header.your_turn { background-color: salmon; }
-body.Blue header.your_turn { background-color: skyblue; }
-body.Yellow header.your_turn { background-color: khaki; }
-body.Green header.your_turn { background-color: darkseagreen; }
-
-body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_panel {
+body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_panel, body.Observer #market_panel {
 	display: none;
 }
 
+#role_Red .role_name { background-color: hsl(354,85%,67%) }
+#role_Blue .role_name { background-color: hsl(207,67%,78%) }
+#role_Yellow .role_name { background-color: hsl(47,100%,73%) }
+#role_Green .role_name { background-color: hsl(99,36%,60%) }
+
+body.Red .your_turn { background-color: hsl(354,85%,72%) }
+body.Blue .your_turn { background-color: hsl(207,67%,83%) }
+body.Yellow .your_turn { background-color: hsl(47,100%,78%) }
+body.Green .your_turn { background-color: hsl(99,36%,65%) }
+
+#log .h1.p_red { background-color: hsl(354,85%,77%) }
+#log .h1.p_blue { background-color: hsl(207,67%,83%) }
+#log .h1.p_yellow { background-color: hsl(47,100%,78%) }
+#log .h1.p_green { background-color: hsl(99,36%,70%) }
+
 #log { background-color: whitesmoke; }
 #log .h1 { background-color: silver; font-weight: bold; padding-top:2px; padding-bottom:2px; margin: 8px 0; text-align: center; }
-#log .h1.p_red { background-color: salmon; }
-#log .h1.p_blue { background-color: skyblue; }
-#log .h1.p_yellow { background-color: khaki; }
-#log .h1.p_green { background-color: darkseagreen; }
+#log .h1 { border-bottom: 1px solid #444; border-top: 1px solid #444; }
 #log .h2 { background-color: gainsboro; padding-top:2px; padding-bottom:2px; text-align: center; }
 #log .h3 { text-decoration: underline; }
 #log div { padding-left: 20px; text-indent: -12px; }
@@ -506,6 +513,9 @@ body.shift #zenobia { background-image: url(images/rival_back.png) }
 	filter: brightness(75%)
 }
 
+#played { background-image: repeating-linear-gradient(45deg, #555, #555 40px, #444 40px, #444 80px) }
+#market { background-image: repeating-linear-gradient(135deg, darkgray, darkgray 60px, gray 60px, gray 120px) }
+
 #discard .card.action {
 	box-shadow: 0 0 0px 3px #a00;
 }