From bd2c8ac4bf5b46a02e9046f3b91378502f42c30a Mon Sep 17 00:00:00 2001
From: Mike Simpson <mike.simpson@ncl.ac.uk>
Date: Wed, 28 Feb 2024 11:20:11 +0000
Subject: [PATCH] Different colours for Streetscape values

#1331
---
 app/map_styles/polygon.xml                    | 24 +++++++++----------
 .../frontend/config/category-maps-config.ts   | 24 +++++++++----------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/app/map_styles/polygon.xml b/app/map_styles/polygon.xml
index 70e8c2a51..42fa20ca7 100644
--- a/app/map_styles/polygon.xml
+++ b/app/map_styles/polygon.xml
@@ -1209,19 +1209,19 @@
     <Style name="community_streetscape_hominess_avg">
         <Rule>
             <Filter>[community_streetscape_hominess_avg] &gt; 4</Filter>
-            <PolygonSymbolizer fill="#00d924" />
+            <PolygonSymbolizer fill="#7fd900" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_hominess_avg] &gt; 3 and [community_streetscape_hominess_avg] &lt;= 4</Filter>
-            <PolygonSymbolizer fill="#3efa5e" />
+            <PolygonSymbolizer fill="#acfa3e" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_hominess_avg] &gt; 2 and [community_streetscape_hominess_avg] &lt;= 3</Filter>
-            <PolygonSymbolizer fill="#7dfa92" />
+            <PolygonSymbolizer fill="#c6fa7d" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_hominess_avg] &gt; 1 and [community_streetscape_hominess_avg] &lt;= 2</Filter>
-            <PolygonSymbolizer fill="#a8fab5" />
+            <PolygonSymbolizer fill="#d8faa8" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_hominess_avg] &lt;= 1</Filter>
@@ -1242,19 +1242,19 @@
     <Style name="community_streetscape_fascination_avg">
         <Rule>
             <Filter>[community_streetscape_fascination_avg] &gt; 4</Filter>
-            <PolygonSymbolizer fill="#b300fa" />
+            <PolygonSymbolizer fill="#fa00e5" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_fascination_avg] &gt; 3 and [community_streetscape_fascination_avg] &lt;= 4</Filter>
-            <PolygonSymbolizer fill="#c33efa" />
+            <PolygonSymbolizer fill="#fa3eea" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_fascination_avg] &gt; 2 and [community_streetscape_fascination_avg] &lt;= 3</Filter>
-            <PolygonSymbolizer fill="#d97dfa" />
+            <PolygonSymbolizer fill="#fa7df0" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_fascination_avg] &gt; 1 and [community_streetscape_fascination_avg] &lt;= 2</Filter>
-            <PolygonSymbolizer fill="#e8bbfa" />
+            <PolygonSymbolizer fill="#fabbf5" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_fascination_avg] &lt;= 1</Filter>
@@ -1275,19 +1275,19 @@
     <Style name="community_streetscape_coherence_avg">
         <Rule>
             <Filter>[community_streetscape_coherence_avg] &gt; 4</Filter>
-            <PolygonSymbolizer fill="#005efa" />
+            <PolygonSymbolizer fill="#00a7fa" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_coherence_avg] &gt; 3 and [community_streetscape_coherence_avg] &lt;= 4</Filter>
-            <PolygonSymbolizer fill="#3e86fa" />
+            <PolygonSymbolizer fill="#3ebbfa" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_coherence_avg] &gt; 2 and [community_streetscape_coherence_avg] &lt;= 3</Filter>
-            <PolygonSymbolizer fill="#7dabfa" />
+            <PolygonSymbolizer fill="#7dcefa" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_coherence_avg] &gt; 1 and [community_streetscape_coherence_avg] &lt;= 2</Filter>
-            <PolygonSymbolizer fill="#bbd3fa" />
+            <PolygonSymbolizer fill="#bbe5fa" />
         </Rule>
         <Rule>
             <Filter>[community_streetscape_coherence_avg] &lt;= 1</Filter>
diff --git a/app/src/frontend/config/category-maps-config.ts b/app/src/frontend/config/category-maps-config.ts
index 01f39418c..2533945d1 100644
--- a/app/src/frontend/config/category-maps-config.ts
+++ b/app/src/frontend/config/category-maps-config.ts
@@ -344,10 +344,10 @@ export const categoryMapsConfig: {[key in Category]: CategoryMapDefinition[]} =
                 title: 'Streetscape hominess',
                 elements: [
                     { color: '#fafafa', text: '1' },
-                    { color: '#a8fab5', text: '2' },
-                    { color: '#7dfa92', text: '3' },
-                    { color: '#3efa5e', text: '4' },
-                    { color: '#00d924', text: '5' },
+                    { color: '#d8faa8', text: '2' },
+                    { color: '#c6fa7d', text: '3' },
+                    { color: '#acfa3e', text: '4' },
+                    { color: '#7fd900', text: '5' },
                 ]
             }
         },
@@ -357,10 +357,10 @@ export const categoryMapsConfig: {[key in Category]: CategoryMapDefinition[]} =
                 title: 'Streetscape coherence',
                 elements: [
                     { color: '#fafafa', text: '1' },
-                    { color: '#bbd3fa', text: '2' },
-                    { color: '#7dabfa', text: '3' },
-                    { color: '#3e86fa', text: '4' },
-                    { color: '#005efa', text: '5' },
+                    { color: '#bbe5fa', text: '2' },
+                    { color: '#7dcefa', text: '3' },
+                    { color: '#3ebbfa', text: '4' },
+                    { color: '#00a7fa', text: '5' },
                 ]
             }
         },
@@ -370,10 +370,10 @@ export const categoryMapsConfig: {[key in Category]: CategoryMapDefinition[]} =
                 title: 'Streetscape fascination',
                 elements: [
                     { color: '#fafafa', text: '1' },
-                    { color: '#e8bbfa', text: '2' },
-                    { color: '#d97dfa', text: '3' },
-                    { color: '#c33efa', text: '4' },
-                    { color: '#b300fa', text: '5' },
+                    { color: '#fabbf5', text: '2' },
+                    { color: '#fa7df0', text: '3' },
+                    { color: '#fa3eea', text: '4' },
+                    { color: '#fa00e5', text: '5' },
                 ]
             }
         },