first commit

resources/js/pages/settings/Appearance.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+    import { edit as editAppearance } from '@/routes/appearance';
+
+    export const layout = {
+        breadcrumbs: [
+            {
+                title: 'Appearance settings',
+                href: editAppearance(),
+            },
+        ],
+    };
+</script>
+
+<script lang="ts">
+    import AppearanceTabs from '@/components/AppearanceTabs.svelte';
+    import AppHead from '@/components/AppHead.svelte';
+    import Heading from '@/components/Heading.svelte';
+</script>
+
+<AppHead title="Appearance settings" />
+
+<h1 class="sr-only">Appearance settings</h1>
+
+<div class="space-y-6">
+    <Heading
+        variant="small"
+        title="Appearance settings"
+        description="Update your account's appearance settings"
+    />
+    <AppearanceTabs />
+</div>