Skip to content

📦 fixed light/dark toggle switch #574

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
vishu786-vb wants to merge 7 commits into
base: main
Choose a base branch
from
+12 −209
Open

📦 fixed light/dark toggle switch #574

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
e4d1f8b
📦 [Theme Add] fixed light/dark toggle switch
vishu786-vb Jul 13, 2026
5a0f7d3
Merge branch 'main' into my-feature-branch
vishu786-vb Jul 15, 2026
d76ce61
Delete css/style.css
vishu786-vb Jul 15, 2026
766ff19
Delete js/theme.js
vishu786-vb Jul 15, 2026
759eaea
Add files via upload
vishu786-vb Jul 15, 2026
3f07cb0
Add files via upload
vishu786-vb Jul 15, 2026
b1f4741
Delete js/style.css
vishu786-vb Jul 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 0 additions & 10 deletions cart.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -263,16 +263,6 @@ <h3>Contact Us</h3>
window.cartManager.subscribe(renderCart);
</script>

<!-- Optional scripts -->
<script src="js/accessibility.js"></script>
<script src="js/geolocation.js"></script>
<script src="js/sanitization.js"></script>
<script src="js/loyalty.js"></script>
<script src="js/translations.js"></script>
<script src="js/i18n.js"></script>
<script src="js/main.js"></script>
<script src="js/auth.js"></script>
<script src="js/delivery-tracker.js"></script>

</body>
</html>
203 changes: 12 additions & 191 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,21 +23,11 @@
body {
font-family: 'Poppins', sans-serif;
background: #fff8f0;
color: var(--text-color, #3e3e3e);
color: #3e3e3e;
line-height: 1.6;
font-size: 16px;
overflow-x: hidden;
}
:root {
--primary: #bf360c;
--secondary: #fff3e0;
--accent: #ff5722;
--card-bg: #ffffff;
--section-bg: #fff3e0;
--text-color: #3e2723;
--button-bg: #ff7b54;
--button-hover: #e64a19;
}
a {
text-decoration: none;
color: inherit;
Expand Down Expand Up @@ -737,132 +727,18 @@
user-select: none;
}

.festival-banner {
display: none;
padding: 2rem 0;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: #ffffff;
overflow: hidden;
}
.festival-banner-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
padding: 1.5rem 0;
}
.festival-banner-copy {
max-width: 620px;
}
.festival-chip {
display: inline-block;
background: rgba(255,255,255,0.22);
color: #fff;
padding: 0.55rem 1rem;
border-radius: 999px;
font-weight: 700;
letter-spacing: 0.04em;
margin-bottom: 1rem;
}
.festival-banner-copy h2 {
font-size: clamp(2rem, 3vw, 3rem);
margin-bottom: 0.75rem;
color: #fff;
}
.festival-banner-copy p {
font-size: 1.05rem;
line-height: 1.8;
max-width: 620px;
color: rgba(255,255,255,0.92);
}
.festival-banner-image img {
width: min(100%, 320px);
border-radius: 24px;
box-shadow: 0 20px 45px rgba(0,0,0,0.18);
border: 4px solid rgba(255,255,255,0.18);
}

