+
{
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: {