/* ═══════════════════════════════════════════════════════════════════════════ * МАТРИЦА — полноценная тема из фильма «Матрица» * * Активируется классом .theme-matrix на /. * Совместима с существующей системой тем (CSS-переменные). * Не ломает другие темы — всё под скоупом .theme-matrix. * ═══════════════════════════════════════════════════════════════════════════ */ /* ── Google Font: Share Tech Mono — терминальный шрифт ── */ @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); /* ══════════════════════════════════════════════════════════════════ 1. CSS-ПЕРЕМЕННЫЕ ТЕМЫ ══════════════════════════════════════════════════════════════════ */ .theme-matrix { --primary: #00aa44; --primary-hover: #00cc55; --active: #00dd66; --background: #0a0a0a; --surface: #111111; --text: #b0ccb0; --text-light: #708070; --border: #1a2a1a; --shadow: 0 2px 8px rgba(0, 0, 0, 0.5); --accent: #00cc55; --electric-blue: #00aa44; --energy-blue: #00aa44; --spark-blue: #00cc55; --light-bg: #0a0a0a; --sidebar-bg: #0d0d0d; --header-bg: #080808; --header-text: #99bb99; --popup-header-bg: #0f150f; --popup-header-text: #a0c0a0; --icon-accent: #00cc55; --icon-accent-hover: #44ee77; --scrollbar-track: rgba(0, 200, 80, 0.04); --scrollbar-thumb: rgba(0, 200, 80, 0.18); --scrollbar-thumb-hover: rgba(0, 200, 80, 0.3); --scrollbar-thumb-active: rgba(0, 200, 80, 0.35); } /* ══════════════════════════════════════════════════════════════════ 2. ГЛОБАЛЬНЫЕ СТИЛИ ══════════════════════════════════════════════════════════════════ */ .theme-matrix, .theme-matrix body { background: #0a0a0a !important; color: #b0ccb0 !important; font-family: 'Share Tech Mono', 'Courier New', Consolas, monospace !important; } .theme-matrix *:not(svg):not(path) { font-family: 'Share Tech Mono', 'Courier New', Consolas, monospace !important; } /* Ссылки */ .theme-matrix a { color: #66bb77 !important; } .theme-matrix a:hover { color: #88dd99 !important; } /* Заголовки */ .theme-matrix h1, .theme-matrix h2, .theme-matrix h3, .theme-matrix h4, .theme-matrix h5, .theme-matrix h6 { color: #99cc99 !important; } /* ══════════════════════════════════════════════════════════════════ 3. CANVAS ДОЖДЯ — фон основного окна ══════════════════════════════════════════════════════════════════ */ #matrixRainCanvas { display: none; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.25; } .theme-matrix #matrixRainCanvas { display: block; } /* ══════════════════════════════════════════════════════════════════ 4. HEADER ══════════════════════════════════════════════════════════════════ */ .theme-matrix .header { background: rgba(8, 8, 8, 0.95) !important; border-bottom: none !important; } .theme-matrix .header * { color: #90aa90 !important; } /* Лого ВАРП — зелёный с видимыми созвездиями и свечением */ .theme-matrix .header img[alt] { filter: hue-rotate(90deg) saturate(0.85) brightness(1.1) contrast(1.5) drop-shadow(0 0 6px rgba(0, 255, 80, 0.35)) drop-shadow(0 0 18px rgba(0, 220, 80, 0.15)); } /* Hamburger (бутерброд) — зелёный вместо оранжевого */ .theme-matrix .hamburger-bars span { background: #00cc55 !important; box-shadow: none !important; } .theme-matrix .menu-toggle:hover .hamburger-bars span { background: #44ee77 !important; box-shadow: 0 0 6px rgba(0, 200, 80, 0.4) !important; } /* Кнопки в хедере */ .theme-matrix .header button, .theme-matrix .header .header-action-btn { color: #80aa80 !important; } .theme-matrix .header button:hover, .theme-matrix .header .header-action-btn:hover { background: rgba(0, 200, 80, 0.08) !important; color: #aaddaa !important; } /* Island buttons (radio, etc.) — зелёные вместо оранжевых */ .theme-matrix .island-btn { color: #00cc55 !important; } .theme-matrix .island-btn:hover { color: #44ee77 !important; } /* Radio progress slider — зелёный */ .theme-matrix .header-radio-progress-input::-webkit-slider-thumb { background: #00cc55 !important; box-shadow: 0 0 4px rgba(0, 200, 80, 0.5) !important; } .theme-matrix .header-radio-progress-input::-moz-range-thumb { background: #00cc55 !important; box-shadow: 0 0 4px rgba(0, 200, 80, 0.5) !important; } /* Equalizer bars — зелёный градиент */ .theme-matrix .equalizer-bar { background: linear-gradient(to top, #005520, #00aa44, #00cc55) !important; } /* Inline SVG icons в header — fill override */ .theme-matrix .header svg[fill="#ff8800"], .theme-matrix .header svg[fill="#FF8800"] { fill: #00cc55 !important; } .theme-matrix .header .games-dropdown-icon svg { fill: #00cc55 !important; } /* Все SVG внутри header */ .theme-matrix .header svg { fill: #00cc55 !important; } .theme-matrix .header svg path { fill: inherit !important; } /* Webmail badge */ .theme-matrix .webmail-badge, .theme-matrix [class*="badge"] { background: #00aa44 !important; color: #000 !important; } /* User info / dropdown */ .theme-matrix .user-settings-dropdown { background: #111111 !important; border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important; } .theme-matrix .user-settings-dropdown * { color: #a0bba0 !important; } .theme-matrix .user-settings-section-title { color: #708070 !important; } .theme-matrix .theme-picker-option, .theme-matrix .font-size-option, .theme-matrix .theme-custom-btn { background: #141414 !important; border: none !important; color: #90aa90 !important; } .theme-matrix .theme-picker-option:hover, .theme-matrix .font-size-option:hover, .theme-matrix .theme-custom-btn:hover { background: #1a2a1a !important; } .theme-matrix .theme-picker-option.selected, .theme-matrix .font-size-option.selected { background: #1a2a1a !important; box-shadow: inset 0 0 0 1px #00aa44 !important; } .theme-matrix .logout-btn { background: #1a0a0a !important; border: none !important; color: #cc4444 !important; } .theme-matrix .logout-btn:hover { background: #2a1010 !important; } /* ══════════════════════════════════════════════════════════════════ 5. SIDEBAR ══════════════════════════════════════════════════════════════════ */ .theme-matrix .sidebar { background: rgba(10, 10, 10, 0.97) !important; border-right: none !important; } .theme-matrix .sidebar * { color: #90aa90 !important; } .theme-matrix .sidebar-title { color: #607060 !important; text-transform: uppercase; letter-spacing: 2px; font-size: 0.7rem; } /* Menu items */ .theme-matrix .sidebar-item { color: #80aa80 !important; border-bottom: 1px solid rgba(30, 50, 30, 0.3) !important; } .theme-matrix .sidebar-item:hover { background: rgba(0, 200, 80, 0.06) !important; color: #aaddaa !important; } .theme-matrix .sidebar-item.active, .theme-matrix .sidebar-item.selected { background: rgba(0, 200, 80, 0.1) !important; color: #bbddbb !important; border-left: 2px solid #00aa44 !important; } /* Оранжевые элементы sidebar → зелёные */ .theme-matrix .sidebar-item-orange, .theme-matrix .sidebar-icon-orange { color: #00cc55 !important; } .theme-matrix .sidebar-item-orange svg, .theme-matrix .sidebar-item-orange .sidebar-item-icon, .theme-matrix .sidebar-icon-orange { color: #00cc55 !important; fill: #00cc55 !important; } /* Search input */ .theme-matrix .menu-search-input { background: #0e0e0e !important; border: none !important; color: #a0bba0 !important; caret-color: #00cc55; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important; } .theme-matrix .menu-search-input::placeholder { color: #4a5a4a !important; } .theme-matrix .menu-search-input:focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 200, 80, 0.3) !important; border: none !important; } /* Sidebar footer */ .theme-matrix .sidebar-footer { background: rgba(10, 10, 10, 0.97) !important; border-top: 1px solid rgba(30, 50, 30, 0.3) !important; } .theme-matrix .sidebar-clock { color: #608060 !important; } .theme-matrix .help-btn { color: #608060 !important; border: none !important; } .theme-matrix .help-btn:hover { background: rgba(0, 200, 80, 0.08) !important; } /* ══════════════════════════════════════════════════════════════════ 6. ОСНОВНОЙ КОНТЕНТ ══════════════════════════════════════════════════════════════════ */ .theme-matrix .main-content, .theme-matrix .content-area { position: relative; z-index: 1; } .theme-matrix .welcome-hero, .theme-matrix .hero-section { background: transparent !important; border: none !important; } /* Убираем свечение, кольца и частицы — мешают дождю */ .theme-matrix .welcome-hero__glow, .theme-matrix .welcome-hero__rings, .theme-matrix .welcome-hero__particles { display: none !important; } /* Имя — зелёный градиент вместо оранжевого */ .theme-matrix .welcome-hero__name { background: linear-gradient(135deg, #00cc55, #44ee77, #00aa44, #00cc55) !important; background-size: 200% 200% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* Подпись — зелёная */ .theme-matrix .welcome-hero__signoff { color: #00cc55 !important; } /* Разделитель */ .theme-matrix .welcome-hero__divider { background: linear-gradient(90deg, transparent, #00aa44, transparent) !important; } /* ══════════════════════════════════════════════════════════════════ 7. ТАБЛИЦЫ / ГРИДЫ ══════════════════════════════════════════════════════════════════ */ .theme-matrix table, .theme-matrix .grid-table, .theme-matrix .data-table { border-color: #1a2a1a !important; } .theme-matrix th { background: #111811 !important; color: #90bb90 !important; border-color: #1a2a1a !important; } .theme-matrix td { background: rgba(10, 10, 10, 0.7) !important; color: #90aa90 !important; border-color: #151f15 !important; } .theme-matrix tr:hover td { background: rgba(0, 200, 80, 0.05) !important; color: #a0cca0 !important; } .theme-matrix tr.selected td, .theme-matrix tr.active td { background: rgba(0, 200, 80, 0.1) !important; color: #b0ddb0 !important; } /* ══════════════════════════════════════════════════════════════════ 8. ФОРМЫ / ИНПУТЫ ══════════════════════════════════════════════════════════════════ */ .theme-matrix input, .theme-matrix textarea, .theme-matrix select { background: #0e0e0e !important; color: #a0bba0 !important; border: 1px solid #1a2a1a !important; caret-color: #00cc55; } .theme-matrix input:focus, .theme-matrix textarea:focus, .theme-matrix select:focus { border-color: #2a4a2a !important; box-shadow: 0 0 0 1px rgba(0, 200, 80, 0.2) !important; outline: none; } .theme-matrix input::placeholder, .theme-matrix textarea::placeholder { color: #4a5a4a !important; } .theme-matrix option { background: #111111 !important; color: #a0bba0 !important; } .theme-matrix label { color: #708070 !important; } /* Checkboxes */ .theme-matrix input[type="checkbox"] { accent-color: #00aa44 !important; } /* ══════════════════════════════════════════════════════════════════ 9. КНОПКИ ══════════════════════════════════════════════════════════════════ */ .theme-matrix button, .theme-matrix .btn, .theme-matrix [type="button"], .theme-matrix [type="submit"] { background: #141414 !important; color: #90aa90 !important; border: none !important; transition: all 0.2s ease; } .theme-matrix button:hover, .theme-matrix .btn:hover, .theme-matrix [type="button"]:hover, .theme-matrix [type="submit"]:hover { background: #1a2a1a !important; color: #b0ddb0 !important; } /* Primary buttons */ .theme-matrix .btn-primary, .theme-matrix button[style*="--primary"] { background: #00aa44 !important; color: #000 !important; border: none !important; } .theme-matrix .btn-primary:hover { background: #00cc55 !important; } /* ══════════════════════════════════════════════════════════════════ 10. ПОПАПЫ / МОДАЛКИ ══════════════════════════════════════════════════════════════════ */ .theme-matrix .forms-panel, .theme-matrix .popup, .theme-matrix .modal, .theme-matrix .dialog, .theme-matrix [class*="popup"], .theme-matrix [class*="modal"] { background: #111111 !important; border: none !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.7) !important; } .theme-matrix .popup-header, .theme-matrix .modal-header, .theme-matrix .form-header, .theme-matrix [class*="popup-title"], .theme-matrix [class*="modal-title"] { background: #0f150f !important; color: #a0c0a0 !important; border-bottom: 1px solid #1a2a1a !important; } .theme-matrix .popup-close, .theme-matrix .modal-close, .theme-matrix .close-btn { color: #708070 !important; } .theme-matrix .popup-close:hover, .theme-matrix .modal-close:hover, .theme-matrix .close-btn:hover { color: #a0cca0 !important; } /* ══════════════════════════════════════════════════════════════════ 11. ТАСКОВАЯ ПАНЕЛЬ (Taskbar) ══════════════════════════════════════════════════════════════════ */ .theme-matrix .taskbar { background: rgba(8, 8, 8, 0.97) !important; border-top: none !important; } .theme-matrix .taskbar * { color: #80aa80 !important; } .theme-matrix .taskbar-item:hover { background: rgba(0, 200, 80, 0.06) !important; } .theme-matrix .taskbar-item.active { background: rgba(0, 200, 80, 0.1) !important; border-bottom: 2px solid #00aa44 !important; } /* Chat trigger button */ .theme-matrix .chat-trigger { background: #141414 !important; border: none !important; color: #80aa80 !important; } .theme-matrix .chat-trigger:hover { background: #1a2a1a !important; } /* ══════════════════════════════════════════════════════════════════ 12. ЧАТ-ПАНЕЛЬ ══════════════════════════════════════════════════════════════════ */ .theme-matrix .chat-panel { background: rgba(10, 10, 10, 0.97) !important; border-left: none !important; } .theme-matrix .chat-panel * { color: #a0bba0 !important; } .theme-matrix .chat-msg { background: rgba(20, 30, 20, 0.5) !important; border: none !important; } /* ══════════════════════════════════════════════════════════════════ 13. AI ASSISTANT / ЧАТ — пользовательские сообщения зелёные ══════════════════════════════════════════════════════════════════ */ .theme-matrix .ai-chat-panel { background: rgba(10, 10, 10, 0.97) !important; border: none !important; } .theme-matrix .ai-chat-panel * { color: #a0bba0 !important; } /* User message bubble — зелёный вместо оранжевого */ .theme-matrix .ai-chat-msg-user .ai-chat-msg-bubble { background: linear-gradient(135deg, #005520, #00882e) !important; color: #d0ffd0 !important; } /* Assistant message bubble */ .theme-matrix .ai-chat-msg-assistant .ai-chat-msg-bubble { background: #161f16 !important; color: #a0bba0 !important; } /* Send button — зелёный вместо оранжевого */ .theme-matrix .ai-chat-send-btn { background: #00aa44 !important; color: #000 !important; border: none !important; } .theme-matrix .ai-chat-send-btn:hover { background: #00cc55 !important; } .theme-matrix .ai-chat-send-btn:disabled { background: #222 !important; color: #555 !important; } /* AI chat trigger */ .theme-matrix .ai-chat-trigger { background: #111811 !important; border: none !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important; } .theme-matrix .ai-chat-trigger:hover { box-shadow: 0 4px 16px rgba(0, 200, 80, 0.2) !important; } /* Streaming cursor */ .theme-matrix .ai-chat-streaming::after { background: #00cc55 !important; } /* ══════════════════════════════════════════════════════════════════ 14. СКРОЛЛБАРЫ ══════════════════════════════════════════════════════════════════ */ .theme-matrix *::-webkit-scrollbar-track { background: rgba(0, 200, 80, 0.03) !important; } .theme-matrix *::-webkit-scrollbar-thumb { background: rgba(0, 200, 80, 0.15) !important; border-radius: 0 !important; } .theme-matrix *::-webkit-scrollbar-thumb:hover { background: rgba(0, 200, 80, 0.3) !important; } /* ══════════════════════════════════════════════════════════════════ 15. ТОНКИЕ АНИМАЦИИ ══════════════════════════════════════════════════════════════════ */ /* Мерцающий курсор-каретка */ .theme-matrix input:focus, .theme-matrix textarea:focus { animation: matrixBlink 1.2s step-end infinite; } @keyframes matrixBlink { 50% { border-color: transparent; } } /* ══════════════════════════════════════════════════════════════════ 16. SELECTION ══════════════════════════════════════════════════════════════════ */ .theme-matrix ::selection { background: #00aa44 !important; color: #000000 !important; } .theme-matrix ::-moz-selection { background: #00aa44 !important; color: #000000 !important; } /* ══════════════════════════════════════════════════════════════════ 17. SVG ИКОНКИ — приглушённые зелёные ══════════════════════════════════════════════════════════════════ */ .theme-matrix svg { color: #70aa70 !important; } .theme-matrix svg path, .theme-matrix svg circle, .theme-matrix svg rect, .theme-matrix svg line, .theme-matrix svg polyline, .theme-matrix svg polygon { stroke: #70aa70 !important; } /* Inline fill overrides for header SVGs with hardcoded orange */ .theme-matrix svg[fill="#ff8800"] { fill: #00cc55 !important; } .theme-matrix svg[fill="#ff8800"] path { fill: inherit !important; } /* ══════════════════════════════════════════════════════════════════ 18. SEARCH/FINDER ══════════════════════════════════════════════════════════════════ */ .theme-matrix .search-form, .theme-matrix .finder-panel, .theme-matrix [class*="search-view"], .theme-matrix [class*="finder"] { background: #111111 !important; border: none !important; } /* ══════════════════════════════════════════════════════════════════ 19. VIEWER — карточки с вкладками ══════════════════════════════════════════════════════════════════ */ .theme-matrix .viewer-tabs .tab, .theme-matrix .nav-tab, .theme-matrix [class*="tab-item"] { background: #111111 !important; color: #80aa80 !important; border: none !important; } .theme-matrix .viewer-tabs .tab:hover, .theme-matrix .nav-tab:hover { background: #1a2a1a !important; color: #a0cca0 !important; } .theme-matrix .viewer-tabs .tab.active, .theme-matrix .nav-tab.active { background: #1a2a1a !important; color: #b0ddb0 !important; box-shadow: inset 0 -2px 0 #00aa44 !important; } /* ══════════════════════════════════════════════════════════════════ 20. DYNAMIC ISLAND (мини-плеер при свёрнутом хедере) ══════════════════════════════════════════════════════════════════ */ .theme-matrix .header-collapse-btn { color: #00cc55 !important; } .theme-matrix .header-collapse-btn:hover { color: #44ee77 !important; } .theme-matrix .header-island { background: linear-gradient(135deg, #0f150f 0%, #121e12 100%) !important; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 200, 80, 0.3), 0 0 8px rgba(0, 200, 80, 0.1) !important; } .theme-matrix .header-island * { color: #90aa90 !important; } .theme-matrix .island-btn { color: #00cc55 !important; } .theme-matrix .island-btn:hover { color: #44ee77 !important; } .theme-matrix .island-expand { color: #00cc55 !important; } .theme-matrix .island-expand:hover { color: #44ee77 !important; text-shadow: 0 0 6px rgba(0, 200, 80, 0.5); } /* ══════════════════════════════════════════════════════════════════ 21. OVERLAY ══════════════════════════════════════════════════════════════════ */ .theme-matrix .sidebar-overlay { background: rgba(0, 0, 0, 0.6) !important; } /* ══════════════════════════════════════════════════════════════════ 21. NOTIFICATIONS / TOASTS ══════════════════════════════════════════════════════════════════ */ .theme-matrix .notification, .theme-matrix .toast { background: #141414 !important; color: #a0bba0 !important; border: none !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important; } /* ══════════════════════════════════════════════════════════════════ 22. LOADING ══════════════════════════════════════════════════════════════════ */ .theme-matrix .loading, .theme-matrix .spinner, .theme-matrix [class*="loading"] { color: #00aa44 !important; } /* ══════════════════════════════════════════════════════════════════ 23. VIDEO PLAYER ══════════════════════════════════════════════════════════════════ */ .theme-matrix .video-playlist-item.active { background: rgba(0, 200, 80, 0.15) !important; color: #00cc55 !important; } .theme-matrix .video-playlist-item.active svg { fill: #00cc55 !important; } /* ══════════════════════════════════════════════════════════════════ 24. GENERIC fill OVERRIDES — всё что было #ff8800 ══════════════════════════════════════════════════════════════════ */ .theme-matrix [fill="#ff8800"], .theme-matrix [style*="fill: #ff8800"], .theme-matrix [style*="fill:#ff8800"] { fill: #00cc55 !important; } .theme-matrix [style*="background:#ff8800"], .theme-matrix [style*="background: #ff8800"] { background: #00aa44 !important; } /* ══════════════════════════════════════════════════════════════════ 25. LOGIN PAGE — Matrix Rain Background ══════════════════════════════════════════════════════════════════ */ #matrixLoginCanvas { display: none; position: fixed; inset: 0; z-index: 0; pointer-events: none; } .theme-matrix #matrixLoginCanvas { display: block; } /* Login card */ .theme-matrix .login-container, .theme-matrix .login-card, .theme-matrix .login-box, .theme-matrix .sw-crawl-scene > div { background: rgba(8, 12, 8, 0.88) !important; border: none !important; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6) !important; backdrop-filter: blur(10px); position: relative; z-index: 2; } .theme-matrix .login-container *, .theme-matrix .login-card *, .theme-matrix .login-box * { color: #a0bba0 !important; } /* Login shield icon — зелёный */ .theme-matrix .hugeicons--shield-energy { color: #00cc55 !important; } .theme-matrix .login-header .hugeicons--shield-energy { animation: matrixShieldPulse 3s ease-in-out infinite !important; } @keyframes matrixShieldPulse { 0%, 100% { filter: drop-shadow(0 0 0 transparent); transform: scale(1); } 50% { filter: drop-shadow(0 0 10px rgba(0, 200, 80, 0.4)); transform: scale(1.03); } } /* Login WARP logo — зелёный фильтр */ .theme-matrix .warp-logo-breathing { filter: brightness(0) saturate(100%) invert(63%) sepia(50%) saturate(600%) hue-rotate(85deg) brightness(100%) contrast(90%) !important; animation: matrixLogoBreathe 4s ease-in-out infinite !important; } @keyframes matrixLogoBreathe { 0%, 100% { transform: scale(1); filter: brightness(0) saturate(100%) invert(63%) sepia(50%) saturate(600%) hue-rotate(85deg) brightness(100%) contrast(90%) drop-shadow(0 0 0 transparent); } 50% { transform: scale(1.04); filter: brightness(0) saturate(100%) invert(63%) sepia(50%) saturate(600%) hue-rotate(85deg) brightness(110%) contrast(95%) drop-shadow(0 0 15px rgba(0, 200, 80, 0.3)); } } /* Скрываем стандартные login-анимации при Matrix */ .theme-matrix .energy-wave, .theme-matrix .energy-waves, .theme-matrix .energy-orb, .theme-matrix .energy-dot, .theme-matrix .lightning-bolt, .theme-matrix .nebula, .theme-matrix #starCanvas, .theme-matrix #particleCanvas { display: none !important; } /* Login error alert */ .theme-matrix .error-alert, .theme-matrix #errorAlert { background: #1a0808 !important; color: #cc4444 !important; border: none !important; } /* Login form inputs */ .theme-matrix .login-input, .theme-matrix .login-container input[type="text"], .theme-matrix .login-container input[type="password"], .theme-matrix .form-input { background: #0e0e0e !important; border: 1px solid #1a2a1a !important; color: #a0bba0 !important; } .theme-matrix .login-container input:focus, .theme-matrix .form-input:focus { border-color: #2a4a2a !important; box-shadow: 0 0 0 1px rgba(0, 200, 80, 0.25) !important; } /* Login button */ .theme-matrix .login-btn, .theme-matrix .login-container button[type="submit"], .theme-matrix .btn-primary { background: #00aa44 !important; color: #000 !important; border: none !important; text-shadow: none !important; box-shadow: none !important; text-transform: uppercase; letter-spacing: 1px; } .theme-matrix .login-container button[type="submit"]:hover, .theme-matrix .login-btn:hover, .theme-matrix .btn-primary:hover { background: #00cc55 !important; box-shadow: 0 0 12px rgba(0, 200, 80, 0.3) !important; } .theme-matrix .btn-primary:active { background: #008833 !important; box-shadow: none !important; } /* Remember me checkbox */ .theme-matrix .login-container input[type="checkbox"] { accent-color: #00aa44 !important; } /* Login version text */ .theme-matrix .sw-crawl-scene div[style*="border-top"] { border-top-color: rgba(0, 200, 80, 0.1) !important; color: rgba(0, 200, 80, 0.3) !important; }