소스 검색

Added dark mode

Efren Yevale Varela 1 개월 전
부모
커밋
2ea41bf5d9
3개의 변경된 파일4개의 추가작업 그리고 1개의 파일을 삭제
  1. 1 1
      src/app.html
  2. 1 0
      src/routes/+layout.svelte
  3. 2 0
      src/routes/+page.svelte

+ 1 - 1
src/app.html

@@ -18,7 +18,7 @@
 	</head>
 
 	<body
-		lass="bg-white dark:bg-gray-700"
+		class="bg-gray-300 dark:bg-gray-800"
 		data-sveltekit-preload-data="hover"
 	><div style="display: contents">%sveltekit.body%</div></body>
 </html>

+ 1 - 0
src/routes/+layout.svelte

@@ -4,6 +4,7 @@
 	import { locales, localizeHref } from '$lib/paraglide/runtime';
 	import './layout.css';
 	import favicon from '$lib/assets/favicon.svg';
+	import { DarkMode } from 'flowbite-svelte';
 
 	let { children } = $props();
 </script>

+ 2 - 0
src/routes/+page.svelte

@@ -3,6 +3,7 @@
     Alert,
     Button,
     ButtonGroup,
+    DarkMode,
   } from 'flowbite-svelte';
 
   import {
@@ -34,4 +35,5 @@
       </Button>
     {/each}
   </ButtonGroup>
+  <DarkMode/>
 </div>