3 changed files with 31 additions and 34 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@ -1,3 +1,27 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -3,7 +3,6 @@ import localFont from "next/font/local";
 import "./globals.css";
 import Header from "./components/section/Header";
 import Footer from "./components/section/Footer";
-import { NextUIProvider } from "@nextui-org/react";

 const geistSans = localFont({
  src: "./fonts/GeistVF.woff",
@ -17,8 +16,8 @@ const geistMono = localFont({
 });

 export const metadata: Metadata = {
-  title: "Сайт простого блога на NextJS",
-  description: "Клиентское приложения для простого блога",
+  title: "Create Next App",
+  description: "Generated by create next app",
 };

 export default function RootLayout({
@ -27,19 +26,13 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="ru">
+    <html lang="en">
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
-        <NextUIProvider>
-        <main className="text-foreground bg-background">
-          <Header/>
-          <article>
-            {children}
-          </article>
-          <Footer />
-          </main>
-        </NextUIProvider>
+        <Header/>
+        {children}
+        <Footer/>
      </body>
    </html>
  );
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@ -1,9 +1,7 @@
 import type { Config } from "tailwindcss";
-import {nextui} from "@nextui-org/react"

 const config: Config = {
  content: [
-    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
@ -16,24 +14,6 @@ const config: Config = {
      },
    },
  },
-  darkMode: "media",
-  plugins: [nextui({
-    prefix: 'nextui',
-    defaultTheme: 'dark',
-    themes: {
-      dark: {
-        colors: {
-          foreground: '#FBFBFB',
-          background: '#101010'
-        }
-      },
-      light: {
-        colors: {
-          foreground: '#101010',
-          background: '#FBFBFB'
-        }
-      }
-    }
-  })],
+  plugins: [],
 };
 export default config;