Merge pull request #9 from kinotio/develop

fix: global css apply layer base

Author: andostronaut

src/styles/globals.css

@@ -2,22 +2,8 @@
 @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;
+html {
+  scroll-behavior: smooth;
 }
 
 @layer base {
@@ -48,6 +34,7 @@ body {
     --chart-5: 27 87% 67%;
     --radius: 0.5rem;
   }
+
   .dark {
     --background: 0 0% 3.9%;
     --foreground: 0 0% 98%;
@@ -76,11 +63,16 @@ body {
   }
 }
 
+.shadow-light {
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.085);
+}
+
+.shadow-dark {
+  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.141);
+}
+
 @layer base {
   * {
     @apply border-border;
   }
-  body {
-    @apply bg-background text-foreground;
-  }
 }

theme.config.tsx

@@ -8,7 +8,6 @@ import { getCurrentYear } from '@/lib/utils'
 import { DATA } from '@/data'
 
 const config: DocsThemeConfig = {
-  darkMode: false,
   logo: function Logo() {
     return <KinotioLogo width={100} height={100} />
   },