From 640c004af1de6d78586c5e309435edfd79d152b8 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Tue, 23 May 2023 20:05:12 +0200 Subject: Change colors to match components rendered for sRGB (instead of Adobe RGB). --- images/icon_forts.svg | 2 +- images/icon_institutional.svg | 2 +- images/icon_paris.svg | 2 +- images/icon_public_opinion.svg | 2 +- images/pivotal_forts.svg | 2 +- images/pivotal_institutional.svg | 2 +- images/pivotal_paris.svg | 2 +- images/pivotal_public_opinion.svg | 2 +- play.css | 50 +++++++++++++++++++-------------------- 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 @@ - + 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 @@ - + 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 @@ - + 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 @@ - + 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 @@ - 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 @@ - 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 @@ - 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 @@ - 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 { -- cgit v1.2.3