diff --git a/Assets/WebsiteAssets/css/brand.css b/Assets/WebsiteAssets/css/brand.css
index f8f947f8c..92c90c0d8 100644
--- a/Assets/WebsiteAssets/css/brand.css
+++ b/Assets/WebsiteAssets/css/brand.css
@@ -11,7 +11,7 @@
--variationPrimary-VaraintDark: #072445;
--variationPrimary-VaraintWhite: #f8f9fa;
--variationPrimary-VaraintDarkGray: #212529;
- --variationAccent-VaraintLightBlue: #d9e8f8;
+ --variationAccent-VaraintLightBlue: #F7FBFF;
}
* {
font-family: "Montserrat", sans-serif;
diff --git a/Assets/WebsiteAssets/templates/brand.mustache b/Assets/WebsiteAssets/templates/brand.mustache
index 1a1751116..682a79f29 100644
--- a/Assets/WebsiteAssets/templates/brand.mustache
+++ b/Assets/WebsiteAssets/templates/brand.mustache
@@ -122,7 +122,6 @@
Dark blue
HEX - 043873
-
RGB - 4, 56, 115
@@ -130,7 +129,6 @@
White
HEX - FFFFFF
-
RGB - 255, 255,
@@ -138,7 +136,6 @@
Dark gray
HEX - 32363F
-
RGB - 50, 54, 63
@@ -152,7 +149,6 @@
Light blue
HEX - 4F9CF9
-
RGB - 79, 156, 249
@@ -160,7 +156,6 @@
Yellow
HEX - FFE492
-
RGB - 255, 228, 146
@@ -181,7 +176,6 @@
Variant dark
HEX - 072445
-
RGB - 7, 36, 69
@@ -189,7 +183,6 @@
Variant white
HEX - F8F9FA
-
RGB - 248, 249,
@@ -197,7 +190,6 @@
Variant dark gray
HEX - 212529
-
RGB - 33, 37, 41
@@ -213,8 +205,7 @@
Variant light blue
-
HEX - D9E8F8
-
RGB - 217, 232,
+
HEX - F7FBFF
@@ -328,13 +319,14 @@ const ctx = document.getElementById("chart1");
const myChart = new Chart(ctx, {
type: "pie",
data: {
- labels: ["Dark blue 60%", "White 20%", "light blue 10%", "yellow 7%", "dark gray 3%"],
+ labels: ["Dark blue 40%", "Gray 20%", "White 20%", "Light blue 10%", "Yellow 7%", "Dark gray 3%"],
datasets: [
{
label: "# of Votes",
- data: [60, 20, 10, 7, 3],
+ data: [40, 20, 20, 10, 7, 3],
backgroundColor: [
"#043873",
+ "#f7fbff",
"#ffffff",
"#4f9cf9",
"#ffe492",
@@ -345,6 +337,11 @@ const myChart = new Chart(ctx, {
},
options: {
layout: {},
+ elements: {
+ arc: {
+ borderColor: '#cccccc',
+ }
+ },
plugins: {
title: {
display: true,
@@ -361,13 +358,14 @@ const ctx2 = document.getElementById("chart2");
const myChart2 = new Chart(ctx2, {
type: "pie",
data: {
- labels: ["White 60%", "Dark 20%", "light blue 10%", "dark gray 7%", "yellow 3%"],
+ labels: ["White 40%", "Gray 20%", "Dark blue 20%", "Light blue 10%", "Dark gray 7%", "Yellow 3%"],
datasets: [
{
label: "# of Votes",
- data: [60, 20, 10, 7, 3],
+ data: [40, 20, 20, 10, 7, 3],
backgroundColor: [
"#ffffff",
+ "#f7fbff",
"#043873",
"#4f9cf9",
"#212529",
@@ -378,6 +376,11 @@ const myChart2 = new Chart(ctx2, {
},
options: {
layout: {},
+ elements: {
+ arc: {
+ borderColor: '#cccccc',
+ }
+ },
plugins: {
title: {
display: true,