From 24763a25e9e56b86782756ec55b8b51d33751563 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 7 Mar 2026 03:42:35 +0000
Subject: [PATCH 1/2] Update color scheme to match BMT brand identity

- Event cards: fuchsia->teal, orange->cyan to match logo gradient
- News notifications: rose->teal tints
- Blog notifications: blue->cyan tints
- Prose links: blue-500->cyan-600 with cyan underline highlights
- Button links: teal-500->teal-700 with hover state
- 404 page: emerald->teal/cyan gradient
- Alert shortcodes: rose->red (error), blue->cyan (info), orange->amber (warning)

Co-Authored-By: liu.andrew <liu.andrew@berkeley.edu>
---
 static/input.css                      | 4 ++--
 tailwind.config.js                    | 6 +++---
 templates/index.html                  | 8 ++++----
 templates/shortcodes/alert.html       | 6 +++---
 templates/shortcodes/button_link.html | 2 +-
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/static/input.css b/static/input.css
index 924ec2d..3d5f334 100644
--- a/static/input.css
+++ b/static/input.css
@@ -29,11 +29,11 @@
 }
 
 #text-404 {
-  @apply bg-gradient-to-br from-teal-400 to-emerald-300 bg-clip-text text-transparent;
+  @apply bg-gradient-to-br from-cyan-500 to-teal-400 bg-clip-text text-transparent;
   font-size: 12rem;
   font-weight: bold;
   position: relative;
-  --text-shadow: 1px 1px theme("colors.emerald.500"), 2px 2px theme("colors.emerald.500"), 3px 3px theme("colors.emerald.500"), 4px 4px theme("colors.emerald.500"), 5px 5px theme("colors.emerald.500");
+  --text-shadow: 1px 1px theme("colors.teal.600"), 2px 2px theme("colors.teal.600"), 3px 3px theme("colors.teal.600"), 4px 4px theme("colors.teal.600"), 5px 5px theme("colors.teal.600");
 }
 
 #text-404::after {
diff --git a/tailwind.config.js b/tailwind.config.js
index 6b1aa40..b3d5b6d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -32,15 +32,15 @@ module.exports = {
             a: {
               textDecoration: "none",
               fontWeight: "medium",
-              color: theme("colors.blue.500"),
+              color: theme("colors.cyan.600"),
               transitionProperty: theme("transitionProperty.shadow"),
               transitionTimingFunction: theme(
                 "transitionTimingFunction.in-out"
               ),
               transitionDuration: theme("transitionDuration.150"),
-              boxShadow: `inset 0 -0.4em ${theme("colors.blue.100")}`,
+              boxShadow: `inset 0 -0.4em ${theme("colors.cyan.100")}`,
               "&:hover": {
-                boxShadow: `inset 0 -0.6em ${theme("colors.blue.200")}`,
+                boxShadow: `inset 0 -0.6em ${theme("colors.cyan.200")}`,
               },
             },
           },
diff --git a/templates/index.html b/templates/index.html
index 6145cee..c638893 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -70,7 +70,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=news_post.title,
     href=news_post.permalink,
-    class="bg-rose-50 hover:bg-rose-100 border-rose-200",
+    class="bg-teal-50 hover:bg-teal-100 border-teal-200",
     icon_class="bi-megaphone-fill",
     label="News",
   ) }}
@@ -82,7 +82,7 @@ <h3 class="font-bold text-lg md:text-2xl mb-4">{{ title }}</h3>
   {{ self::post_notification(
     title=blog_post.title,
     href=blog_post.permalink,
-    class="bg-blue-50 hover:bg-blue-100 border-blue-200",
+    class="bg-cyan-50 hover:bg-cyan-100 border-cyan-200",
     icon_class="bi-pencil-square",
     label="Blog",
   ) }}
