chenmingxuan
fac4ccb760
Add dark theme, richer Markdown and readable plugin results. Improve Android input evidence, response integrity and diagnostics. Unify lifecycle, guidance receipts and evidence sources across clients. Keep direct action dispatch without an added AI quota approval layer. Align version metadata at 2.2.0 and bundle Helper 1.2.2. Validation: 3063 backend tests before the version bump; 44 after. Frontend: 317 tests and production build passed.
21 lines
2.1 KiB
SCSS
21 lines
2.1 KiB
SCSS
:host { display: block; width: 100%; color: var(--app-text-secondary, #475569); font-size: 12px; }
|
|
.plugin-toggle { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--app-border, #e2e8f0); border-radius: 20px; padding: 5px 10px; background: var(--app-surface-soft, #f8fafc); color: var(--app-text-muted, #64748b); font: inherit; cursor: pointer; transition: background .15s, border-color .15s; }
|
|
.plugin-toggle:hover, .plugin-toggle[aria-expanded=true] { background: var(--app-primary-soft, #eff6ff); border-color: var(--app-primary-border, #bfdbfe); color: var(--app-primary-text, #2563eb); }
|
|
.material-symbols-outlined { font-size: 16px; }
|
|
.mode { color: var(--app-primary-text, #2563eb); padding-left: 6px; border-left: 1px solid var(--app-primary-border, #dce5ef); }
|
|
.chevron { font-size: 15px; }
|
|
.plugin-options { background: var(--app-surface-soft, #f8fafc); border: 1px solid var(--app-border, #e2e8f0); border-radius: 14px; padding: 14px 16px; margin-top: 8px; display: grid; gap: 12px; }
|
|
p { margin: 0; line-height: 1.65; }
|
|
label { display: flex; align-items: center; gap: 8px; }
|
|
.auto-option { font-weight: 500; color: var(--app-text-control, #334155); }
|
|
input[type=checkbox] { accent-color: var(--app-primary-text, #2563eb); margin: 0; width: 14px; height: 14px; flex-shrink: 0; }
|
|
.choice { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
|
|
select { font: inherit; color: var(--app-text-control, #334155); background: var(--app-surface, #fff); border: 1px solid var(--app-primary-border, #dce3eb); border-radius: 8px; padding: 6px 10px; max-width: 100%; }
|
|
select:disabled { opacity: .5; }
|
|
.hint { color: var(--app-text-muted, #64748b); font-size: 11px; }
|
|
.error { color: var(--app-error-text, #b91c1c); }
|
|
.text-button, .manage-link { color: var(--app-primary-text, #2563eb); font: inherit; text-decoration: none; }
|
|
.text-button { background: none; border: 0; padding: 0 6px; cursor: pointer; }
|
|
.manage-link { display: inline-flex; align-items: center; gap: 4px; justify-self: start; }
|
|
:focus-visible { outline: 2px solid #3b82f6; outline-offset: 3px; }
|