Mirrors/headscale-ui
1
0
Fork 0
mirror of https://github.com/gurucomputing/headscale-ui.git synced 2026-01-23 02:34:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix daisy ui

Browse source
This commit is contained in:
Chris Bisset 2025-03-23 02:15:43 +00:00
parent 7128a2e417
commit 17bc224c0d
3 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app.css
View file

@ -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);
}
}

2
src/lib/components/common/classes.svelte
View file

@ -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

2
src/lib/components/settings/theme-settings.svelte
View file

@ -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>