@@ -116,7 +116,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
 
 <div class="flex flex-col md:grid grid-cols-6 gap-4 max-w-4xl">
   {{ self::event(
-  class="col-span-6 bg-gradient-to-br shadow-lg from-fuchsia-700 to-fuchsia-900 text-white",
+  class="col-span-6 bg-gradient-to-br shadow-lg from-teal-700 to-teal-900 text-white",
   name="Berkeley mini Math Tournament 2026",
   date="April 12, 2026",
   href="/events/bmmt-2026/",
@@ -124,7 +124,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
   ) }}
 
   {{ self::event(
-  class="col-span-4 bg-gradient-to-br shadow-lg from-orange-700 to-orange-900 text-white",
+  class="col-span-4 bg-gradient-to-br shadow-lg from-cyan-700 to-cyan-800 text-white",
   name="BmMT 2026 Online",
   date="June 6, 2026",
   href="/events/bmmt-2026-online/",
diff --git a/templates/shortcodes/alert.html b/templates/shortcodes/alert.html
index f393be4..ea573d4 100644
--- a/templates/shortcodes/alert.html
+++ b/templates/shortcodes/alert.html
@@ -1,11 +1,11 @@
 {% if not status or status == "error" %}
-  {% set class = "bg-rose-50 border-rose-200" %}
+  {% set class = "bg-red-50 border-red-200" %}
   {% set icon_class = "bi bi-exclamation-triangle-fill" %}
 {% elif status == "info" %}
-  {% set class = "bg-blue-50 border-blue-200" %}
+  {% set class = "bg-cyan-50 border-cyan-200" %}
   {% set icon_class = "bi bi-info-circle-fill" %}
 {% elif status == "warning" %}
-  {% set class = "bg-orange-50 border-orange-200" %}
+  {% set class = "bg-amber-50 border-amber-200" %}
   {% set icon_class = "bi bi-exclamation-circle-fill" %}
 {% endif %}
 
diff --git a/templates/shortcodes/button_link.html b/templates/shortcodes/button_link.html
index 8487a91..fe06089 100644
--- a/templates/shortcodes/button_link.html
+++ b/templates/shortcodes/button_link.html
@@ -1,4 +1,4 @@
 <a href="{{ href }}"
-  class="not-prose inline-block text-base bg-teal-500 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
+  class="not-prose inline-block text-base bg-teal-700 hover:bg-teal-800 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
   {{ body }}
 </a>

From f382f69d34cad9f20c3ee1bc34c45bff9dfb43ac Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 7 Mar 2026 03:45:36 +0000
Subject: [PATCH 2/2] v2: Lighten event cards, revert alert semantic colors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Event cards: teal-500→700 and cyan-500→700 (medium, not dark)
- Button: teal-600 with teal-700 hover (medium range)
- Alerts: reverted to original semantic colors (rose/blue/orange)
  since these convey meaning (error/info/warning) independent of brand

Co-Authored-By: liu.andrew <liu.andrew@berkeley.edu>
---
 templates/index.html                  | 4 ++--
 templates/shortcodes/alert.html       | 6 +++---
 templates/shortcodes/button_link.html | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index c638893..6bfcec9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -116,7 +116,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
 
 <div class="flex flex-col md:grid grid-cols-6 gap-4 max-w-4xl">
   {{ self::event(
-  class="col-span-6 bg-gradient-to-br shadow-lg from-teal-700 to-teal-900 text-white",
+  class="col-span-6 bg-gradient-to-br shadow-lg from-teal-500 to-teal-700 text-white",
   name="Berkeley mini Math Tournament 2026",
   date="April 12, 2026",
   href="/events/bmmt-2026/",
@@ -124,7 +124,7 @@ <h2 class="font-bold text-2xl">Recent & Upcoming Events</h2>
   ) }}
 
   {{ self::event(
-  class="col-span-4 bg-gradient-to-br shadow-lg from-cyan-700 to-cyan-800 text-white",
+  class="col-span-4 bg-gradient-to-br shadow-lg from-cyan-500 to-cyan-700 text-white",
   name="BmMT 2026 Online",
   date="June 6, 2026",
   href="/events/bmmt-2026-online/",
diff --git a/templates/shortcodes/alert.html b/templates/shortcodes/alert.html
index ea573d4..f393be4 100644
--- a/templates/shortcodes/alert.html
+++ b/templates/shortcodes/alert.html
@@ -1,11 +1,11 @@
 {% if not status or status == "error" %}
-  {% set class = "bg-red-50 border-red-200" %}
+  {% set class = "bg-rose-50 border-rose-200" %}
   {% set icon_class = "bi bi-exclamation-triangle-fill" %}
 {% elif status == "info" %}
-  {% set class = "bg-cyan-50 border-cyan-200" %}
+  {% set class = "bg-blue-50 border-blue-200" %}
   {% set icon_class = "bi bi-info-circle-fill" %}
 {% elif status == "warning" %}
-  {% set class = "bg-amber-50 border-amber-200" %}
+  {% set class = "bg-orange-50 border-orange-200" %}
   {% set icon_class = "bi bi-exclamation-circle-fill" %}
 {% endif %}
 
diff --git a/templates/shortcodes/button_link.html b/templates/shortcodes/button_link.html
index fe06089..4ff284b 100644
--- a/templates/shortcodes/button_link.html
+++ b/templates/shortcodes/button_link.html
@@ -1,4 +1,4 @@
 <a href="{{ href }}"
-  class="not-prose inline-block text-base bg-teal-700 hover:bg-teal-800 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
+  class="not-prose inline-block text-base bg-teal-600 hover:bg-teal-700 text-white py-2 px-4 rounded shadow hover:-translate-y-0.5 hover:shadow-lg transition-all {% if class %}{{ class }}{% endif %}">
   {{ body }}
 </a>