diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 1b69dba..381211b 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -25,6 +25,39 @@ user-select: none; } + /* Force dark theme on all form elements — overrides system/browser defaults */ + input, textarea, select { + background-color: #18181f; + color: #e8e8f0; + border-color: #252530; + color-scheme: dark; + } + + select { + background-color: #18181f; + color: #e8e8f0; + appearance: none; + -webkit-appearance: none; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2388889a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 8px center; + padding-right: 28px; + } + + select option { + background-color: #18181f; + color: #e8e8f0; + } + + input[type="checkbox"] { + accent-color: #00ff88; + background-color: #18181f; + } + + input::placeholder { + color: #44445a; + } + ::-webkit-scrollbar { width: 6px; height: 6px; @@ -112,13 +145,6 @@ box-shadow: 0 0 12px rgba(0, 255, 136, 0.15); } -/* Animated scan line for the terminal */ -@keyframes scanline { - 0% { transform: translateY(-100%); } - 100% { transform: translateY(100vh); } -} - -/* Pulse animation for status dots */ @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }