diff --git a/src/app.html b/src/app.html index 954fdcc..8be746b 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + diff --git a/src/components/misc/musicselectionmodal.svelte b/src/components/misc/musicselectionmodal.svelte index fcef1c1..874f78a 100644 --- a/src/components/misc/musicselectionmodal.svelte +++ b/src/components/misc/musicselectionmodal.svelte @@ -37,8 +37,8 @@ }} class="h-screen w-screen bg-opacity-60 bg-black fixed top-0 left-0 z-10 py-20 " > -
-
+
+
{ showMusicMan = true; @@ -51,7 +51,7 @@ on:click={() => { setSong(v); }} - class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md" + class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 dark:bg-gray-600 p-2 rounded-md" > {v.musicArtist} - {v.musicTitle} @@ -65,7 +65,7 @@ musicUrl: '/assets/music/MUUUSIC-MAN!.opus' }); }} - class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md" + class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 dark:bg-gray-600 p-2 rounded-md" > MUSIC MAN!! diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 4f64173..ab5c894 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -2,7 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme') /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{html,js,svelte,ts}'], -// darkMode: 'class', + darkMode: 'class', theme: { extend: { colors: {