franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes web to only dark mode compatability

Browse Source
This commit is contained in:
fgrreloaded
2025-03-03 22:38:20 +05:30
parent 0d1a5c6a53
commit 54d63823bb
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/(home)/layout.tsx
View File

@@ -10,7 +10,7 @@ export const metadata: Metadata = {
export default function Layout({ children }: { children: ReactNode }) {
return (
<main className="relative z-10 min-h-svh bg-zinc-50 dark:bg-slate-950 transition-colors duration-300 overflow-hidden">
<main className="relative z-10 min-h-svh bg-zinc-50 dark:bg-slate-950 transition-colors duration-300 overflow-hidden dark">
<Navbar />
{children}
<Footer />

2
apps/web/src/app/global.css
View File

@@ -4,6 +4,8 @@
@source '../../../../node_modules/fumadocs-ui/dist/**/*.js';
@custom-variant dark (&:where(.dark, .dark *));
.bg-noise {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");
}