diff --git a/apps/desktop-tauri/src/i18n/keys.ts b/apps/desktop-tauri/src/i18n/keys.ts index 90c89d1c30..a7647e244f 100644 --- a/apps/desktop-tauri/src/i18n/keys.ts +++ b/apps/desktop-tauri/src/i18n/keys.ts @@ -191,7 +191,6 @@ export const ALL_LOCALE_KEYS = [ "TodayCost", "Last30DaysCost", "StatusLabel", - "TrayOpenCodexBar", "TrayPopOutDashboard", "TrayShowWindow", "TrayShowTaskbarUsage", diff --git a/apps/desktop-tauri/src/styles.css b/apps/desktop-tauri/src/styles.css index 8a12b6b9fc..83c7f4eef7 100644 --- a/apps/desktop-tauri/src/styles.css +++ b/apps/desktop-tauri/src/styles.css @@ -596,7 +596,9 @@ html { } /* macOS-style checkbox (replaces iOS-style switch toggle) */ -.toggle { +.toggle, +.provider-detail-toggle input[type="checkbox"], +.providers-sidebar__checkbox { appearance: none; -webkit-appearance: none; width: 16px; @@ -613,16 +615,22 @@ html { transition: background 0.12s, border-color 0.12s; } -.toggle:hover:not(:disabled) { +.toggle:hover:not(:disabled), +.provider-detail-toggle input[type="checkbox"]:hover:not(:disabled), +.providers-sidebar__checkbox:hover:not(:disabled) { border-color: rgba(255, 255, 255, 0.45); } -.toggle:checked { +.toggle:checked, +.provider-detail-toggle input[type="checkbox"]:checked, +.providers-sidebar__checkbox:checked { background: var(--accent, #0a84ff); border-color: var(--accent, #0a84ff); } -.toggle:checked::after { +.toggle:checked::after, +.provider-detail-toggle input[type="checkbox"]:checked::after, +.providers-sidebar__checkbox:checked::after { content: ""; position: absolute; left: 4px; @@ -634,21 +642,36 @@ html { transform: rotate(45deg); } -.toggle:focus-visible { +.toggle:focus-visible, +.provider-detail-toggle input[type="checkbox"]:focus-visible, +.providers-sidebar__checkbox:focus-visible { outline: 2px solid var(--accent, #0a84ff); outline-offset: 1px; } -.toggle:disabled { +.toggle:disabled, +.provider-detail-toggle input[type="checkbox"]:disabled, +.providers-sidebar__checkbox:disabled { opacity: 0.5; cursor: not-allowed; } -[data-theme="light"] .toggle { +[data-theme="light"] .toggle, +[data-theme="light"] .provider-detail-toggle input[type="checkbox"], +[data-theme="light"] .providers-sidebar__checkbox { border-color: rgba(0, 0, 0, 0.28); background: rgba(255, 255, 255, 0.9); } +/* Keep the accent fill on checked boxes in light theme (the light base rule + above has equal specificity to `:checked`, so restate it with higher). */ +[data-theme="light"] .toggle:checked, +[data-theme="light"] .provider-detail-toggle input[type="checkbox"]:checked, +[data-theme="light"] .providers-sidebar__checkbox:checked { + background: var(--accent, #0a84ff); + border-color: var(--accent, #0a84ff); +} + .toggle-label { display: inline-flex; align-items: center; diff --git a/rust/src/locale.rs b/rust/src/locale.rs index ba98790940..2984de7b47 100644 --- a/rust/src/locale.rs +++ b/rust/src/locale.rs @@ -380,7 +380,6 @@ locale_keys! { StatusLabel, // Tray - Single icon mode - TrayOpenCodexBar, TrayPopOutDashboard, TrayShowWindow, TrayShowTaskbarUsage, diff --git a/rust/src/locale/en-US.ftl b/rust/src/locale/en-US.ftl index 3e9c1db899..999d5c4b0b 100644 --- a/rust/src/locale/en-US.ftl +++ b/rust/src/locale/en-US.ftl @@ -184,7 +184,6 @@ Tokens1K = 1K tokens TodayCost = Today: ${ "{:.2}" } Last30DaysCost = Last 30 days: ${ "{:.2}" } StatusLabel = Status: { "{}" } -TrayOpenCodexBar = Pop Out Dashboard TrayPopOutDashboard = Open Ceiling TrayShowWindow = Show Window TrayShowTaskbarUsage = Show Taskbar Usage @@ -526,7 +525,7 @@ CredentialStatusPlaintext = Plaintext CredentialStatusUnavailable = Unavailable CredentialStatusUnreadable = Unreadable BrowserCookiesSectionTitle = Browser Cookies -BrowserCookieNoneSaved = No cookie saved. +BrowserCookieNoneSaved = No cookie saved yet. On Chrome, Edge, and Brave, automatic import is usually blocked by App-Bound Encryption, so pasting the cookie header below is the most reliable setup. BrowserCookieSavedBadge = Saved BrowserCookieRemove = Remove BrowserCookieImportSuccess = Cookies imported successfully.