From 308753d2e51c4e1bb6ae597224d3858fd05a6c3a Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Sun, 14 Jul 2024 11:41:17 +0100
Subject: [PATCH] feat(*): Add pokedex theming

---
 src/app.html              | 2 +-
 src/routes/+layout.svelte | 8 ++++----
 tailwind.config.js        | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/app.html b/src/app.html
index 7ac9553..3da94a7 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-theme="dracula">
+<html lang="en" data-theme="pokeball">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4e97fee..46eb63a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -88,7 +88,7 @@
 </svelte:head>
 
 <header>
-	<div class="navbar bg-neutral">
+	<div class="navbar bg-primary text-primary-content">
 		<div class="navbar-start">
 			<div class="dropdown">
 				<div tabindex="0" role="button" class="btn btn-ghost btn-circle">
@@ -107,7 +107,7 @@
 					>
 				</div>
 				<ul
-					class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
+					class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-primary text-primary-content rounded-box w-52"
 				>
 					<li><a href="/about">About</a></li>
 					<li>
@@ -143,7 +143,7 @@
 				</div>
 				<ul
 					tabindex="-1"
-					class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box min-w-[13rem] w-auto"
+					class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-primary text-primary-content rounded-box min-w-[13rem] w-auto"
 				>
 					{#if localUser}
 						<li>
@@ -167,7 +167,7 @@
 	<slot />
 </main>
 
-<footer class="footer items-center p-4 bg-neutral text-neutral-content">
+<footer class="footer items-center p-4 bg-neutral text-neutral-content bottom-0">
 	<aside class="items-center grid-flow-col">
 		<a href="https://github.com/jcreek/LivingDexTracker" target="_blank">
 			<svg
diff --git a/tailwind.config.js b/tailwind.config.js
index fa67f4f..638bb10 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,9 +14,9 @@ export default {
 				pokeball: {
 					primary: '#ee1515',
 					'primary-content': '#ffffff',
-					secondary: '#3b82c4',
+					secondary: '#ffd700',
 					'secondary-content': '#ffffff',
-					accent: '#7e308e',
+					accent: '#3b82c4',
 					neutral: '#ffffff',
 					'base-100': '#f0f0f0',
 					'base-content': '#222224'
