forked from
pds.ls/pdsls
atmosphere explorer
adjust contrast logs light theme
+6
-6
+6
-6
src/views/logs.tsx
+6
-6
src/views/logs.tsx
···
170
170
<div
171
171
classList={{
172
172
"grid grid-cols-[auto_1fr] gap-y-0.5 gap-x-2": true,
173
-
"opacity-60": diff.orig.nullified,
173
+
"opacity-70": diff.orig.nullified,
174
174
}}
175
175
>
176
176
<div class={`${icon} iconify shrink-0 self-center`} />
···
184
184
{title}
185
185
</p>
186
186
<Show when={badge}>
187
-
<span class="shrink-0 rounded bg-neutral-200 px-1.5 py-0.5 text-xs font-medium dark:bg-neutral-700">
187
+
<span class="shrink-0 rounded bg-neutral-200 px-1.5 py-0.5 text-xs font-medium text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300">
188
188
#{badge}
189
189
</span>
190
190
</Show>
···
199
199
<div
200
200
classList={{
201
201
"text-sm break-all flex items-start gap-2 min-w-0": true,
202
-
"text-green-500 dark:text-green-300": isAddition,
203
-
"text-red-400 dark:text-red-300": isRemoval,
202
+
"text-green-700 dark:text-green-300": isAddition,
203
+
"text-red-700 dark:text-red-300": isRemoval,
204
204
"text-neutral-600 dark:text-neutral-400": !isAddition && !isRemoval,
205
205
}}
206
206
>
···
216
216
<Show when={oldValue && newValue}>
217
217
<div></div>
218
218
<div class="flex min-w-0 flex-col text-sm">
219
-
<div class="flex items-start gap-2 text-red-400 dark:text-red-300">
219
+
<div class="flex items-start gap-2 text-red-700 dark:text-red-300">
220
220
<span class="shrink-0">−</span>
221
221
<span class="break-all">{oldValue}</span>
222
222
</div>
223
-
<div class="flex items-start gap-2 text-green-500 dark:text-green-300">
223
+
<div class="flex items-start gap-2 text-green-700 dark:text-green-300">
224
224
<span class="shrink-0">+</span>
225
225
<span class="break-all">{newValue}</span>
226
226
</div>