app: 1.3.0-beta

Author: programming-with-ia

app/package.json

@@ -62,7 +62,7 @@
     "react-icons": "^5.3.0",
     "react-wrap-balancer": "^1.1.1",
     "recharts": "^2.12.7",
-    "shadcn-theme-editor": "^1.0.0",
+    "shadcn-theme-editor": "1.3.0-beta",
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.4.0",
     "tailwindcss-animate": "^1.0.7",

app/pnpm-lock.yaml

@@ -16,12 +16,12 @@
     35deg,
     transparent 60%,
     hsla(var(--primary) / 0.2) 100%
-    );
+  );
 }
 .gradient_body {
   background: var(--main-gradient);
   background-attachment: fixed;
-  @apply bg-background
+  @apply bg-background;
 }
 svg {
   shape-rendering: crispEdges;
@@ -80,13 +80,10 @@ svg rect {
   display: none !important;
 }
 #shadcn-theme-editor {
-  @apply w-fit
+  @apply w-fit;
 }
 div[role="dialog"] > #shadcn-theme-editor > aside {
-  @apply !flex flex-col !static !bg-transparent
-}
-#shadcn-theme-editor> aside  > :nth-last-child(2) {
-  @apply flex-1
+  @apply !flex flex-col !static !bg-transparent;
 }
 
 @layer base {
@@ -113,7 +110,8 @@ div[role="dialog"] > #shadcn-theme-editor > aside {
     --radius: 0.5rem;
   }
 
-  .dark, noname {
+  .dark,
+  noname {
     --background: 189 77% 5%;
     --foreground: 187 21% 75%;
     --muted: 189 12% 15%;
@@ -136,7 +134,6 @@ div[role="dialog"] > #shadcn-theme-editor > aside {
   }
 }
 
-
 @layer base {
   * {
     @apply border-border;

app/src/app/globals.css

@@ -9,8 +9,8 @@ import GithubCorner from "@/components/github-corner";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Shadcn Theme Editor",
+  description: "Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects.",
 };
 
 export default async function RootLayout({