Update dashboard styles and branding to reflect HexaHost theme. Change primary colors, background gradients, and text styles across various components. Enhance layout and navigation elements for improved user experience.

2026-07-21 21:24:28 +02:00
parent 698d61ec6d
commit 831a3ac8ea
18 changed files with 335 additions and 188 deletions
--- a/dashboard/components/brand-logo.tsx
+++ b/dashboard/components/brand-logo.tsx
@@ -0,0 +1,36 @@
+/**
+ * ╔══════════════════════════════════════════════════════════════════╗
+ * ║                                                                  ║
+ * ║                        +-+-+-+-+-+-+-+-+                         ║
+ * ║                        |H|e|x|a|H|o|s|t|                         ║
+ * ║                        +-+-+-+-+-+-+-+-+                         ║
+ * ║                                                                  ║
+ * ║              © 2026 HexaHost — All Rights Reserved               ║
+ * ║                                                                  ║
+ * ║             discord  ──  https://discord.gg/hexahost             ║
+ * ║        github   ──  https://github.com/theoneandonlymace         ║
+ * ║                                                                  ║
+ * ╚══════════════════════════════════════════════════════════════════╝
+ */
+import Image from "next/image";
+import { cn } from "@/lib/utils";
+
+type BrandLogoProps = {
+  className?: string;
+  size?: number;
+  priority?: boolean;
+};
+
+export function BrandLogo({ className, size = 40, priority = false }: BrandLogoProps) {
+  return (
+    <Image
+      src="/logo.svg"
+      alt={process.env.NEXT_PUBLIC_BRAND_NAME || "Axiom"}
+      width={size}
+      height={size}
+      priority={priority}
+      unoptimized
+      className={cn("shrink-0 select-none", className)}
+    />
+  );
+}