Skip to content

deps: upgrade fuz_css with oklch #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ryanatkn wants to merge 2 commits into
base: main
Choose a base branch
from
Open

deps: upgrade fuz_css with oklch #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
de35728
deps: upgrade fuz_css with oklch
ryanatkn Jul 7, 2026
a0e63a7
Merge branch 'main' into css-oklch
ryanatkn Jul 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/lib/ui/AccountSessions.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,18 +44,18 @@
<h2>
sessions
{#if account_sessions.active_count > 0}
<span class="chip color_a">{account_sessions.active_count} active</span>
<span class="chip palette_a">{account_sessions.active_count} active</span>
{/if}
</h2>

{#if account_sessions.list.loading}
<p class="text_50">loading sessions...</p>
{:else if account_sessions.list.error}
<p class="color_c_50">{account_sessions.list.error}</p>
<p class="palette_c_50">{account_sessions.list.error}</p>
{:else}
{@const revoke_all_error = account_sessions.revoke_all.error}
{#if revoke_all_error}
<p class="color_c_50">{revoke_all_error}</p>
<p class="palette_c_50">{revoke_all_error}</p>
{/if}
{#if account_sessions.active_count > 1}
<div class="mb_md">
Expand All @@ -65,7 +65,7 @@
<Datatable {columns} rows={account_sessions.sessions} height="300px">
{#snippet cell(column, row)}
{#if column.key === 'id'}
<span class="chip color_b">active</span>
<span class="chip palette_b">active</span>
<code class="text_50">{truncate_uuid(row.id)}</code>
{:else if column.key === 'created_at'}
<span title={format_datetime_local(row.created_at)}>
Expand All @@ -90,7 +90,7 @@
{revoking ? 'revoking…' : 'revoke'}
</button>
{#if revoke_error}
<span class="color_c_50 font_size_sm">{revoke_error}</span>
<span class="palette_c_50 font_size_sm">{revoke_error}</span>
{/if}
{:else if column.format}
{column.format(row[column.key], row)}
Expand Down
24 changes: 12 additions & 12 deletions src/lib/ui/AdminAccounts.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
<h1>accounts</h1>
{#if admin_accounts.account_count > 0}
<p>
<span class="chip color_a"
<span class="chip palette_a"
>{admin_accounts.account_count} account{admin_accounts.account_count === 1 ? '' : 's'}</span
>
</p>
Expand All @@ -66,7 +66,7 @@
{#if admin_accounts.list.loading}
<p class="text_50">loading accounts...</p>
{:else if admin_accounts.list.error}
<p class="color_c_50">{admin_accounts.list.error}</p>
<p class="palette_c_50">{admin_accounts.list.error}</p>
{:else}
<Datatable {columns} rows={admin_accounts.accounts} height="400px">
{#snippet cell(column, row)}
Expand All @@ -76,7 +76,7 @@
<span class="text_50 font_size_sm">
{row.account.email}
{#if row.account.email_verified}
<span class="chip font_size_sm color_b">verified</span>
<span class="chip font_size_sm palette_b">verified</span>
{:else}
<span class="chip font_size_sm">unverified</span>
{/if}
Expand All @@ -94,7 +94,7 @@
{#each row.role_grants as role_grant (role_grant.id)}
{@const scope = scope_label(role_grant.scope_id, role_grant.role)}
<div class="row">
<span class="chip color_b">{role_grant.role}</span>
<span class="chip palette_b">{role_grant.role}</span>
{#if scope !== null}
<span class="text_50 font_size_sm" title={role_grant.scope_id ?? undefined}>
{scope}
Expand All @@ -119,7 +119,7 @@
pending={admin_accounts.revoke.loading(role_grant.id)}
/>
{#if revoke_error}
<span class="color_c_50 font_size_sm">{revoke_error}</span>
<span class="palette_c_50 font_size_sm">{revoke_error}</span>
{/if}
{/if}
</div>
Expand Down Expand Up @@ -147,7 +147,7 @@
pending={admin_accounts.retract.loading(offer.id)}
/>
{#if retract_error}
<span class="color_c_50 font_size_sm">{retract_error}</span>
<span class="palette_c_50 font_size_sm">{retract_error}</span>
{/if}
</div>
{/each}
Expand All @@ -167,21 +167,21 @@
pending={admin_accounts.grant.loading(key)}
>
{#snippet popover_content(_popover, do_confirm)}
<button type="button" class="color_b bg_100" onclick={() => do_confirm()}>
<button type="button" class="palette_b bg_100" onclick={() => do_confirm()}>
<span class="py_sm">offer '{role}' to @{row.account.username}</span>
</button>
{/snippet}
</ConfirmButton>
{#if grant_error}
<span class="color_c_50 font_size_sm">{grant_error}</span>
<span class="palette_c_50 font_size_sm">{grant_error}</span>
{/if}
{/if}
{/each}
{:else if column.key === 'pending_offers'}
{#if row.account.deleted_at}
{@const undelete_error = admin_accounts.undelete.error(row.account.id)}
<span
class="chip font_size_sm color_c"
class="chip font_size_sm palette_c"
title={format_datetime_local(row.account.deleted_at)}
>
deleted {format_relative_time(row.account.deleted_at)}
Expand All @@ -195,7 +195,7 @@
reactivate
</button>
{#if undelete_error}
<span class="color_c_50 font_size_sm">{undelete_error}</span>
<span class="palette_c_50 font_size_sm">{undelete_error}</span>
{/if}
{:else}
{@const delete_error = admin_accounts.soft_delete.error(row.account.id)}
Expand All @@ -207,13 +207,13 @@
pending={admin_accounts.soft_delete.loading(row.account.id)}
>
{#snippet popover_content(_popover, do_confirm)}
<button type="button" class="color_c bg_100" onclick={() => do_confirm()}>
<button type="button" class="palette_c bg_100" onclick={() => do_confirm()}>
<span class="py_sm">soft-delete @{row.account.username} (reversible)</span>
</button>
{/snippet}
</ConfirmButton>
{#if delete_error}
<span class="color_c_50 font_size_sm">{delete_error}</span>
<span class="palette_c_50 font_size_sm">{delete_error}</span>
{/if}
{/if}
{/if}
Expand Down
8 changes: 4 additions & 4 deletions src/lib/ui/AdminAuditLog.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@
</select>
</label>
<button type="button" onclick={load}>refresh</button>
<button type="button" onclick={toggle_streaming} class:color_b={streaming}>
<button type="button" onclick={toggle_streaming} class:palette_b={streaming}>
{streaming ? 'stop' : 'stream'}
</button>
{#if streaming}
Expand All @@ -101,7 +101,7 @@
{#if audit_log.list.loading}
<p class="text_50">loading audit log...</p>
{:else if audit_log.list.error}
<p class="color_c_50">{audit_log.list.error}</p>
<p class="palette_c_50">{audit_log.list.error}</p>
{:else}
<Datatable {columns} rows={audit_log.events} height="500px">
{#snippet cell(column, row)}
Expand All @@ -114,8 +114,8 @@
{:else if column.key === 'outcome'}
<span
class="chip"
class:color_b={row.outcome === 'success'}
class:color_c={row.outcome === 'failure'}
class:palette_b={row.outcome === 'success'}
class:palette_c={row.outcome === 'failure'}
>
{row.outcome}
</span>
Expand Down
8 changes: 4 additions & 4 deletions src/lib/ui/AdminInvites.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
</section>
{#if admin_invites.invite_count > 0}
<p>
<span class="chip color_a"
<span class="chip palette_a"
>{admin_invites.unclaimed_count} unclaimed / {admin_invites.invite_count} total</span
>
</p>
Expand Down Expand Up @@ -103,7 +103,7 @@
</form>

{#if admin_invites.list.error || admin_invites.create.error}
<p class="color_c_50">{admin_invites.list.error ?? admin_invites.create.error}</p>
<p class="palette_c_50">{admin_invites.list.error ?? admin_invites.create.error}</p>
{/if}

{#if admin_invites.list.loading}
Expand All @@ -113,7 +113,7 @@
{#snippet cell(column, row)}
{#if column.key === 'claimed_at'}
{#if row.claimed_at}
<span class="chip color_b">claimed</span>
<span class="chip palette_b">claimed</span>
<span class="text_50 font_size_sm" title={format_datetime_local(row.claimed_at)}>
{#if row.claimed_by_username}
by {row.claimed_by_username}
Expand Down Expand Up @@ -142,7 +142,7 @@
pending={admin_invites.remove.loading(row.id)}
/>
{#if remove_error}
<span class="color_c_50 font_size_sm">{remove_error}</span>
<span class="palette_c_50 font_size_sm">{remove_error}</span>
{/if}
{:else}
<span class="text_50">-</span>
Expand Down
22 changes: 11 additions & 11 deletions src/lib/ui/AdminOverview.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@
{#if accounts.list.loading}
<p class="text_50">loading...</p>
{:else if accounts.list.error}
<p class="color_c_50">{accounts.list.error}</p>
<p class="palette_c_50">{accounts.list.error}</p>
{:else}
<div class="baseline-row gap_xs">
<strong class="font_size_lg">{accounts.account_count}</strong>
Expand Down Expand Up @@ -134,7 +134,7 @@
{#if sessions.list.loading}
<p class="text_50">loading...</p>
{:else if sessions.list.error}
<p class="color_c_50">{sessions.list.error}</p>
<p class="palette_c_50">{sessions.list.error}</p>
{:else}
<div class="baseline-row gap_xs">
<strong class="font_size_lg">{sessions.active_count}</strong>
Expand Down Expand Up @@ -164,12 +164,12 @@
{#if invites.list.loading}
<p class="text_50">loading...</p>
{:else if invites.list.error}
<p class="color_c_50">{invites.list.error}</p>
<p class="palette_c_50">{invites.list.error}</p>
{:else}
<div class="baseline-row gap_sm">
<span class="text_50">public signup</span>
{#if app_settings.settings?.open_signup}
<span class="chip color_b">open</span>
<span class="chip palette_b">open</span>
{:else}
<span class="chip">closed</span>
{/if}
Expand All @@ -187,7 +187,7 @@
<li>
<span>{invite.email || invite.username || '—'}</span>
{#if invite.claimed_at}
<span class="chip font_size_sm color_b">claimed</span>
<span class="chip font_size_sm palette_b">claimed</span>
{:else}
<span class="chip font_size_sm">unclaimed</span>
{/if}
Expand All @@ -209,7 +209,7 @@
{#if audit_log.list.loading}
<p class="text_50">loading...</p>
{:else if audit_log.list.error}
<p class="color_c_50">{audit_log.list.error}</p>
<p class="palette_c_50">{audit_log.list.error}</p>
{:else if recent_events.length === 0}
<p class="text_50">no events</p>
{:else}
Expand All @@ -221,7 +221,7 @@
>
<code class="font_size_sm">{event.event_type}</code>
{#if event.outcome === 'failure'}
<span class="chip font_size_sm color_c">fail</span>
<span class="chip font_size_sm palette_c">fail</span>
{/if}
</li>
{/each}
Expand All @@ -237,10 +237,10 @@
{#if audit_log.list.loading}
<p class="text_50">loading...</p>
{:else if audit_log.list.error}
<p class="color_c_50">{audit_log.list.error}</p>
<p class="palette_c_50">{audit_log.list.error}</p>
{:else}
<div class="baseline-row gap_xs">
<strong class="font_size_lg" class:color_c_50={failed_logins.length > 0}>
<strong class="font_size_lg" class:palette_c_50={failed_logins.length > 0}>
{failed_logins.length}
</strong>
<span class="text_50">failed logins</span>
Expand Down Expand Up @@ -274,12 +274,12 @@
{#if app_settings.list.loading}
<p class="text_50">loading...</p>
{:else if app_settings.list.error}
<p class="color_c_50">{app_settings.list.error}</p>
<p class="palette_c_50">{app_settings.list.error}</p>
{:else}
<div class="baseline-row gap_sm">
<span class="text_50">public signup</span>
{#if app_settings.settings?.open_signup}
<span class="chip color_b">open</span>
<span class="chip palette_b">open</span>
{:else}
<span class="chip">invite-only</span>
{/if}
Expand Down
6 changes: 3 additions & 3 deletions src/lib/ui/AdminRoleGrantHistory.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,15 +43,15 @@
{#if audit_log.role_grant_history.loading}
<p class="text_50">loading role_grant history...</p>
{:else if audit_log.role_grant_history.error}
<p class="color_c_50">{audit_log.role_grant_history.error}</p>
<p class="palette_c_50">{audit_log.role_grant_history.error}</p>
{:else}
<Datatable {columns} rows={audit_log.role_grant_history_events} height="400px" row_key="id">
{#snippet cell(column, row)}
{#if column.key === 'event_type'}
<span
class="chip"
class:color_b={row.event_type === 'role_grant_create'}
class:color_c={row.event_type === 'role_grant_revoke'}
class:palette_b={row.event_type === 'role_grant_create'}
class:palette_c={row.event_type === 'role_grant_revoke'}
>
{row.event_type === 'role_grant_create' ? 'grant' : 'revoke'}
</span>
Expand Down
8 changes: 4 additions & 4 deletions src/lib/ui/AdminSessions.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,14 @@
<h1>active sessions</h1>
{#if admin_sessions.active_count > 0}
<p>
<span class="chip color_a">{admin_sessions.active_count} active</span>
<span class="chip palette_a">{admin_sessions.active_count} active</span>
</p>
{/if}

{#if admin_sessions.list.loading}
<p class="text_50">loading sessions...</p>
{:else if admin_sessions.list.error}
<p class="color_c_50">{admin_sessions.list.error}</p>
<p class="palette_c_50">{admin_sessions.list.error}</p>
{:else}
<Datatable {columns} rows={admin_sessions.sessions} height="400px">
{#snippet cell(column, row)}
Expand Down Expand Up @@ -72,7 +72,7 @@
pending={admin_sessions.revoke_sessions.loading(row.account_id)}
/>
{#if revoke_sessions_error}
<span class="color_c_50 font_size_sm">{revoke_sessions_error}</span>
<span class="palette_c_50 font_size_sm">{revoke_sessions_error}</span>
{/if}
<ConfirmButton
onconfirm={() => admin_sessions.submit_revoke_tokens(row.account_id)}
Expand All @@ -82,7 +82,7 @@
pending={admin_sessions.revoke_tokens.loading(row.account_id)}
/>
{#if revoke_tokens_error}
<span class="color_c_50 font_size_sm">{revoke_tokens_error}</span>
<span class="palette_c_50 font_size_sm">{revoke_tokens_error}</span>
{/if}
{:else if column.format}
{column.format(row[column.key], row)}
Expand Down
2 changes: 1 addition & 1 deletion src/lib/ui/AdminSurface.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
{#if loading}
<p class="text_50">loading surface...</p>
{:else if error}
<p class="color_c_50">{error}</p>
<p class="palette_c_50">{error}</p>
<button type="button" onclick={() => void load()}>retry</button>
{:else if surface}
<SurfaceExplorer {surface} />
Expand Down
Loading