From d7cd3adc0eee4b00b722b8e990794af652444923 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sun, 23 Nov 2025 17:38:13 +0000
Subject: [PATCH] 9

---
 assets/css/custom.css | 67 +++++++++++++++++++++++--------------------
 1 file changed, 36 insertions(+), 31 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 42cac91..d6bb99c 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,6 +1,6 @@
 /* General Body Styles */
 body {
-    background-color: #013617; /* Dark green background */
+    background-color: #142E35; /* Dark green background */
     color: #ffffff; /* White text */
     font-family: 'Poppins', sans-serif;
     padding-top: 40px; /* Make space for garland */
@@ -28,8 +28,8 @@ body::before {
     width: 110%;
     height: 20px;
     background:
-        radial-gradient(circle, #FF3E1F 4px, transparent 5px),
-        radial-gradient(circle, #013617 4px, transparent 5px),
+        radial-gradient(circle, #C83434 4px, transparent 5px),
+        radial-gradient(circle, #142E35 4px, transparent 5px),
         radial-gradient(circle, #FFAFCA 4px, transparent 5px),
         radial-gradient(circle, #ffff24 4px, transparent 5px),
         radial-gradient(circle, #ff24ff 4px, transparent 5px);
@@ -49,7 +49,7 @@ body::before {
 
 /* Navbar */
 .navbar {
-    background-color: rgba(1, 54, 23, 0.8) !important; /* Semi-transparent dark green */
+    background-color: rgba(20, 46, 53, 0.8) !important; /* Semi-transparent dark green */
     backdrop-filter: blur(10px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
@@ -93,8 +93,8 @@ body::before {
 
 .form-control:focus {
     background-color: rgba(0, 0, 0, 0.3);
-    border-color: #FF3E1F; /* Coral red accent */
-    box-shadow: 0 0 0 0.25rem rgba(255, 62, 31, 0.25);
+    border-color: #C83434; /* Coral red accent */
+    box-shadow: 0 0 0 0.25rem rgba(200, 52, 52, 0.25);
     color: #ffffff;
 }
 
@@ -103,19 +103,19 @@ body::before {
 }
 
 /* Buttons */
-.btn-primary {
-    background-color: #FF3E1F; /* Coral red */
-    border-color: #FF3E1F;
+.btn-primary, .btn-danger {
+    background-color: #C83434 !important; /* Coral red */
+    border-color: #C83434 !important;
     font-weight: 600;
     padding: 12px 30px;
     transition: all 0.3s ease;
 }
 
-.btn-primary:hover {
-    background-color: #E6381A;
-    border-color: #E6381A;
+.btn-primary:hover, .btn-danger:hover {
+    background-color: #a02929 !important;
+    border-color: #a02929 !important;
     transform: translateY(-2px);
-    box-shadow: 0 4px 15px rgba(255, 62, 31, 0.2);
+    box-shadow: 0 4px 15px rgba(200, 52, 52, 0.2);
 }
 
 .btn-outline-secondary {
@@ -163,22 +163,22 @@ body::before {
 }
 
 /* Custom scrollbar for webkit browsers */
-#recipe-cards-container::-webkit-scrollbar, #shopping-list-container::-webkit-scrollbar {
+::-webkit-scrollbar {
     width: 8px;
 }
 
-#recipe-cards-container::-webkit-scrollbar-track, #shopping-list-container::-webkit-scrollbar-track {
+::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0.2);
     border-radius: 4px;
 }
 
-#recipe-cards-container::-webkit-scrollbar-thumb, #shopping-list-container::-webkit-scrollbar-thumb {
-    background: rgba(255, 62, 31, 0.5); /* Coral red, semi-transparent */
+::-webkit-scrollbar-thumb {
+    background: #0a1a1f; /* Even darker green */
     border-radius: 4px;
 }
 
-#recipe-cards-container::-webkit-scrollbar-thumb:hover, #shopping-list-container::-webkit-scrollbar-thumb:hover {
-    background: #FF3E1F; /* Coral red */
+::-webkit-scrollbar-thumb:hover {
+    background: #10242B; /* Slightly lighter than thumb */
 }
 
 /* Footer */
@@ -247,19 +247,19 @@ animation: fall linear infinite;
 }
 
 /* Custom Checkbox Styles */
-.form-check-input {
+.form-.form-check-input {
     background-color: transparent;
     border: 1px solid #ffffff;
 }
 
 .form-check-input:checked {
-    background-color: #FF3E1F;
-    border-color: #FF3E1F;
+    background-color: #C83434;
+    border-color: #C83434;
 }
 
 .form-check-input:focus {
-    border-color: #FF3E1F;
-    box-shadow: 0 0 0 0.25rem rgba(255, 62, 31, 0.25);
+    border-color: #C83434;
+    box-shadow: 0 0 0 0.25rem rgba(200, 52, 52, 0.25);
 }
 
 @media print {
@@ -297,12 +297,12 @@ animation: fall linear infinite;
 }
 
 .bg-custom-green {
-    background-color: #013617 !important;
+    background-color: #142E35 !important;
 }
 
 /* Modal Styles */
 #recipe-form-modal .modal-content, #add-product-modal .modal-content, #confirmRemoveModal .modal-content {
-    background-color: #013617;
+    background-color: #142E35;
     color: white;
 }
 
@@ -315,8 +315,8 @@ animation: fall linear infinite;
 }
 
 #category-filters .btn.active {
-    background-color: #012a10;
-    border-color: #012a10;
+    background-color: #142E35;
+    border-color: #142E35;
     color: white;
 }
 
@@ -329,7 +329,7 @@ animation: fall linear infinite;
     position: absolute;
     top: 10px;
     right: 10px;
-    background-color: #013617;
+    background-color: #142E35;
     color: white;
     padding: 5px 10px;
     border-radius: 5px;
@@ -359,14 +359,19 @@ animation: fall linear infinite;
     outline: none !important;
     box-shadow: none !important;
     color: white;
-    background-color: #013617; /* Very dark green */
+    background-color: #142E35; /* Very dark green */
     transition: background-color 0.2s ease;
 }
 
 .btn-quantity-modifier:hover {
-    background-color: #025c27; /* Slightly lighter on hover */
+    background-color: #1e3c46; /* Slightly lighter on hover */
 }
 
 .quantity-controls .quantity {
     margin: 0 10px;
 }
+
+/* Make delete recipe button same height as edit button */
+.card .btn.delete-recipe {
+    padding: .25rem .5rem;
+}