From efe278cd0844d4820bd703652242c41779925f4f Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Mon, 18 Nov 2024 22:59:47 -0800
Subject: [PATCH] ui: Update custom button styles for Bootstrap 5

- Use CSS variables instead of overwritten style.

- Fix some missing styles for btn-default.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
---
 static/themes/default/css/main.css | 48 +++++++++++++++---------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index 72530145d..8179a3ba0 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -89,35 +89,35 @@ h6:not(:first-child) {
     box-shadow: none;
 }
 
-/* Primary color changed in bootstrap 4 */
+/* Primary color changed in bootstrap 4, we want colors closer to FreedomBox
+   colors */
 .btn-primary {
-    background-color: #337ab7;
-    border-color: #2e6da4;
-}
-
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary:focus,
-.btn-primary:disabled,
-.btn-primary.disabled,
-.btn-primary[disabled] {
-    background-color: #286090;
-    border-color: #204d74;
+    --bs-btn-bg: #337ab7; /* Originally: #0d6efd */
+    --bs-btn-border-color: #2e6da4; /* Originally: #0d6efd */
+    --bs-btn-hover-bg: #286090; /* Originally: #0b5ed7 */
+    --bs-btn-hover-border-color: #204d74; /* Originally: #0a58ca */
+    --bs-btn-active-bg: #286090; /* Originally: #0a58ca */
+    --bs-btn-active-border-color: #204d74; /* Originally: #0a53be */
+    --bs-btn-disabled-bg: #286090; /* Originally: #0d6efd */
+    --bs-btn-disabled-border-color: #204d74; /* Originally: #0d6efd */
 }
 
 /* Default style removed in bootstrap 4 */
 .btn-default {
-    color: #333;
-    background-color: #fff;
-    border-color: #ccc;
-}
-
-.btn-default:hover,
-.btn-default:focus,
-.btn-default:active {
-    color: #333;
-    background-color: #e6e6e6;
-    border-color: #adadad;
+    --bs-btn-color: #333;
+    --bs-btn-bg: #fff;
+    --bs-btn-border-color: #ccc;
+    --bs-btn-hover-color: #333;
+    --bs-btn-hover-bg: #e6e6e6;
+    --bs-btn-hover-border-color: #adadad;
+    --bs-btn-focus-shadow-rgb: 192, 192, 192;
+    --bs-btn-active-color: #333;
+    --bs-btn-active-bg: #e6e6e6;
+    --bs-btn-active-border-color: #adadad;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #333;
+    --bs-btn-disabled-bg: #e6e6e6;
+    --bs-btn-disabled-border-color: #adadad;
 }
 
 /* Help block removed from bootstrap 4, needs updated django-bootstrap-from */