From 0f9bb69b18fbe484d96fac283a86987d2abfca9d Mon Sep 17 00:00:00 2001 From: afterhours247 <85026477+afterhours247@users.noreply.github.com> Date: Wed, 22 Jul 2026 05:24:51 +0800 Subject: [PATCH] style: bootstrap the premium v2 theme --- app/layout.tsx | 34 +++++++++++++++++++++++++--------- 1 file changed, 25 insertions(+), 9 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index 869ebe5..79e6f4b 100755 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,10 +1,26 @@ import type { Metadata, Viewport } from 'next' import { Inter } from 'next/font/google' import './globals.css' +import './v2.css' import { Providers } from './providers' import Script from 'next/script' -const inter = Inter({ subsets: ['latin'], variable: '--font-inter' }) +const inter = Inter({ subsets: ['latin'], variable: '--font-inter', display: 'swap' }) + +const themeBootstrap = ` +(function () { + try { + var preference = localStorage.getItem('theme') || 'system'; + var dark = preference === 'dark' || (preference === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches); + var root = document.documentElement; + root.classList.remove('light', 'dark'); + root.classList.add(dark ? 'dark' : 'light'); + root.style.colorScheme = dark ? 'dark' : 'light'; + } catch (_) { + document.documentElement.classList.add('dark'); + document.documentElement.style.colorScheme = 'dark'; + } +})();` export const metadata: Metadata = { title: { @@ -46,10 +62,10 @@ export const metadata: Metadata = { export const viewport: Viewport = { themeColor: [ - { media: '(prefers-color-scheme: light)', color: '#ffffff' }, - { media: '(prefers-color-scheme: dark)', color: '#0a0e14' }, + { media: '(prefers-color-scheme: light)', color: '#f8fafc' }, + { media: '(prefers-color-scheme: dark)', color: '#090d16' }, ], - colorScheme: 'dark', + colorScheme: 'dark light', width: 'device-width', initialScale: 1, maximumScale: 5, @@ -61,16 +77,16 @@ export default function RootLayout({ return ( +