diff --git a/src/app.css b/src/app.css
index fb50f32..202815e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,3 +4,21 @@
 }
 @plugin '@tailwindcss/typography';
 @plugin '@tailwindcss/container-queries';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
\ No newline at end of file
diff --git a/src/lib/components/common/classes.svelte b/src/lib/components/common/classes.svelte
index 782be3b..d4cef8a 100644
--- a/src/lib/components/common/classes.svelte
+++ b/src/lib/components/common/classes.svelte
@@ -2,7 +2,7 @@
 	import { SvelteMap } from 'svelte/reactivity';
 
 	export class PersistentAppSettingsObject {
-		daisyUITheme = ''; // for setting the UI theme. See https://daisyui.com/docs/themes/
+		daisyUITheme = 'winter'; // for setting the UI theme. See https://daisyui.com/docs/themes/
 		headscaleAPIKey = ''; // sensitive, allows for administrative access to headscale
 		headscaleURL = ''; // url for headscale to use
 		debugLogging = false; // to turn on additional messages
diff --git a/src/lib/components/settings/theme-settings.svelte b/src/lib/components/settings/theme-settings.svelte
index 0d78fad..2adf840 100644
--- a/src/lib/components/settings/theme-settings.svelte
+++ b/src/lib/components/settings/theme-settings.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import {persistentAppSettings } from '$lib/components/common/state.svelte';
-	let themeOptions = ['hsui', 'light', 'dark', 'cupcake', 'bumblebee', 'emerald', 'corporate', 'synthwave', 'retro', 'cyberpunk', 'valentine', 'halloween', 'garden', 'forest', 'aqua', 'lofi', 'pastel', 'fantasy', 'wireframe', 'black', 'luxury', 'dracula', 'cmyk', 'autumn', 'business', 'acid', 'lemonade', 'night', 'coffee', 'winter', 'dim', 'nord', 'sunset'];
+	let themeOptions = ['light', 'dark', 'cupcake', 'bumblebee', 'emerald', 'corporate', 'synthwave', 'retro', 'cyberpunk', 'valentine', 'halloween', 'garden', 'forest', 'aqua', 'lofi', 'pastel', 'fantasy', 'wireframe', 'black', 'luxury', 'dracula', 'cmyk', 'autumn', 'business', 'acid', 'lemonade', 'night', 'coffee', 'winter', 'dim', 'nord', 'sunset'];
 </script>
 
 <h1 class="bold mb-4 mt-4 text-xl text-primary">Application Theme</h1>