diff --git a/app/globals.css b/app/globals.css
index c4c124d..fdc0205 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,6 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@config "../tailwind.config.ts";
+@import "tailwindcss";
body {
font-family: SF Pro Display, Geist;
@@ -12,6 +11,20 @@ body {
@layer base {
:root {
+ --ctp-base: 240 21.052631735801697% 14.901961386203766%; /* base */
+ --ctp-mantle: 240 21.311475336551666% 11.96078434586525%; /* mantle */
+ --ctp-crust: 240 23.404255509376526% 8.627450853586197%; /* crust */
+ --ctp-text: 226 63.93442749977112% 88.03921341896057%; /* text */
+ --ctp-subtext0: 227 23.076922595500946% 71.96078300476074%; /* subtext0 */
+ --ctp-subtext1: 227 35.29411852359772% 80.0000011920929%; /* subtext1 */
+ --ctp-surface0: 237 16.239316761493683% 22.94117659330368%; /* surface0 */
+ --ctp-surface1: 234 13.20754736661911% 31.176471710205078%; /* surface1 */
+ --ctp-surface2: 233 12.05937068939209% 39.607844948768616%; /* surface2 */
+ --ctp-blue: 217 91.86992049217224% 75.88235139846802%; /* blue */
+ --ctp-green: 115 54.09836173057556% 76.07843279838562%; /* green */
+ --ctp-yellow: 41 86.04651093482971% 83.13725590705872%; /* yellow */
+ --ctp-red: 343 81.25% 74.90196228027344%; /* red */
+
--background: 240 21.052631735801697% 14.901961386203766%; /* base */
--foreground: 226 63.93442749977112% 88.03921341896057%; /* text */
@@ -69,6 +82,44 @@ body {
}
}
+@theme {
+ --color-background: hsl(var(--background));
+ --color-foreground: hsl(var(--foreground));
+ --color-muted: hsl(var(--muted));
+ --color-muted-foreground: hsl(var(--muted-foreground));
+ --color-popover: hsl(var(--popover));
+ --color-popover-foreground: hsl(var(--popover-foreground));
+ --color-card: hsl(var(--card));
+ --color-card-foreground: hsl(var(--card-foreground));
+ --color-primary: hsl(var(--primary));
+ --color-primary-foreground: hsl(var(--primary-foreground));
+ --color-secondary: hsl(var(--secondary));
+ --color-secondary-foreground: hsl(var(--secondary-foreground));
+ --color-accent: hsl(var(--accent));
+ --color-accent-foreground: hsl(var(--accent-foreground));
+ --color-destructive: hsl(var(--destructive));
+ --color-destructive-foreground: hsl(var(--destructive-foreground));
+ --color-border: hsl(var(--border));
+ --color-input: hsl(var(--input));
+ --color-ring: hsl(var(--ring));
+ --color-chart-1: hsl(var(--chart-1));
+ --color-chart-2: hsl(var(--chart-2));
+ --color-chart-3: hsl(var(--chart-3));
+ --color-chart-4: hsl(var(--chart-4));
+ --color-chart-5: hsl(var(--chart-5));
+ --color-sidebar: hsl(var(--sidebar-background));
+ --color-sidebar-foreground: hsl(var(--sidebar-foreground));
+ --color-sidebar-primary: hsl(var(--sidebar-primary));
+ --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
+ --color-sidebar-accent: hsl(var(--sidebar-accent));
+ --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
+ --color-sidebar-border: hsl(var(--sidebar-border));
+ --color-sidebar-ring: hsl(var(--sidebar-ring));
+ --radius-lg: var(--radius);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-sm: calc(var(--radius) - 4px);
+}
+
@layer base {
* {
@apply border-border;
@@ -88,3 +139,6 @@ body {
scrollbar-width: 0;
}
}
+@utility border-border {
+ border-color: hsl(var(--border));
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 57f0ebd..280867c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -6,6 +6,8 @@ import { Toaster } from "@/components/ui/toaster";
import Image from "next/image";
import { QuickTopUI, QuickTopUILogoPart } from "@/components/site/QuickTopUI";
import { ReactQueryProvider } from "@/components/providers/ReactQueryProvider";
+import { GameLaunchProvider } from "@/components/providers/GameLaunchProvider";
+import { GameLaunchDialog } from "@/components/providers/GameLaunchDialog";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -18,8 +20,10 @@ const geistMono = Geist_Mono({
});
export const metadata: Metadata = {
- title: "home | ocbwoy3-chan's roblox",
- description: "roblox meets next.js i think"
+ title: "Home | Roblox",
+ description: "Roblox is a global platform that brings people together through play.",
+ authors: [{name: "Roblox Corporation"}],
+ keywords: ["free games", "online games", "building games", "virtual worlds", "free mmo", "gaming cloud", "physics engine"]
};
export default function RootLayout({
@@ -34,21 +38,24 @@ export default function RootLayout({
>
-
- {/* */}
-
-
-
- {children}
-
-
-
+
+
+ {/* */}
+
+
+
+ {children}
+
+
+
+
+