Skip to content

Commit 17cf301

Browse files
devanshi14malhotradevanshi14malhotra
committed
fix: add dark mode css to landing page and ensure theme toggle and community links exist on all headers
1 parent 4aea3f4 commit 17cf301

11 files changed

Lines changed: 95 additions & 0 deletions

‎frontend/css/landing.css‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1860,3 +1860,34 @@ body.is-leaving {
18601860
.contributors-panel { padding: 0.85rem; border-radius: 22px; }
18611861
.contributors-grid-view { grid-template-columns: 1fr; }
18621862
}
1863+
1864+
1865+
/* Dark Theme Overrides */
1866+
html[data-theme='night'] {
1867+
--landing-bg: #1a1512;
1868+
--landing-surface: rgba(44, 36, 32, 0.72);
1869+
--landing-surface-strong: rgba(44, 36, 32, 0.86);
1870+
--landing-border: rgba(212, 175, 55, 0.12);
1871+
--landing-border-light: rgba(212, 175, 55, 0.08);
1872+
--landing-ink: #f0e6d2;
1873+
--landing-muted: rgba(240, 230, 210, 0.6);
1874+
--landing-rose: #b87a7a;
1875+
--landing-sage: #758b7a;
1876+
--landing-slate: #7f96a0;
1877+
--landing-gold: #d4af37;
1878+
--landing-wood: #4a3b32;
1879+
--landing-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
1880+
--landing-shadow-strong: 0 12px 40px rgba(0, 0, 0, 0.3);
1881+
}
1882+
1883+
html[data-theme='night'] body.landing-page {
1884+
background:
1885+
radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 28%),
1886+
radial-gradient(circle at 82% 16%, rgba(212, 175, 55, 0.06), transparent 26%),
1887+
radial-gradient(circle at 12% 78%, rgba(127, 150, 160, 0.08), transparent 24%),
1888+
linear-gradient(180deg, #161210 0%, #1a1512 44%, #1e1815 100%);
1889+
}
1890+
1891+
html[data-theme='night'] .landing-header {
1892+
background: rgba(26, 21, 18, 0.92);
1893+
}

‎frontend/pages/404.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,11 @@
4141
<a href="library.html" >My Library</a>
4242
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
4343
</div>
44+
<div class="tooltip">
45+
<a href="community-stories.html">Community</a>
46+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
47+
</div>
48+
4449
<div class="tooltip">
4550
<a href="chat.html" >Chat</a>
4651
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>
@@ -51,6 +56,10 @@
5156
<span class="tooltip-text" id="navAuthTooltip"><i class="fa-solid fa-key"></i> Access account</span>
5257
</div>
5358
</nav>
59+
<!-- Dark Mode Toggle Button -->
60+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
61+
<i class="fa-solid fa-moon"></i>
62+
</button>
5463
</div>
5564
</header>
5665

‎frontend/pages/app.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,10 @@
132132
<span class="tooltip-text" id="navAuthTooltip"><i class="fa-solid fa-key"></i> Access account</span>
133133
</div>
134134
</nav>
135+
<!-- Dark Mode Toggle Button -->
136+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
137+
<i class="fa-solid fa-moon"></i>
138+
</button>
135139
</div>
136140
</header>
137141

‎frontend/pages/chat.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -326,6 +326,11 @@
326326
<a href="library.html" >My Library</a>
327327
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
328328
</div>
329+
<div class="tooltip">
330+
<a href="community-stories.html">Community</a>
331+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
332+
</div>
333+
329334
<div class="tooltip">
330335
<a href="chat.html" class="active">Chat</a>
331336
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>

‎frontend/pages/contributing.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,10 @@
3333
<a href="#pull-requests">Pull Requests</a>
3434
<a href="#style">Style</a>
3535
</nav>
36+
<!-- Dark Mode Toggle Button -->
37+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
38+
<i class="fa-solid fa-moon"></i>
39+
</button>
3640
<div class="landing-header-actions">
3741
<a class="btn-ghost app-link" href="index.html"><i class="fa-solid fa-arrow-left"></i> Back to landing</a>
3842
</div>

‎frontend/pages/contributors.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,11 @@
3838
<a href="library.html">My Library</a>
3939
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
4040
</div>
41+
<div class="tooltip">
42+
<a href="community-stories.html">Community</a>
43+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
44+
</div>
45+
4146
<div class="tooltip">
4247
<a href="chat.html">Chat</a>
4348
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>
@@ -47,6 +52,10 @@
4752
<span class="tooltip-text"><i class="fa-solid fa-key"></i> Access account</span>
4853
</div>
4954
</nav>
55+
<!-- Dark Mode Toggle Button -->
56+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
57+
<i class="fa-solid fa-moon"></i>
58+
</button>
5059
</div>
5160
</header>
5261

‎frontend/pages/library.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,11 @@
7474
<a href="library.html" class="active">My Library</a>
7575
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
7676
</div>
77+
<div class="tooltip">
78+
<a href="community-stories.html">Community</a>
79+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
80+
</div>
81+
7782
<div class="tooltip">
7883
<a href="chat.html" >Chat</a>
7984
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>

‎frontend/pages/privacy-policy.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
<a href="library.html" >My Library</a>
4444
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
4545
</div>
46+
<div class="tooltip">
47+
<a href="community-stories.html">Community</a>
48+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
49+
</div>
50+
4651
<div class="tooltip">
4752
<a href="chat.html" >Chat</a>
4853
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>
@@ -53,6 +58,10 @@
5358
<span class="tooltip-text" id="navAuthTooltip"><i class="fa-solid fa-key"></i> Access account</span>
5459
</div>
5560
</nav>
61+
<!-- Dark Mode Toggle Button -->
62+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
63+
<i class="fa-solid fa-moon"></i>
64+
</button>
5665
</div>
5766
</header>
5867

‎frontend/pages/profile.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,11 @@
5555
<a href="library.html" >My Library</a>
5656
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
5757
</div>
58+
<div class="tooltip">
59+
<a href="community-stories.html">Community</a>
60+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
61+
</div>
62+
5863
<div class="tooltip">
5964
<a href="chat.html" >Chat</a>
6065
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>

‎frontend/pages/terms-and-conditions.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
<a href="library.html" >My Library</a>
4444
<span class="tooltip-text"><i class="fa-solid fa-book"></i> My Library</span>
4545
</div>
46+
<div class="tooltip">
47+
<a href="community-stories.html">Community</a>
48+
<span class="tooltip-text"><i class="fa-solid fa-pen-nib"></i> Community Stories</span>
49+
</div>
50+
4651
<div class="tooltip">
4752
<a href="chat.html" >Chat</a>
4853
<span class="tooltip-text"><i class="fa-solid fa-comments"></i> Chat</span>
@@ -53,6 +58,10 @@
5358
<span class="tooltip-text" id="navAuthTooltip"><i class="fa-solid fa-key"></i> Access account</span>
5459
</div>
5560
</nav>
61+
<!-- Dark Mode Toggle Button -->
62+
<button id="themeToggle" class="btn-icon" title="Toggle Theme">
63+
<i class="fa-solid fa-moon"></i>
64+
</button>
5665
</div>
5766
</header>
5867

0 commit comments

Comments
 (0)