/* ===== Specials & Menu Section ===== */
section.specials,
section.menu,
section.recently-viewed,
section.state-explorer {
section.recently-viewed {
padding: 4rem 1rem 5rem;
background: var(--section-bg);
}

.state-explorer {
background: linear-gradient(180deg, #fff7ed 0%, #fff3e0 100%);
}

.state-scroll-wrapper {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(3, auto);
grid-auto-columns: minmax(220px, 1fr);
gap: 1rem;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
padding-bottom: 0.35rem;
scrollbar-width: none;
}

.state-scroll-wrapper::-webkit-scrollbar {
display: none;
}

.state-card {
display: flex;
flex-direction: column;
width: 220px;
min-height: 220px;
border: 1px solid #ffe0b2;
border-radius: 18px;
overflow: hidden;
background: #fff;
box-shadow: 0 10px 28px rgb(191 54 12 / 0.12);
cursor: pointer;
text-align: left;
transition: transform 0.25s ease, box-shadow 0.25s ease;
padding: 0;
color: inherit;
}

.state-card:hover,
.state-card:focus-visible {
transform: translateY(-4px) scale(1.02);
box-shadow: 0 16px 32px rgb(191 54 12 / 0.18);
outline: none;
}

.state-card img {
width: 100%;
height: 130px;
object-fit: cover;
border-radius: 0;
margin-bottom: 0;
}

.state-card p {
padding: 0.9rem 1rem 1rem;
margin: 0;
font-weight: 700;
color: #3e2723;
line-height: 1.35;
}

.state-card span {
display: block;
font-size: 0.92rem;
color: #795548;
padding: 0 1rem 1rem;
background: #fff3e0;
}
.section-title {
text-align: center;
font-size: 2.8rem;
font-weight: 700;
color: var(--primary);
color: #bf360c;
margin-bottom: 2.5rem;
user-select: none;
}
Expand All @@ -882,7 +758,7 @@
margin-top: 2rem;
}
.card {
background: var(--card-bg);
background: white;
border-radius: 20px;
box-shadow: 0 8px 30px rgb(0 0 0 / 0.12);
width: 260px;
Expand All @@ -905,20 +781,6 @@
color: white;
border: none;
}
.card.festival-featured {
border: 2px solid var(--accent);
box-shadow: 0 18px 40px rgba(255,87,34,0.15);
}
.festival-badge {
display: inline-block;
background: rgba(255,255,255,0.95);
color: var(--accent);
border-radius: 999px;
font-weight: 700;
padding: 0.35rem 0.75rem;
font-size: 0.8rem;
margin-bottom: 0.75rem;
}
.card img {
border-radius: 15px;
width: 250px;
Expand Down Expand Up @@ -976,8 +838,8 @@
}
.filter-btn {
background: #fff3e0;
border: 2px solid var(--accent);
color: var(--accent);
border: 2px solid #ff5722;
color: #ff5722;
padding: 0.6rem 1.8rem;
border-radius: 50px;
font-weight: 600;
Expand All @@ -986,9 +848,9 @@
}
.filter-btn.active,
.filter-btn:hover {
background: var(--accent);
background: #ff5722;
color: white;
box-shadow: 0 6px 20px rgba(255, 87, 34, 0.6);
box-shadow: 0 6px 20px rgb(255 87 34 / 0.6);
}

/* ===== Cart Sidebar ===== */
Expand Down Expand Up @@ -1775,12 +1637,6 @@

/*=====Team member layout Fix===*/

@media (max-width: 980px) {
.state-scroll-wrapper {
grid-auto-columns: minmax(190px, 72vw);
}
}

@media (max-width: 768px) {
.team-member {
min-width: 100%;
Expand Down Expand Up @@ -2755,8 +2611,8 @@ body.dark p{

/* Header & Navigation */
body.dark header {
background: #2c2c2c;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
/* Keep orange brand background — only deepen the shadow for dark mode depth */
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.55);
}
body.dark nav a {
color: #f5f5f5;
Expand Down Expand Up @@ -3104,27 +2960,7 @@ select:focus-visible {
}
}

/* Dark mode support for better contrast */
@media (prefers-color-scheme: light) {
body {
background: #1a1a1a;
color: #e0e0e0;
}

.card {
background: #2d2d2d;
}

.suggestion-item {
background: #2d2d2d;
color: #e0e0e0;
}

.suggestion-item.focused {
background: #bf360c;
color: #fff;
}
}
/* Note: theme switching is handled via body.dark class (see auth.js setupThemeToggle) */


/* Improve contrast of disabled buttons */
Expand Down Expand Up @@ -3886,19 +3722,4 @@ body.dark .hero-content p {
animation: none !important;
transition: none !important;
}
}
.menu-toggle-wrapper{
grid-column:1/-1;
display:flex;
justify-content:flex-end;
margin-top:20px;
}

.menu-toggle-btn{
padding:12px 25px;
border:none;
border-radius:40px;
background:#ff6b35;
color:white;
cursor:pointer;
}
8 changes: 0 additions & 8 deletions orders.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -411,14 +411,6 @@ <h4 class="checkout-section-title" style="margin-top: 1.25rem;">Have a promo cod
<script src="js/auth.js"></script>
<script src="js/live-tracking.js"></script>
<script src="js/delivery-tracker.js"></script>
<script src="js/geolocation.js"></script>
<script src="js/sanitization.js"></script>
<script src="js/loyalty.js"></script>
<script src="js/translations.js"></script>
<script src="js/i18n.js"></script>
<script src="js/live-tracking.js"></script>
<script src="js/main.js"></script>
<script src="js/auth.js"></script>

<script>
const params = new URLSearchParams(window.location.search);
Expand Down