updated color scheme to dark mode

This commit is contained in:
2026-05-27 10:06:39 +02:00
parent ff370d0d39
commit 1d9154e664
5 changed files with 245 additions and 94 deletions

View File

@ -14,7 +14,7 @@ export function devPage() {
<h1>Dev import</h1>
</div>
<div class="card" style="max-width:720px">
<p class="field-hint" style="margin-bottom:16px;padding:12px;background:#fff8e1;border-radius:8px;color:#7a5d00">
<p class="field-hint callout-warn">
<strong>Local / test only.</strong> Imports prefixed dev users (<code>dev_*</code>),
clients (<code>DEV-CL-*</code>), and completed questionnaire runs.
Existing real users are not modified. Conflicts are skipped (usernames, client codes, completions).
@ -34,7 +34,7 @@ export function devPage() {
</div>
<div class="card" style="max-width:720px;margin-top:16px">
<h2 style="margin:0 0 8px;font-size:1.1rem">Reset database</h2>
<p class="field-hint" style="margin-bottom:12px;padding:12px;background:#fdecea;border-radius:8px;color:#8a1f17">
<p class="field-hint callout-danger">
<strong>Destructive.</strong> Deletes every client, completion, coach, and supervisor
(including non-dev accounts). Admin logins and questionnaire definitions are kept.
</p>

View File

@ -745,7 +745,7 @@ function showAddQuestionForm() {
<span class="opt-text">${esc(opt.text)}</span>
<span class="opt-points">${opt.points} pts</span>
${opt.nextQuestionId ? `<span class="opt-branch">&rarr; ${esc(opt.nextQuestionId)}</span>` : ''}
<button class="btn-icon remove-pending-opt" data-idx="${i}" title="Remove" style="color:var(--danger)">&#x2716;</button>
<button class="btn-icon btn-icon-danger remove-pending-opt" data-idx="${i}" title="Remove">&#x2716;</button>
</li>
`).join('');
list.querySelectorAll('.remove-pending-opt').forEach(btn => {
@ -1063,7 +1063,7 @@ function optionItemHTML(q, o, editable) {
${o.nextQuestionId ? `<span class="opt-branch">&rarr; ${esc(o.nextQuestionId)}</span>` : ''}
${editable ? `
<button class="btn-icon edit-opt-btn" data-id="${o.answerOptionID}" title="Edit">&#x270E;</button>
<button class="btn-icon del-opt-btn" data-id="${o.answerOptionID}" title="Delete" style="color:var(--danger)">&#x2716;</button>
<button class="btn-icon btn-icon-danger del-opt-btn" data-id="${o.answerOptionID}" title="Delete">&#x2716;</button>
` : ''}
</li>
`;

View File

@ -224,7 +224,7 @@ function showCreateForm() {
<div class="form-group" style="flex:1;min-width:160px">
<label>Role</label>
${isSupervisor
? `<input type="text" value="Coach" disabled style="background:#f8fafc">`
? `<input type="text" value="Coach" disabled>`
: `<select id="cu_role">
${allowedRoles.map(r =>
`<option value="${r}">${r.charAt(0).toUpperCase() + r.slice(1)}</option>`
@ -242,7 +242,7 @@ function showCreateForm() {
<div id="cu_supervisor_row" class="form-group" style="${isSupervisor ? '' : 'display:none'}">
<label>Supervisor</label>
${isSupervisor
? `<input type="text" value="You (auto-assigned)" disabled style="background:#f8fafc">`
? `<input type="text" value="You (auto-assigned)" disabled>`
: `<select id="cu_supervisor_select">
<option value="">— select supervisor —</option>
${supervisorsList.map(s =>