From 6256048ddd08ba53e680972b7a6fbff3c6db8364 Mon Sep 17 00:00:00 2001 From: heaven Date: Tue, 2 Jun 2026 13:37:52 +0300 Subject: [PATCH] style(ai-chat): keep the consent text readable, only the frame gold (match WhatsApp about-warn-callout) --- src/app/features/bots/AiChatPrivacy.css.ts | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/app/features/bots/AiChatPrivacy.css.ts b/src/app/features/bots/AiChatPrivacy.css.ts index f32db2b3..dae42eb4 100644 --- a/src/app/features/bots/AiChatPrivacy.css.ts +++ b/src/app/features/bots/AiChatPrivacy.css.ts @@ -101,16 +101,17 @@ export const SectionBody = style({ // "Using it = OK with this" — the consent line is the one binding sentence, so it gets the gold // callout treatment the WhatsApp bridge uses for its ToS-risk notice (apps/widget-whatsapp -// `.section-warn-banner`): a full amber frame + faint amber wash + amber text. +// `.about-warn-callout`): a gold FRAME + faint amber wash, but the text itself stays the normal +// readable colour — only the rim is gold, not the words. export const Consent = style({ margin: 0, padding: `${toRem(12)} ${toRem(14)}`, - borderRadius: toRem(10), + borderRadius: toRem(8), border: `1px solid ${VOJO_GOLD}`, - backgroundColor: 'rgba(212, 184, 138, 0.1)', + backgroundColor: 'rgba(212, 184, 138, 0.08)', fontSize: toRem(13), - lineHeight: toRem(18), - color: VOJO_GOLD, + lineHeight: toRem(19), + color: color.Surface.OnContainer, }); export const Links = style({