Changeset 3751971 for mxchat-basic/trunk/css/chat-style.css

Timestamp:

10/17/2026 01:47:11 PM (12 days ago)

Author:

mxchat

Message:

Release 3.2.26 - security hardening, new models (GPT-6.1 Sol, Claude 5.5 family, Grok 4.7, Gemini 4 Argon, DeepSeek Flash), automatic moves off discontinued models, token usage in Transcripts, page-builder and ACF Blocks imports

File:

• mxchat-basic/trunk/css/chat-style.css (modified) (5 diffs)

mxchat-basic/trunk/css/chat-style.css

@@ -413 +413 @@
 }
 
+/* The code block chrome (wrapper, header, language label, Copy) is tinted from the bubble's own
+   text colour, so it reads on every bot bubble: dark text on a light theme, light text on a dark
+   one. Each colour is declared twice: a neutral grey first for browsers without color-mix(),
+   then the currentColor tint, which those browsers skip. The pre and code colours below are
+   unchanged. */
 .mxchat-code-block-container {
     margin: 16px 0;
     border-radius: 8px;
-    background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.2);
+    background: rgba(128, 128, 128, 0.08);
+    background: color-mix(in srgb, currentColor 8%, transparent);
+    border: 1px solid rgba(128, 128, 128, 0.25);
+    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
     overflow: hidden;
     font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
@@ -426 +433 @@
     justify-content: space-between;
     align-items: center;
-    background: rgba(255, 255, 255, 0.15);
+    background: rgba(128, 128, 128, 0.08);
+    background: color-mix(in srgb, currentColor 8%, transparent);
     padding: 8px 12px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    border-bottom: 1px solid rgba(128, 128, 128, 0.25);
+    border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
     font-size: 11px;
     min-height: 36px;
@@ -434 +443 @@
 
 .mxchat-code-language {
-    color: rgba(255, 255, 255, 0.8);
+    color: inherit;
+    opacity: 0.85;
     font-weight: 600;
     text-transform: uppercase;
@@ -442 +452 @@
 
 .mxchat-copy-button {
-    background: rgba(255, 255, 255, 0.2);
-    color: white;
-    border: 1px solid rgba(255, 255, 255, 0.3);
+    background: rgba(128, 128, 128, 0.12);
+    background: color-mix(in srgb, currentColor 10%, transparent);
+    color: inherit;
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
     padding: 4px 8px;
     border-radius: 4px;
@@ -455 +467 @@
 
 .mxchat-copy-button:hover {
-    background: rgba(255, 255, 255, 0.3);
-    border-color: rgba(255, 255, 255, 0.4);
+    background: rgba(128, 128, 128, 0.2);
+    background: color-mix(in srgb, currentColor 16%, transparent);
+    border-color: rgba(128, 128, 128, 0.5);
+    border-color: color-mix(in srgb, currentColor 40%, transparent);
 }
 
 .mxchat-copy-button:active {
-    background: rgba(255, 255, 255, 0.4);
+    background: rgba(128, 128, 128, 0.28);
+    background: color-mix(in srgb, currentColor 22%, transparent);
 }