@@ -1,91 +1,57 @@
|
||||
/* Jarvis brand tokens. Gold is presence; cyan is thought. Accent is overridden live via --jarvis-accent. */
|
||||
.jarvis-panel-box {
|
||||
spacing: 7px;
|
||||
--jarvis-signal: #4FD2FF;
|
||||
--jarvis-ink: #0B0E14;
|
||||
--jarvis-slate: #16191F;
|
||||
--jarvis-paper: #F6F7FB;
|
||||
--jarvis-mute: #AEB6C8;
|
||||
--jarvis-dim: #9AA8C0;
|
||||
}
|
||||
.jarvis-panel-mark { color: var(--jarvis-accent, #F4B942); icon-size: 16px; }
|
||||
.jarvis-panel-glyph {
|
||||
color: var(--jarvis-accent, #F4B942);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.jarvis-panel-state { padding: 2px 9px; border-radius: 999px; background-color: alpha(var(--jarvis-accent, #F4B942), .22); }
|
||||
.jarvis-panel-state-label { color: var(--jarvis-accent, #F4B942); font-size: 11px; font-weight: 700; letter-spacing: 0.3px; }
|
||||
.jarvis-panel-box.jarvis-state-thinking .jarvis-panel-state,
|
||||
.jarvis-panel-state.jarvis-state-thinking { background-color: alpha(#4FD2FF, .22); }
|
||||
.jarvis-panel-box.jarvis-state-thinking .jarvis-panel-state-label,
|
||||
.jarvis-panel-box { spacing: 6px; }
|
||||
.jarvis-panel-mark { color: var(--jarvis-accent, #F4B942); width: 16px; height: 16px; }
|
||||
.jarvis-panel-glyph { color: var(--jarvis-accent, #F4B942); font-size: 13px; font-weight: bold; }
|
||||
.jarvis-panel-state { padding: 3px 10px; border-radius: 999px; background-color: rgba(244, 185, 66, .22); }
|
||||
.jarvis-panel-state-label { color: var(--jarvis-accent, #F4B942); font-size: 12px; font-weight: bold; }
|
||||
.jarvis-panel-state.jarvis-state-listening, .jarvis-panel-state.jarvis-state-speaking { background-color: rgba(244, 185, 66, .28); }
|
||||
.jarvis-panel-state.jarvis-state-thinking { background-color: rgba(79, 210, 255, .22); }
|
||||
.jarvis-panel-state.jarvis-state-thinking .jarvis-panel-state-label { color: #4FD2FF; }
|
||||
.jarvis-panel-box.jarvis-state-sleeping .jarvis-panel-state,
|
||||
.jarvis-panel-state.jarvis-state-sleeping { background-color: rgba(174, 182, 200, .18); }
|
||||
.jarvis-panel-box.jarvis-state-sleeping .jarvis-panel-state-label,
|
||||
.jarvis-panel-state.jarvis-state-sleeping .jarvis-panel-state-label { color: #AEB6C8; }
|
||||
.jarvis-menu { max-width: 360px; }
|
||||
.jarvis-menu-item { padding: 0; }
|
||||
.jarvis-popup {
|
||||
width: 320px;
|
||||
padding: 12px 14px;
|
||||
spacing: 8px;
|
||||
color: #f6f7fb;
|
||||
--jarvis-signal: #4FD2FF;
|
||||
}
|
||||
.jarvis-session {
|
||||
width: 420px;
|
||||
padding: 14px 16px;
|
||||
spacing: 8px;
|
||||
border-radius: 16px;
|
||||
background-color: rgba(11, 14, 20, .94);
|
||||
border: 1px solid alpha(var(--jarvis-accent, #F4B942), .42);
|
||||
color: #f6f7fb;
|
||||
box-shadow: 0 12px 40px rgba(0, 0, 0, .45);
|
||||
--jarvis-signal: #4FD2FF;
|
||||
}
|
||||
.jarvis-popup, .jarvis-session { color: #F6F7FB; }
|
||||
.jarvis-popup { width: 320px; padding: 12px 14px; spacing: 8px; background-color: #0B0E14; border-radius: 16px; }
|
||||
.jarvis-session { width: 420px; padding: 14px 16px; spacing: 8px; border-radius: 16px; background-color: #0B0E14; border: 1px solid rgba(244, 185, 66, .42); box-shadow: 0 12px 40px rgba(0, 0, 0, .45); }
|
||||
.jarvis-popup-header { spacing: 8px; }
|
||||
.jarvis-mark { icon-size: 18px; color: var(--jarvis-accent, #F4B942); }
|
||||
.jarvis-title { font-weight: 700; letter-spacing: 0.6px; font-size: 15px; color: #f6f7fb; }
|
||||
.jarvis-local { color: var(--jarvis-accent, #F4B942); font-size: 11px; font-weight: 700; letter-spacing: 0.4px; }
|
||||
.jarvis-status-line { color: #aeb6c8; font-size: 12px; }
|
||||
.jarvis-mark { color: var(--jarvis-accent, #F4B942); }
|
||||
.jarvis-title { font-weight: bold; font-size: 15px; color: #F6F7FB; }
|
||||
.jarvis-local { color: #D7DDE8; font-size: 11px; font-weight: bold; }
|
||||
.jarvis-status-line { color: #D7DDE8; font-size: 12px; }
|
||||
.jarvis-tabs { spacing: 6px; }
|
||||
.jarvis-tab { padding: 4px 10px; border-radius: 999px; background-color: transparent; color: #9aa8c0; font-size: 12px; }
|
||||
.jarvis-tab:hover, .jarvis-tab:focus { color: #f6f7fb; background-color: rgba(255, 255, 255, .08); }
|
||||
.jarvis-tab-active { background-color: var(--jarvis-accent, #F4B942); color: #16191f; font-weight: 700; }
|
||||
.jarvis-thinking { color: #aeb6c8; font-size: 12px; padding: 8px 10px; border-left: 2px solid #4FD2FF; background-color: rgba(79, 210, 255, .06); border-radius: 8px; }
|
||||
.jarvis-notice { color: var(--jarvis-accent, #F4B942); font-size: 12px; }
|
||||
.jarvis-tab { padding: 4px 10px; border-radius: 999px; background-color: transparent; color: #D7DDE8; font-size: 12px; }
|
||||
.jarvis-tab:hover, .jarvis-tab:focus { color: #F6F7FB; background-color: rgba(255, 255, 255, .10); }
|
||||
.jarvis-tab-active { background-color: #F4B942; color: #16191F; font-weight: bold; }
|
||||
.jarvis-thinking { color: #D7DDE8; font-size: 12px; padding: 8px 10px; border-left: 2px solid #4FD2FF; background-color: rgba(79, 210, 255, .08); border-radius: 8px; }
|
||||
.jarvis-notice { color: #F4B942; font-size: 12px; }
|
||||
.jarvis-confirm { spacing: 8px; padding: 4px 0; }
|
||||
.jarvis-confirm-actions { spacing: 6px; }
|
||||
.jarvis-confirm-label { color: #f6f7fb; font-size: 13px; }
|
||||
.jarvis-confirm-label { color: #F6F7FB; font-size: 13px; }
|
||||
.jarvis-popup-scroll { height: 180px; }
|
||||
.jarvis-thinking-scroll { height: 160px; }
|
||||
.jarvis-thinking-box { spacing: 0; }
|
||||
.jarvis-session-scroll { height: 220px; }
|
||||
.jarvis-session-thinking { height: 200px; }
|
||||
.jarvis-transcript { spacing: 6px; }
|
||||
.jarvis-row { padding: 6px 10px; border-radius: 8px; font-size: 13px; }
|
||||
.jarvis-row-user { border-left: 2px solid var(--jarvis-accent, #F4B942); background-color: alpha(var(--jarvis-accent, #F4B942), .08); }
|
||||
.jarvis-row-jarvis { border-right: 2px solid #4FD2FF; background-color: rgba(79, 210, 255, .05); }
|
||||
.jarvis-row-tool { background-color: transparent; color: #9aa8c0; font-size: 12px; padding: 2px 6px; }
|
||||
.jarvis-row { padding: 6px 10px; border-radius: 8px; font-size: 13px; color: #F6F7FB; }
|
||||
.jarvis-row-user { border-left: 2px solid #F4B942; background-color: rgba(244, 185, 66, .10); }
|
||||
.jarvis-row-jarvis { border-right: 2px solid #4FD2FF; background-color: rgba(79, 210, 255, .08); }
|
||||
.jarvis-row-tool { background-color: transparent; color: #D7DDE8; font-size: 12px; padding: 2px 6px; }
|
||||
.jarvis-chip-scroll { height: 32px; }
|
||||
.jarvis-chips { spacing: 6px; }
|
||||
.jarvis-chip { padding: 5px 9px; border-radius: 999px; background-color: rgba(255, 255, 255, .08); }
|
||||
.jarvis-chip:hover, .jarvis-chip:focus { background-color: alpha(var(--jarvis-accent, #F4B942), .25); }
|
||||
.jarvis-chip-quiet { background-color: transparent; color: #aeb6c8; padding: 5px 8px; }
|
||||
.jarvis-chip-quiet:hover, .jarvis-chip-quiet:focus { color: #f6f7fb; background-color: rgba(255, 255, 255, .08); }
|
||||
.jarvis-talk { background-color: var(--jarvis-accent, #F4B942); color: #16191f; font-weight: 700; padding: 8px 14px; }
|
||||
.jarvis-talk:hover, .jarvis-talk:focus { background-color: #ffe09a; }
|
||||
.jarvis-talk:active { background-color: #ffe09a; }
|
||||
.jarvis-chip { padding: 5px 9px; border-radius: 999px; background-color: rgba(255, 255, 255, .10); color: #F6F7FB; }
|
||||
.jarvis-chip:hover, .jarvis-chip:focus { background-color: rgba(244, 185, 66, .28); color: #F6F7FB; }
|
||||
.jarvis-chip-quiet { background-color: transparent; color: #F6F7FB; padding: 5px 8px; }
|
||||
.jarvis-chip-quiet:hover, .jarvis-chip-quiet:focus { color: #FFFFFF; background-color: rgba(255, 255, 255, .10); }
|
||||
.jarvis-talk { background-color: #F4B942; color: #16191F; font-weight: bold; padding: 8px 14px; }
|
||||
.jarvis-talk:hover, .jarvis-talk:focus { background-color: #FFE09A; color: #16191F; }
|
||||
.jarvis-talk:active { background-color: #FFE09A; color: #16191F; }
|
||||
.jarvis-controls { spacing: 6px; }
|
||||
.jarvis-settings { font-size: 12px; padding: 4px 8px; }
|
||||
.jarvis-popup StEntry, .jarvis-session StEntry { border-radius: 10px; padding: 8px 10px; background-color: rgba(255, 255, 255, .06); color: #f6f7fb; border: 1px solid rgba(255, 255, 255, .15); }
|
||||
.jarvis-popup StEntry:focus, .jarvis-session StEntry:focus { border-color: var(--jarvis-accent, #F4B942); }
|
||||
.jarvis-cu { padding: 8px 12px; spacing: 4px; border-radius: 12px; background-color: rgba(11, 14, 20, .82); border: 1px solid rgba(79, 210, 255, .4); }
|
||||
.jarvis-settings { font-size: 12px; padding: 4px 8px; color: #F6F7FB; }
|
||||
.jarvis-popup StEntry, .jarvis-session StEntry { border-radius: 10px; padding: 8px 10px; background-color: rgba(255, 255, 255, .08); color: #F6F7FB; border: 1px solid rgba(255, 255, 255, .22); }
|
||||
.jarvis-popup StEntry:focus, .jarvis-session StEntry:focus { border-color: #F4B942; color: #F6F7FB; }
|
||||
.jarvis-cu { padding: 8px 12px; spacing: 4px; border-radius: 12px; background-color: rgba(11, 14, 20, .90); border: 1px solid rgba(79, 210, 255, .4); }
|
||||
.jarvis-job, .jarvis-target, .jarvis-cu-step { color: #4FD2FF; font-size: 12px; }
|
||||
.jarvis-agent-cursor { color: var(--jarvis-accent, #F4B942); font-size: 22px; }
|
||||
.jarvis-agent-cursor { color: #F4B942; font-size: 22px; }
|
||||
.jarvis-high-contrast { border-width: 2px; background-color: #000; }
|
||||
.jarvis-high-contrast .jarvis-title,
|
||||
.jarvis-high-contrast .jarvis-panel-glyph,
|
||||
.jarvis-high-contrast .jarvis-status-line { color: #fff; }
|
||||
.jarvis-high-contrast .jarvis-title, .jarvis-high-contrast .jarvis-panel-glyph, .jarvis-high-contrast .jarvis-status-line, .jarvis-high-contrast .jarvis-local { color: #fff; }
|
||||
|
||||
Reference in New Issue
Block a user