george/bibdle
1
0
Fork 0
mirror of https://github.com/pupperpowell/bibdle.git synced 2026-04-06 01:43:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

added device-dependent dark mode

Browse Source
This commit is contained in:
George Powell
2026-02-26 07:27:30 -05:00
parent ad1774e6b0
commit 592fa917cd
11 changed files with 102 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/GuessesTable.svelte
View File

@@ -66,10 +66,10 @@
{#if !hasGuesses}
<Container class="p-6 text-center">
<h2 class="font-triodion text-xl italic mb-3 text-gray-800">
<h2 class="font-triodion text-xl italic mb-3 text-gray-800 dark:text-gray-100">
Instructions
</h2>
<p class="text-gray-700 leading-relaxed italic">
<p class="text-gray-700 dark:text-gray-300 leading-relaxed italic">
Guess what book of the bible you think the verse is from. You will
get clues to help you after each guess.
</p>
@@ -78,25 +78,25 @@
<div class="space-y-3">
<!-- Column Headers -->
<div
class="flex gap-2 justify-center mb-4 pb-2 border-b border-gray-400"
class="flex gap-2 justify-center mb-4 pb-2 border-b border-gray-400 dark:border-gray-600"
>
<div
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700"
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700 dark:text-gray-300"
>
Testament
</div>
<div
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700"
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700 dark:text-gray-300"
>
Section
</div>
<div
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700"
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700 dark:text-gray-300"
>
First Letter
</div>
<div
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700"
class="w-1/4 shrink-0 text-center text-sm font-bold text-gray-700 dark:text-gray-300"
>
Book
</div>