Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Jitsi report dark surfaces

Browse Source 
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Scott Idem
2026-05-06 14:53:41 -04:00
parent 09a5178b89
commit c289268550
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
documentation/CLIENT__IDAA_and_customized_mods.md
View File

@@ -479,6 +479,11 @@ Two display modes, toggled via a button in the page header:
Both modes use the same filtered data set — switching views does not reset filters. Both modes use the same filtered data set — switching views does not reset filters.
### Dark Mode / Surface Safety
The page now uses explicit page and row surfaces so dark mode does not collapse into white-on-white
text in either the regular app or the Novi iframe.
### Filters ### Filters
| Filter | Default | Logic | | Filter | Default | Logic |

8
src/routes/idaa/(idaa)/jitsi_reports/+page.svelte
View File

@@ -457,7 +457,7 @@ function export_json() {
<title>&AElig;: Jitsi Meeting Reports</title> <title>&AElig;: Jitsi Meeting Reports</title>
</svelte:head> </svelte:head>
<div class="text-surface-950 dark:text-surface-50 w-full max-w-5xl space-y-4 p-4"> <div class="bg-surface-50-950 text-surface-950 dark:bg-surface-950 dark:text-surface-50 min-h-screen w-full max-w-5xl space-y-4 p-4">
<!-- Page header: view toggle + export buttons --> <!-- Page header: view toggle + export buttons -->
<div class="flex flex-row flex-wrap items-center justify-between gap-2"> <div class="flex flex-row flex-wrap items-center justify-between gap-2">
<h1 class="!text-surface-950 dark:!text-surface-50 text-xl font-bold"> <h1 class="!text-surface-950 dark:!text-surface-50 text-xl font-bold">
@@ -812,7 +812,7 @@ function export_json() {
{@const others = m.real_participants.filter((p) => p.role !== 'moderator')} {@const others = m.real_participants.filter((p) => p.role !== 'moderator')}
{@const all_names = m.real_participants.map((p) => `${p.displayName} (${p.role})`).join('\n')} {@const all_names = m.real_participants.map((p) => `${p.displayName} (${p.role})`).join('\n')}
<tr <tr
class="border-surface-200-800 hover:bg-surface-100-900 border-b transition-colors duration-200"> class="border-surface-200-800 bg-surface-50-900 text-surface-950 hover:bg-surface-100-900 dark:bg-surface-900 dark:text-surface-50 border-b transition-colors duration-200">
<td <td
class="px-3 py-2 whitespace-nowrap"> class="px-3 py-2 whitespace-nowrap">
{new Date( {new Date(
@@ -1085,8 +1085,8 @@ function export_json() {
</thead> </thead>
<tbody> <tbody>
{#each meeting.real_participants as participant (participant.displayName)} {#each meeting.real_participants as participant (participant.displayName)}
<tr <tr
class="border-surface-200-800 hover:bg-surface-100-900 border-b transition-colors duration-200"> class="border-surface-200-800 bg-surface-50-900 text-surface-950 hover:bg-surface-100-900 dark:bg-surface-900 dark:text-surface-50 border-b transition-colors duration-200">
<td class="py-1" <td class="py-1"
>{participant.displayName}</td> >{participant.displayName}</td>
<td class="py-1" <td class="py-1"