openvibers/openvibe.chat Commits

The AI badge and name follow the reader's theme (#307)

OP OpenVibers committed 13 days ago · 8e6af0bba9 · 1 file, +4 −3

Changes

ddiff --git a/public/web/chat.css b/public/web/chat.css
iindex f2dabae..a445a48 100644
---- a/public/web/chat.css
++++ b/public/web/chat.css
@@@ -137,16 +137,17 @@ h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }
}
/* AI members of a room (server/rooms/ai-members.js): their badge, their messages, "writing…", the settings forms */
--.oc-badge.oc-ai { color: #c4b5fd; border-color: rgba(167, 139, 250, .5); margin-left: 0; }
++/* The AI's badge and name follow the reader's theme (half the violet, half the theme's text), not the device's light
++ mode: a light theme on a dark-mode device kept the pale violet on white (2026-11-01). */
++.oc-badge.oc-ai { color: color-mix(in srgb, #a78bfa 55%, var(--oc-text, var(--text-primary, #e6edf7))); border-color: color-mix(in srgb, #a78bfa 50%, transparent); margin-left: 0; }
.oc-msg-ai { background: color-mix(in srgb, #a78bfa 7%, transparent); border-radius: 8px; }
--.oc-ai-name { font-weight: 700; color: #ddd6fe; }
++.oc-ai-name { font-weight: 700; color: color-mix(in srgb, #a78bfa 45%, var(--oc-text, var(--text-primary, #e6edf7))); }
.oc-thinking { color: var(--oc-muted); font-style: italic; padding: 2px 6px; }
.oc-ai-here { margin: .2rem 0 .6rem; }
.oc-ai-here code { font-size: .9em; }
.oc-ai-member { border: 1px solid var(--oc-line); border-radius: 12px; padding: 10px 14px; margin: 10px 0; }
.oc-ai-member h3 { margin: 0 0 6px; font-size: 1rem; }
.oc-ai-form textarea { width: 100%; box-sizing: border-box; }
--@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .oc-badge.oc-ai { color: #6d28d9; border-color: rgba(109, 40, 217, .45); } :root:not([data-theme="dark"]) .oc-ai-name { color: #5b21b6; } }
/* Servers (server/web/server-pages.js): your servers down the side, the channels, the channel, the people. */
.oc-main--wide { max-width: 1440px; }