#launcher { background-color: alpha(#000, 0.3); padding: 0; border-radius: 12px; min-width: 640px; border: 1px solid rgba(255, 255, 255, 0.1); } #launcher-search{ color: #000; } #header_box { padding: 0px 20px 0 20px; color: #000; } #close-button, #config-button { background-color: transparent; border-radius: 6px; padding: 6px; transition: all 0.15s ease; } #close-button:hover, #close-button:focus, #config-button:hover, #config-button:focus { background-color: rgba(255, 255, 255, 0.1); border-radius: 6px; } #close-button.focused, #config-button.focused { background-color: rgba(0, 122, 255, 0.2); border-radius: 6px; box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.4); } #close-button.focused #close-label { color: #007AFF; } #config-button.focused #config-label { color: #007AFF; } #close-button:active { background-color: rgba(255, 255, 255, 0.2); border-radius: 6px; } #close-label { color: rgba(255, 255, 255, 0.7); font-size: 18px; } #close-button:active #close-label { color: rgba(255, 255, 255, 0.9); } #config-button:active { background-color: rgba(255, 255, 255, 0.2); border-radius: 6px; } #config-label { color: rgba(255, 255, 255, 0.7); font-size: 18px; } #config-button:active #config-label { color: rgba(255, 255, 255, 0.9); } #launcher-icon-label { font-size: 20px; padding: 6px; color: rgba(255, 255, 255, 0.8); } #launcher-search { font-weight: 400; font-size: 36px; background-color: transparent; color: rgba(255, 255, 255, 0.95); border: none; border-radius: 0; padding: 12px 0; margin: 0; } #launcher-search:focus { background-color: transparent; box-shadow: none; border: none; } #launcher-search selection { color: white; background-color: rgba(0, 122, 255, 0.8); } #launcher-results-scroll { margin: 0; border-radius: 0; background: transparent; padding: 0 20px 20px 20px; } #launcher-results-scroll scrollbar { border-radius: 0; background-color: transparent; padding: 0; margin: 0; min-width: 0; } #launcher-results-scroll scrollbar slider { border-radius: 2px; min-width: 4px; min-height: 20px; background-color: rgba(255, 255, 255, 0.3); margin: 0; } #launcher-results-scroll scrollbar:hover slider { background-color: rgba(255, 255, 255, 0.5); } #launcher-results { background: transparent; margin-top: 8px; } #launcher-result-item { border-radius: 8px; padding: 12px 16px; margin: 2px 0; min-height: 64px; transition: all 0.15s ease; background: transparent; } @keyframes loadSlot { 0% { opacity: 0; } 100% { opacity: 1; } } #launcher-result-item:focus, #launcher-result-item:selected, #launcher-result-item:hover, #launcher-result-item.selected { border-radius: 8px; background-color: rgba(0, 122, 255, 0.8); padding: 12px 16px; margin: 2px 0; } #launcher-result-item.selected #result-item-title { color: white; font-weight: 600; } #launcher-result-item.selected #result-item-subtitle { color: rgba(255, 255, 255, 0.8); } #launcher-result-item.selected #result-item-plugin { color: rgba(255, 255, 255, 0.6); } #result-item-main { min-height: 56px; } #launcher-result-item { min-height: 56px; } #result-item-icon { min-width: 56px; min-height: 56px; margin-right: 16px; border-radius: 12px; } #result-item-title { font-size: 18px; font-weight: 500; color: rgba(255, 255, 255, 0.95); margin-top: 4px; margin-bottom: 2px; } #result-item-subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-bottom: 4px; } #result-item-plugin { font-size: 12px; color: rgba(255, 255, 255, 0.4); font-style: normal; margin-bottom: 4px; opacity: 1; font-weight: 400; } #network-password-entry { border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.9); padding: 12px; border-radius: 8px; margin-bottom: 8px; font-size: 14px; } #network-password-entry:focus { border: 1px solid rgba(0, 122, 255, 0.6); background: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2); }