Tweak the colours to be red/green colourblind friendly

diff --git a/resources/stylesheets/snapshot.css b/resources/stylesheets/snapshot.css
index 5bcebf1..324e131 100644 (file)
--- a/resources/stylesheets/snapshot.css
+++ b/resources/stylesheets/snapshot.css
@@ -4,8 +4,8 @@
 
 */
 
-way :hover     { z-index: 2; width: 1; color: blue; }
-way :selected { z-index: 2; width: 1; color: red; }
+way :hover     { z-index: 2; width: 1; color: yellow; }
+way :selected { z-index: 2; width: 2; color: yellow; }
 way !:drawn { z-index:10; width: 1; color: black; }
 
 node :selectedway { z-index: 8; icon-image: square; icon-width: 6; color: green; }
@@ -15,10 +15,10 @@ node !:drawn :poi { z-index: 2; icon-image: square; icon-width: 4; color: green;
 node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 3; color: black; }
 node :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
 
-way[_status=incomplete]::statushighlight { z-index: 0; width: 20; color: red; }
-way[_status=complete]::statushighlight { z-index: 0; width: 20; color: green; opacity: 0.4; }
-node[_status=incomplete]::statushighlight { z-index: 0; icon-image: square; icon-width: 15; color: red; }
-node[_status=complete]::statushighlight { z-index: 0; icon-image: square; icon-width: 15; color: green; opacity: 0.4; }
+way[_status=incomplete]::statushighlight { z-index: 0; width: 10; color: #d95f02; }
+way[_status=complete]::statushighlight { z-index: 0; width: 10; color: #1b9e77; opacity: 0.4; }
+node[_status=incomplete]::statushighlight { z-index: 0; icon-image: square; icon-width: 10; color: #d95f02; }
+node[_status=complete]::statushighlight { z-index: 0; icon-image: square; icon-width: 10; color: #1b9e77; opacity: 0.4; }