chore: change color action

2026-07-24 04:51:51 +00:00 · 2024-10-09 06:42:38 +02:00
parent e843ef6ffc
commit fe27a32dcb
5 changed files with 27 additions and 28 deletions
@@ -39,7 +39,7 @@ export default function RootLayout({
      <body
        suppressHydrationWarning
        className={cn(
-          "min-h-screen bg-background font-sans antialiased",
+          "min-h-screen bg-background font-sans antialiased dark:bg-prowler-theme-midnight",
          fontSans.variable,
        )}
      >
@@ -8,7 +8,7 @@ export const buttonClasses = {
  base: "px-4 inline-flex items-center justify-center relative z-0 text-center whitespace-nowrap",
  primary: "bg-default-100 hover:bg-default-200 text-default-800",
  secondary: "bg-prowler-grey-light dark:bg-prowler-grey-medium text-white",
-  action: "text-white bg-prowler-grey-medium dark:bg-prowler-grey-medium",
+  action: "bg-prowler-theme-green font-bold text-prowler-theme-midnight",
  dashed:
    "border border-default border-dashed bg-transparent  justify-center whitespace-nowrap font-medium shadow-sm hover:border-solid hover:bg-default-100 active:bg-default-200 active:border-solid",
  transparent: "border-0 border-transparent bg-transparent",
@@ -51,28 +51,30 @@ export const SidebarWrap = () => {
        },
      )}
    >
-      <div
-        className={clsx(
-          "flex w-full flex-col items-center justify-center gap-y-4 px-3",
-          {
-            "gap-0": isCompact,
-          },
-        )}
-      >
+      <div className="flex flex-col gap-y-8">
        <div
-          className={clsx({
-            hidden: !isCompact,
-          })}
+          className={clsx(
+            "flex w-full flex-col items-center justify-center gap-y-8 px-3",
+            {
+              "gap-0": isCompact,
+            },
+          )}
        >
-          <ProwlerShort />
-        </div>
-        <div
-          className={clsx({
-            hidden: isCompact,
-            "!mt-0": !isCompact,
-          })}
-        >
-          <ProwlerExtended />
+          <div
+            className={clsx({
+              hidden: !isCompact,
+            })}
+          >
+            <ProwlerShort />
+          </div>
+          <div
+            className={clsx({
+              hidden: isCompact,
+              "!mt-0": !isCompact,
+            })}
+          >
+            <ProwlerExtended />
+          </div>
        </div>
        <Link href={"/profile"}>
          <Suspense fallback={<p>Loading...</p>}>
@@ -83,7 +85,6 @@ export const SidebarWrap = () => {
            />
          </Suspense>
        </Link>
-
        <div
          className={clsx({
            hidden: isCompact,
@@ -163,9 +163,7 @@ const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(
                  }}
                  title={
                    item.icon ? (
-                      <div
-                        className={"flex h-11 items-center gap-2 px-2 py-1.5"}
-                      >
+                      <div className={"flex items-center gap-2 px-2 py-1.5"}>
                        <Icon
                          className={clsx(
                            "text-default-500 group-data-[selected=true]:text-foreground",
@@ -282,7 +280,7 @@ const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(
        itemClasses={{
          ...itemClasses,
          base: clsx(
-            "px-3 min-h-11 rounded-large h-[44px] data-[selected=true]:bg-default-100",
+            "px-3 rounded-large data-[selected=true]:bg-default-100",
            itemClasses?.base,
          ),
          title: clsx(
@@ -83,7 +83,7 @@ module.exports = {
          },
        },
        danger: "#E11D48",
-        action: "#353a4d",
+        action: "#6af400",
      },
      fontFamily: {
        sans: ["var(--font-sans)"],