From f0aba607e97dacfa39699a851f276750fd3ea416 Mon Sep 17 00:00:00 2001
From: Rodrigo Rodriguez <me@rodrigorodriguez.com>
Date: Sun, 15 Feb 2026 23:48:40 +0000
Subject: [PATCH] feat: Use typewriter theme for cristo and make suggestion
 buttons smaller

- Change cristo bot default theme from mellowgold to typewriter
- Reduce suggestion button size: padding 6px 12px (was 10px 18px)
- Reduce font size to 12px (was 14px)
- Reduce min-height to 30px (was 40px)
- Reduce border-radius to 20px (was 24px)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 ui/suite/chat/chat.css       | 8 ++++----
 ui/suite/js/theme-manager.js | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/suite/chat/chat.css b/ui/suite/chat/chat.css
index bc8ddd1..2b3cd00 100644
--- a/ui/suite/chat/chat.css
+++ b/ui/suite/chat/chat.css
@@ -549,18 +549,18 @@ footer {
 
 .suggestion-chip,
 .suggestion-button {
-    padding: 10px 18px;
-    border-radius: 24px;
+    padding: 6px 12px;
+    border-radius: 20px;
     border: 2px solid var(--chat-color1, var(--suggestion-color, #4a9eff));
     background: var(--chat-color2, rgba(255, 255, 255, 0.15));
     color: var(--chat-color1, #ffffff);
-    font-size: 14px;
+    font-size: 12px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
     overflow: hidden;
-    min-height: 40px;
+    min-height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
diff --git a/ui/suite/js/theme-manager.js b/ui/suite/js/theme-manager.js
index e292d3c..2fe2264 100644
--- a/ui/suite/js/theme-manager.js
+++ b/ui/suite/js/theme-manager.js
@@ -7,8 +7,8 @@ const ThemeManager = (() => {
   const botThemeMap = {
     // Default bot uses light theme with brown accents
     "default": "light",
-    // Cristo bot uses mellowgold theme with earth tones (perfect for sanctuary/church)
-    "cristo": "mellowgold",
+    // Cristo bot uses typewriter theme (classic typewriter style)
+    "cristo": "typewriter",
     // Salesianos bot uses light theme with blue accents
     "salesianos": "light",
   };