style(App): add dark mode border color support

olegshulyakov · olegshulyakov · commit 54f29b22b8f2 · 2025-10-16T20:04:05.000+03:00
- Maintains visual consistency in dark mode
diff --git a/src/App.tsx b/src/App.tsx
@@ -55,7 +55,7 @@ const AppLayout: FC = () => {
       <div className="drawer-content flex flex-col w-full h-screen px-1 md:px-2 bg-base-300">
         <Header />
         <main
-          className="grow flex flex-col overflow-auto bg-base-100 rounded-xl border-1 border-base-content/20 border-input inset-shadow-sm"
+          className="grow flex flex-col overflow-auto bg-base-100 rounded-xl border-1 border-base-content/20 dark:border-base-content/10 border-input inset-shadow-sm"
           id="main-scroll"
         >
           <Outlet />

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ const AppLayout: FC = () => {`
`55`	`55`	`<div className="drawer-content flex flex-col w-full h-screen px-1 md:px-2 bg-base-300">`
`56`	`56`	`<Header />`
`57`	`57`	`<main`
`58`		`- className="grow flex flex-col overflow-auto bg-base-100 rounded-xl border-1 border-base-content/20 border-input inset-shadow-sm"`
	`58`	`+ className="grow flex flex-col overflow-auto bg-base-100 rounded-xl border-1 border-base-content/20 dark:border-base-content/10 border-input inset-shadow-sm"`
`59`	`59`	`id="main-scroll"`
`60`	`60`	`>`
`61`	`61`	`<Outlet />`