From 819a452550a980aee142dce809086f23ef912e70 Mon Sep 17 00:00:00 2001
From: Vicente Aguilar <vicenteag@google.com>
Date: Mon, 22 Dec 2025 21:32:04 -0600
Subject: [PATCH] [A11y] Color contrast review for text

Santa Tracker Color Contrast Improvement for the text and buttons to match 4.5:1 ratio of accessibility.
---
 static/scenes/modvil/elements/modvil-tracker-photos.scss | 2 +-
 static/scenes/modvil/elements/modvil-tracker-stats.scss  | 2 +-
 static/src/elements/santa-card.js                        | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/scenes/modvil/elements/modvil-tracker-photos.scss b/static/scenes/modvil/elements/modvil-tracker-photos.scss
index 253b3951a..ef2aa345e 100644
--- a/static/scenes/modvil/elements/modvil-tracker-photos.scss
+++ b/static/scenes/modvil/elements/modvil-tracker-photos.scss
@@ -121,7 +121,7 @@ button.hint {
     position: absolute;
     left: -50vw;
     right: -50vw;
-    background: #00cc81;
+    background: #008059;
     top: 0;
     height: 100%;
   }
diff --git a/static/scenes/modvil/elements/modvil-tracker-stats.scss b/static/scenes/modvil/elements/modvil-tracker-stats.scss
index 56f6e98e5..2a1f1f464 100644
--- a/static/scenes/modvil/elements/modvil-tracker-stats.scss
+++ b/static/scenes/modvil/elements/modvil-tracker-stats.scss
@@ -18,7 +18,7 @@
   display: flex;
   flex-flow: column;
   justify-content: center;
-  background: #00cc81;
+  background: #188157;
   font-size: 13px;
   line-height: 15px;
   padding: 2px 12px 6px;
diff --git a/static/src/elements/santa-card.js b/static/src/elements/santa-card.js
index 63f5672cd..64706b24b 100644
--- a/static/src/elements/santa-card.js
+++ b/static/src/elements/santa-card.js
@@ -30,10 +30,10 @@ export const scenesWithColor = {
   buildandbolt: '#f8c328',
   codeboogie: '#f8c328',
   codelab: '#2a57ad',
-  elfmaker: '#3399ff',
+  elfmaker: '#1076DC',
   elfski: '#1b69c1',
   glider: '#7f54fa',
-  gumball: '#bf8f68',
+  gumball: '#9C6C45',
   havoc: '#587e9c',
   jamband: '#6bb4fd',
   jetpack: '#9d87f5',
@@ -48,7 +48,7 @@ export const scenesWithColor = {
   santasearch: '#e7ad03',
   santaselfie: '#6bb4fd',
   seasonofgiving: '#32a658',
-  snowball: '#93dae4',
+  snowball: '#32a658',
   snowbox: '#1b69c1',
   snowflake: '#d92626',
   speedsketch: '#32a658',