theme: Fix some dark mode button colors

This commit is contained in:
Bjørn Erik Pedersen committed 2025-05-05 19:22:18 +02:00
1 parent 10a7cedba2
commit 2e92172677
1 file changed
+3 -3
@@ -36,10 +36,10 @@
</div>
<div class="mt-8 text-sm">
<kbd
class="rounded-sm text-lg outline-1 outline-gray-300 bg-gray-100 shadow-sm px-2 py-1"
class="rounded-sm text-lg outline-1 outline-gray-300 dark:outline-gray-600 bg-gray-100 dark:bg-gray-700 shadow-sm px-2 py-1"
>←</kbd
><kbd
class="ml-2 mr-1 text-lg rounded-sm outline-1 outline-gray-300 bg-gray-100 shadow-sm px-2 py-1"
class="ml-2 mr-1 rounded-sm text-lg outline-1 outline-gray-300 dark:outline-gray-600 bg-gray-100 dark:bg-gray-700 shadow-sm px-2 py-1"
>→</kbd
>
to navigate
@@ -170,7 +170,7 @@ dark:hover:text-blue-200 dark:text-blue-200">
x-show="$store.nav.scroll.atTop"
@keydown.left.window.prevent="if(prev) { document.location.href = prev; }"
@keydown.right.window.prevent="if(next) { document.location.href = next; }">
{{ $classes := "ml-6 fixed mb-6 flex items-center justify-center rounded-md bg-white/80 dark:bg-dark px-3.5 py-2.5 text-sm font-semibold text-black dark:text-white outline-solid outline-gray-300 dark:outline-gray-800 shadow-xs hover:bg-gray-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400" }}
{{ $classes := "ml-6 fixed mb-6 flex items-center justify-center rounded-md bg-white/80 dark:bg-dark px-3.5 py-2.5 text-sm font-semibold text-black dark:text-white outline-solid outline-gray-300 dark:outline-gray-800 shadow-xs hover:bg-gray-50 dark:hover:bg-gray-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400" }}
{{ with $prev }}
<a href="{{ . }}" class="bottom-0 {{ $classes }}">
<svg