Skip to content

Commit

Permalink
use dark colored background on scrollbars by changing body's bg color
Browse files Browse the repository at this point in the history
  • Loading branch information
holybaechu committed Feb 27, 2024
1 parent a8aefc8 commit c02c22e
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 4 deletions.
2 changes: 1 addition & 1 deletion src/app.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
%sveltekit.head%
</head>

<body data-sveltekit-preload-data="hover">
<body data-sveltekit-preload-data="hover" class="bg-bg-dark text-white">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
7 changes: 4 additions & 3 deletions src/routes/+layout.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,13 @@
import "../app.css";
</script>

<div class="bg-bg-dark text-white">
<div>
<Header />

<main class="min-h-screen">
<main class="min-h-screen overflow-scroll scrollbar">
<slot />
</main>

<Footer />
</div>
</div>

0 comments on commit c02c22e

Please sign in to comment.