/* Used by static/js/api_call.js to hide the per-row proxy/randomness picker s into one . Space them out. */ .appended-row select { margin-right: .5rem; } /* ---- Row-action buttons (Call API / Inspecting Proxy) ----------------- */ /* Used by HistoryTrackingIDAdmin.call_api_button / .check_proxy_button. The legacy markup used `var(--header-bg)` and `var(--header-link-color)` which Unfold doesn't define, so the buttons rendered as plain text. */ .row-action-btn { display: inline-block; background-color: var(--color-primary-600, #2563eb); color: #fff; border: 0; border-radius: .375rem; padding: .375rem .75rem; font-size: .8125rem; font-weight: 500; line-height: 1.1; white-space: nowrap; cursor: pointer; transition: background-color .12s ease; } .row-action-btn:hover { background-color: var(--color-primary-700, #1d4ed8); } .row-action-btn:focus-visible { outline: 2px solid var(--color-primary-400, #60a5fa); outline-offset: 2px; } .row-action-btn:disabled { background-color: var(--color-base-400, #94a3b8); cursor: not-allowed; } /* ---- Native s in the admin. */ select { background-color: var(--color-base-50, #f8fafc); color: var(--color-base-900, #0f172a); border: 1px solid var(--color-base-200, #e2e8f0); border-radius: .375rem; padding: .375rem .5rem; } select:focus { outline: 2px solid var(--color-primary-500, #3b82f6); outline-offset: 1px; } select option { background-color: var(--color-base-50, #f8fafc); color: var(--color-base-900, #0f172a); } select option:checked, select option:hover { background-color: var(--color-primary-600, #2563eb); color: #fff; } /* Dark theme — Unfold toggles a `dark` class on . */ .dark select, html.dark select { background-color: var(--color-base-800, #1e293b); color: var(--color-base-100, #f1f5f9); border-color: var(--color-base-700, #334155); } .dark select option, html.dark select option { background-color: var(--color-base-800, #1e293b); color: var(--color-base-100, #f1f5f9); } .dark select option:checked, .dark select option:hover, html.dark select option:checked, html.dark select option:hover { background-color: var(--color-primary-600, #2563eb); color: #fff; }