From d4b43ef07870f0b0bc3ca622915b57a61cf6bf84 Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Mon, 7 Apr 2025 23:17:48 +0200
Subject: [PATCH] Fix some of the colors to use brand colors

---
 src/servala/static/css/servala.css | 45 ++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/servala/static/css/servala.css b/src/servala/static/css/servala.css
index 20cd960..47cd2ee 100644
--- a/src/servala/static/css/servala.css
+++ b/src/servala/static/css/servala.css
@@ -1,3 +1,48 @@
+:root, html[data-bs-theme="dark"]:root {
+    --bs-primary: #9A63EC;
+    --bs-link-color: var(--bs-primary);
+    --bs-link-color-rgb: 154, 99, 236;
+    --bs-link-hover-color-rgb: 154, 99, 236;
+    --brand-black: #333333;
+    --brand-mid: #C4ACE0;
+    --brand-light: #FCEAFF;
+    --brand-success: #64BAAA;
+}
+.dropdown-menu, html[data-bs-theme="dark"] .dropdown-menu {
+    --bs-dropdown-link-active-bg: var(--bs-primary);
+}
+.layout-horizontal .main-navbar {
+    background-color: var(--bs-primary);
+}
+html[data-bs-theme="dark"] .btn-primary, .btn-primary {
+    --bs-btn-bg: var(--bs-primary);
+    --bs-btn-border-color: var(--bs-primary);
+    --bs-btn-hover-bg: var(--bs-primary);
+    --bs-btn-hover-border-color: var(--bs-primary);
+    --bs-btn-active-bg: var(--bs-primary);
+    --bs-btn-active-border-color: var(--bs-primary);
+    --bs-btn-disabled-bg: var(--bs-primary);
+    --bs-btn-disabled-border-color: var(--bs-primary);
+}
+.btn.btn-light-primary {
+    background-color: var(--brand-light);
+    color: var(--bs-primary);
+}
+html[data-bs-theme="dark"] .btn.btn-light-primary {
+    background-color: var(--brand-light);
+}
+html[data-bs-theme="dark"] .btn-outline-primary, .btn-outline-primary {
+    --bs-btn-color: var(--bs-primary);
+    --bs-btn-border-color: var(--bs-primary);
+    --bs-btn-hover-bg: var(--bs-primary);
+    --bs-hover-border-color: var(--bs-primary);
+    --bs-btn-active-bg: var(--bs-primary);
+    --bs-btn-active-border-color: var(--bs-primary);
+    --bs-btn-disabled-color: var(--bs-primary);
+    --bs-btn-disabled-color: var(--bs-primary);
+    --bs-btn-disabled-border-color: var(--bs-primary);
+}
+
 .header-top-left {
     display: flex;
     align-items: baseline;