smueller/Mace-AIO-Discord-Bot---With-Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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.
Some checks failed
CI / Bot (Python) (push) Successful in 13s
Details
CI / Dashboard (Next.js) (push) Failing after 9s
Details

Browse Source
This commit is contained in:
TheOnlyMace
2026-07-21 21:24:28 +02:00
parent 698d61ec6d
commit 831a3ac8ea
18 changed files with 335 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
dashboard/app/globals.css
View File

@@ -2,20 +2,28 @@
@tailwind components;
@tailwind utilities;
/* HexaHost.de palette — Axiom product UI */
:root {
--background: #020617;
--foreground: #f8fafc;
--primary: #ef4444;
--primary-glow: rgba(239, 68, 68, 0.15);
--glass-bg: rgba(15, 23, 42, 0.6);
--glass-border: rgba(255, 255, 255, 0.05);
--glass-red-border: rgba(239, 68, 68, 0.2);
--background: #0d0821;
--foreground: #ffffff;
--primary: #ff51f9;
--primary-hover: #c31adf;
--primary-glow: rgba(255, 81, 249, 0.18);
--accent: #a348ff;
--accent-blue: #3978ff;
--accent-neon: #00cfff;
--highlight: #f093ff;
--neutral-light: #1a1230;
--text-secondary: #cfc9dd;
--glass-bg: rgba(255, 255, 255, 0.05);
--glass-border: rgba(255, 255, 255, 0.1);
--glass-primary-border: rgba(255, 81, 249, 0.25);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #020617;
--foreground: #f8fafc;
--background: #0d0821;
--foreground: #ffffff;
}
}
@@ -32,23 +40,23 @@ body {
}
::-webkit-scrollbar-track {
background: #020617;
background: #0d0821;
}
::-webkit-scrollbar-thumb {
background: #1e293b;
background: #1a1230;
border-radius: 10px;
border: 2px solid #020617;
border: 2px solid #0d0821;
}
::-webkit-scrollbar-thumb:hover {
background: #ef4444; /* Primary Red */
background: #ff51f9;
}
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #1e293b #020617;
scrollbar-color: #1a1230 #0d0821;
}
@layer utilities {
@@ -66,12 +74,14 @@ body {
@apply backdrop-blur-xl bg-white/[0.02] border border-white/[0.05];
}
.glass-red {
@apply backdrop-blur-xl bg-red-500/[0.02] border border-red-500/[0.1];
@apply backdrop-blur-xl border;
background: rgba(255, 81, 249, 0.03);
border-color: rgba(255, 81, 249, 0.12);
}
.liquid-glass {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
box-shadow: 0 8px 32px 0 rgba(255, 81, 249, 0.12);
}
}