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 */
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;
}