admin/35604-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

9

Browse Source
This commit is contained in:
Flatlogic Bot 2025-11-23 17:38:13 +00:00
parent 60e4e3f87d
commit d7cd3adc0e
1 changed files with 36 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
assets/css/custom.css
View File

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