58 lines
4.6 KiB
CSS
58 lines
4.6 KiB
CSS
.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-state.jarvis-state-sleeping { background-color: rgba(174, 182, 200, .18); }
|
|
.jarvis-panel-state.jarvis-state-sleeping .jarvis-panel-state-label { color: #AEB6C8; }
|
|
.jarvis-menu { max-width: 360px; }
|
|
.jarvis-menu-item { padding: 0; }
|
|
.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 { 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: #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-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; 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, .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; 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: #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, .jarvis-high-contrast .jarvis-local { color: #fff; }
|