90 lines
4.5 KiB
CSS
90 lines
4.5 KiB
CSS
/* WEVAL Manager v2.0 — Opus-Level Visual Upgrade */
|
|
|
|
/* === AMBIENT GLOW === */
|
|
body{background:#06080c!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
|
|
#root::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 10%,rgba(0,229,160,0.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(0,184,255,0.03) 0%,transparent 60%);pointer-events:none;z-index:0}
|
|
#root{position:relative;z-index:1}
|
|
|
|
/* === SCROLLBAR === */
|
|
::-webkit-scrollbar{width:5px;height:5px}
|
|
::-webkit-scrollbar-track{background:transparent}
|
|
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5a044,#00b8ff44);border-radius:10px}
|
|
::-webkit-scrollbar-thumb:hover{background:#00e5a088}
|
|
|
|
/* === CODE BLOCKS === */
|
|
pre[class="m"]{background:linear-gradient(145deg,#0d1117,#111827)!important;border:1px solid rgba(0,229,160,0.08)!important;border-radius:10px!important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)!important}
|
|
|
|
/* === INPUTS === */
|
|
input[type="text"],textarea{border-radius:14px!important;transition:all 0.2s!important}
|
|
input[type="text"]:focus,textarea:focus{border-color:rgba(0,229,160,0.4)!important;box-shadow:0 0 24px rgba(0,229,160,0.08)!important;outline:none!important}
|
|
|
|
/* === BUTTONS === */
|
|
button{transition:all 0.15s cubic-bezier(0.4,0,0.2,1)!important}
|
|
button:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.1)!important}
|
|
button:active:not(:disabled){transform:translateY(0)!important}
|
|
|
|
/* === ANIMATIONS === */
|
|
@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
|
|
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
|
|
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
|
|
@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px rgba(0,229,160,0.2)}50%{box-shadow:0 0 20px rgba(0,229,160,0.4)}}
|
|
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
|
|
|
|
/* === CHAT MESSAGES === */
|
|
div[style*="animation"]{animation:slideUp 0.3s ease-out!important}
|
|
|
|
/* === QUICK PROMPTS === */
|
|
div[style*="cursor:pointer"][style*="borderRadius"]{transition:all 0.2s!important}
|
|
div[style*="cursor:pointer"][style*="borderRadius"]:hover{border-color:rgba(0,229,160,0.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,0.3)!important}
|
|
|
|
/* === TABS SIDEBAR === */
|
|
div[style*="width:70"][style*="flexShrink:0"] button{transition:all 0.15s!important;border-radius:8px!important;margin:2px 4px!important}
|
|
div[style*="width:70"][style*="flexShrink:0"] button:hover{background:rgba(0,229,160,0.08)!important;color:#00e5a0!important}
|
|
|
|
/* === FEATURE BADGES (bottom) === */
|
|
div[style*="monospace"][style*="padding:3px"]{transition:all 0.2s!important;border-radius:6px!important}
|
|
div[style*="monospace"][style*="padding:3px"]:hover{transform:scale(1.05)!important;box-shadow:0 2px 8px rgba(0,0,0,0.3)!important}
|
|
|
|
/* === SEND BUTTON GLOW === */
|
|
div[style*="borderRadius:12"][style*="background:var(--ac)"],
|
|
button[style*="background:var(--ac)"],
|
|
div[style*="background:var(--ac)"][style*="borderRadius"]{
|
|
background:linear-gradient(135deg,#00e5a0,#00c896)!important;
|
|
box-shadow:0 4px 15px rgba(0,229,160,0.25)!important;
|
|
transition:all 0.2s!important
|
|
}
|
|
div[style*="borderRadius:12"][style*="background:var(--ac)"]:hover,
|
|
button[style*="background:var(--ac)"]:hover{
|
|
box-shadow:0 6px 25px rgba(0,229,160,0.4)!important;
|
|
transform:translateY(-1px)!important
|
|
}
|
|
|
|
/* === MIC BUTTON === */
|
|
div[style*="MIC"],button[style*="Voice"]{transition:all 0.2s!important}
|
|
|
|
/* === LOADING STATE === */
|
|
div[style*="pulse"],span[style*="pulse"]{animation:pulseGlow 1.5s infinite!important}
|
|
|
|
/* === AGENT COLOR PILLS === */
|
|
div[style*="WEVIA"][style*="borderRadius"],
|
|
div[style*="WEDROID"][style*="borderRadius"],
|
|
div[style*="WEVCODE"][style*="borderRadius"],
|
|
div[style*="BladeRazor"][style*="borderRadius"]{
|
|
transition:all 0.2s!important;
|
|
box-shadow:0 2px 8px rgba(0,0,0,0.2)!important
|
|
}
|
|
|
|
/* === MERMAID DIAGRAMS === */
|
|
div[style*="minHeight:60"] svg{max-width:100%;height:auto}
|
|
div[style*="minHeight:60"]{overflow-x:auto}
|
|
|
|
/* === HIGHLIGHT.JS OVERRIDES === */
|
|
pre code.hljs{background:transparent!important;padding:0!important}
|
|
.hljs{background:transparent!important}
|
|
|
|
/* === LIVE METRICS BADGES === */
|
|
div[style*="letterSpacing:"0.3px""][style*="fontSize:8"]{animation:fadeIn 0.5s ease-out;backdrop-filter:blur(4px)}
|
|
|
|
/* === ENHANCED MESSAGE BUBBLES === */
|
|
div[style*="marginBottom:10"][style*="animation"]{backdrop-filter:blur(2px)}
|