From 93587a7502f36a3cc60694f62eb4de1d036b974c Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 22 Jul 2025 22:34:21 -0400
Subject: [PATCH] Add simple dark mode styling
---
landing/index.html | 5 +--
landing/simple-dark.css | 73 +++++++++++++++++++++++++++++++++++++++++
2 files changed, 76 insertions(+), 2 deletions(-)
create mode 100644 landing/simple-dark.css
diff --git a/landing/index.html b/landing/index.html
index 2814e2b..f9157b3 100644
--- a/landing/index.html
+++ b/landing/index.html
@@ -6,8 +6,9 @@
SeedPass - Secure Password Manager
-
-
+
+
+
diff --git a/landing/simple-dark.css b/landing/simple-dark.css
new file mode 100644
index 0000000..4c1e68c
--- /dev/null
+++ b/landing/simple-dark.css
@@ -0,0 +1,73 @@
+:root {
+ --bg-light: #ffffff;
+ --bg-dark: #121212;
+ --text-light: #000000;
+ --text-dark: #e0e0e0;
+ --accent: #e94a39;
+}
+
+body {
+ background-color: var(--bg-light);
+ color: var(--text-light);
+ font-family: 'Roboto', sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ transition: background-color 0.3s, color 0.3s;
+}
+
+body.dark-mode {
+ background-color: var(--bg-dark);
+ color: var(--text-dark);
+}
+
+header,
+.navbar,
+footer {
+ background-color: var(--bg-dark);
+ color: var(--text-dark);
+}
+
+body:not(.dark-mode) header,
+body:not(.dark-mode) .navbar,
+body:not(.dark-mode) footer {
+ background-color: var(--bg-light);
+ color: var(--text-light);
+}
+
+.navbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem 0.5rem;
+}
+
+.nav-links {
+ list-style: none;
+ display: flex;
+ gap: 1rem;
+ margin: 0;
+ padding: 0;
+}
+
+.nav-links a {
+ color: inherit;
+ text-decoration: none;
+}
+
+section {
+ padding: 2rem 0;
+}
+
+.container {
+ width: 90%;
+ max-width: 900px;
+ margin: auto;
+}
+
+.cta-button {
+ background-color: var(--accent);
+ color: #fff;
+ padding: 0.75rem 1.25rem;
+ border-radius: 4px;
+ text-decoration: none;
+}