jaeswift-website/css/chat-cli.css

63 lines
1.6 KiB
CSS

/* ===================================================
JAESWIFT.XYZ — JAE-AI CLI output styling
=================================================== */
.chat-msg-cli {
font-family: var(--font-mono);
}
.chat-msg-cli .chat-msg-label {
color: var(--warning);
}
.chat-msg-cli .chat-msg-body {
color: var(--status-green);
font-family: var(--font-mono);
white-space: pre-wrap;
line-height: 1.4;
font-size: 12.5px;
text-shadow: 0 0 4px #00cc3340;
}
.chat-msg-user-cli .chat-msg-label {
color: var(--status-green);
}
.chat-msg-user-cli .chat-msg-body {
color: #e8e8e8;
font-family: var(--font-mono);
font-weight: 500;
}
.chat-msg-user-cli .chat-msg-body::before {
content: '$ ';
color: var(--status-green);
font-weight: 700;
}
#devModeBadge:hover {
background: rgba(201,162,39,0.15) !important;
box-shadow: 0 0 22px rgba(201,162,39,0.6) !important;
}
@media (max-width: 600px) {
.chat-msg-cli .chat-msg-body { font-size: 11px; }
#devModeBadge { font-size: 9px !important; top: 62px !important; padding: 4px 9px !important; }
}
/* ─── Extensions v1.38.1: toasts, mode accents ─── */
.jae-cli-toast {
border-radius: 2px;
animation: jaeCliToastIn 0.28s ease-out;
}
@keyframes jaeCliToastIn {
from { transform: translateY(14px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
/* SSH & adventure nested mode user bubble tint */
.chat-msg-user-cli.chat-msg-user-cli-mode .chat-msg-body::before {
content: '> ';
color: #33ddff;
}
/* Figlet / cowsay bodies: ensure wide output doesn't wrap mid-block */
.chat-msg-cli .chat-msg-body {
overflow-x: auto;
}