From 7e93b8797527f2d582c49ebcc69a4feaa80f2c0f Mon Sep 17 00:00:00 2001
From: Cee <cnell@usgs.gov>
Date: Mon, 9 Sep 2024 22:08:34 -0700
Subject: [PATCH] apply new color scheme

---
 src/assets/base.css                      |  2 +-
 src/components/BeeswarmChart.vue         |  2 +-
 src/components/InteractiveDendrogram.vue | 28 ++++++++++++------------
 src/components/MapsSection.vue           | 10 ++++-----
 4 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/assets/base.css b/src/assets/base.css
index a0c413a..07eeaa5 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -12,7 +12,7 @@
   --color-Landtenure: "#1B695F";
   --color-Livingconditions: "#4BAFA3";
   --color-Socioeconomicstatus: "#FF734D";
-  --color-Health: "#1B695F";
+  --color-Health: "#4B1B1B";
   --color-Riskperception: "#365EB5";
   --color-Exposure: "#FFA600";
   --color-themegrey: rgba(242, 242, 242, 0.95);
diff --git a/src/components/BeeswarmChart.vue b/src/components/BeeswarmChart.vue
index cdff6b0..223683e 100644
--- a/src/components/BeeswarmChart.vue
+++ b/src/components/BeeswarmChart.vue
@@ -95,7 +95,7 @@ const dimensionColors = {
   Landtenure: "#1B695F",
   Livingconditions: "#4BAFA3",
   Socioeconomicstatus: "#FF734D",
-  Health: "#1B695F",
+  Health: "#4B1B1B",
   Riskperception: "#365EB5",
   Exposure: "#FFA600"
 };
diff --git a/src/components/InteractiveDendrogram.vue b/src/components/InteractiveDendrogram.vue
index 52e599b..518c2ed 100644
--- a/src/components/InteractiveDendrogram.vue
+++ b/src/components/InteractiveDendrogram.vue
@@ -41,23 +41,23 @@ let textSize;
 
 // set colors for dimension
 const dimensionColors = {
-  "demographiccharacteristics": "#092836",
-  "landtenure": "#1b695e",
-  "livingconditions": "#7a5195",
-  "socioeconomicstatus": "#2a468f",
-  "health": "#ef5675",
-  "riskperception": "#ff764a",
-  "exposure": "#ffa600"
+  "demographiccharacteristics": "#092734",
+  "landtenure": "#1B695F",
+  "livingconditions": "#4BAFA3",
+  "socioeconomicstatus": "#FF734D",
+  "health": "#4B1B1B",
+  "riskperception": "#365EB5",
+  "exposure": "#FFA600"
 };
 
 const dimensionColors_es = {
-  "lascaracterísticasdemográficas": "#092836",
-  "latenenciadelatierra": "#1b695e",
-  "lascondicionesdevida": "#7a5195",
-  "elestatussocioeconómico": "#2a468f",
-  "lasalud": "#ef5675",
-  "lapercepcióndelriesgo": "#ff764a",
-  "laexposiciónafuentesdeestrés": "#ffa600"
+  "lascaracterísticasdemográficas": "#092734",
+  "latenenciadelatierra": "#1B695F",
+  "lascondicionesdevida": "#4BAFA3",
+  "elestatussocioeconómico": "#FF734D",
+  "lasalud": "#4B1B1B",
+  "lapercepcióndelriesgo": "#365EB5",
+  "laexposiciónafuentesdeestrés": "#FFA600"
 };
 
 // Define scales for link width and node radius
diff --git a/src/components/MapsSection.vue b/src/components/MapsSection.vue
index 559a549..dae2f0a 100644
--- a/src/components/MapsSection.vue
+++ b/src/components/MapsSection.vue
@@ -96,23 +96,23 @@ onMounted(() => {
 }
 
 .accordion.households-accordion {
-  background-color: #092836;
+  background-color: #092734;
 }
 
 .accordion.income-accordion {
-  background-color: #2A468F;
+  background-color: #FF734D;
 }
 
 .accordion.renters-accordion {
-  background-color: #1b695e;
+  background-color: #1B695F;
 }
 
 .accordion.latino-accordion {
-  background-color: #092836;
+  background-color: #092734;
 }
 
 .accordion.disability-accordion {
-  background-color: #092836;
+  background-color: #092734;
 }
 
 .accordion::before {
-- 
GitLab