Skip to content

Commit

Permalink
chore: prep
Browse files Browse the repository at this point in the history
  • Loading branch information
stipsan committed Nov 21, 2024
1 parent c38627a commit ba3ba70
Show file tree
Hide file tree
Showing 5 changed files with 39 additions and 44 deletions.
3 changes: 2 additions & 1 deletion next-canary/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,8 @@
"groq": "^3.64.2",
"next": "canary",
"react": "rc",
"react-dom": "rc"
"react-dom": "rc",
"use-effect-event": "^1.0.2"
},
"devDependencies": {
"@types/node": "^20",
Expand Down
22 changes: 8 additions & 14 deletions next-canary/src/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,14 @@
@tailwind components;
@tailwind utilities;

:root {
--background: #ffffff;
--foreground: #171717;
@property --theme-text {
syntax: '<color>';
inherits: true;
initial-value: #000;
}

@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}

body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
@property --theme-background {
syntax: '<color>';
inherits: true;
initial-value: #fff;
}
29 changes: 8 additions & 21 deletions next-canary/src/app/layout.tsx
Original file line number Diff line number Diff line change
@@ -1,34 +1,21 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";

const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});

const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
import type {Metadata} from 'next'
import './globals.css'

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
title: 'Create Next App',
description: 'Generated by create next app',
}

export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
children: React.ReactNode
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<body className="bg-theme text-theme transition-colors duration-1000 ease-in-out">
{children}
</body>
</html>
);
)
}
26 changes: 18 additions & 8 deletions next-canary/tailwind.config.ts
Original file line number Diff line number Diff line change
@@ -1,18 +1,28 @@
import type { Config } from "tailwindcss";
import type {Config} from 'tailwindcss'

export default {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
background: "var(--background)",
foreground: "var(--foreground)",
backgroundColor: {
'theme': 'var(--theme-background,#fff)',
'theme-button': 'var(--theme-text,#fff)',
},
textColor: {
'theme': 'var(--theme-text,#000)',
'theme-button': 'var(--theme-background,#fff)',
},
ringColor: {
theme: 'var(--theme-text,#000)',
},
ringOffsetColor: {
theme: 'var(--theme-background,#fff)',
},
},
},
plugins: [],
} satisfies Config;
} satisfies Config
3 changes: 3 additions & 0 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit ba3ba70

Please sign in to comment.