From 76c7c8104645b10ecb69a388126bd5d86557fd89 Mon Sep 17 00:00:00 2001 From: Nicholas <91276870+NicholasCloud4@users.noreply.github.com> Date: Thu, 28 Aug 2025 16:28:15 -0400 Subject: [PATCH] Updated the logo on the home and invoice page when user selects dark mode. --- index.html | 118 ++++++----- invoice.html | 583 ++++++++++++++++++++++++++------------------------- script.js | 18 +- 3 files changed, 369 insertions(+), 350 deletions(-) diff --git a/index.html b/index.html index 5908a52..32a41b9 100644 --- a/index.html +++ b/index.html @@ -1,63 +1,67 @@ - - - - GenInvoice - - - - - - -
- -
- - - -
-
-
-

create professional

-

- INVOICES -

-

for free

- -
+ + + + +
+

create professional

+

+ INVOICES +

+

for free

+ +
+ + + + - - - \ No newline at end of file diff --git a/invoice.html b/invoice.html index 3a1ab04..ba86a6c 100644 --- a/invoice.html +++ b/invoice.html @@ -1,321 +1,328 @@ - - - - Create Invoice - - - - - - - -
- -
- - -
-
-
-

Create Invoice

- -
-
-
-

Invoice Form

-
+ + + + Create Invoice + + + + + + -
-

Company Information

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-
+ +
+ +
+ + +
+
-
-

Client Information

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
+
+

Create Invoice

+ +
+
+
+

Invoice Form

+
+ +
+

Company Information

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
-
-

Additional Comment

-
- - +
+

Client Information

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
-
-
-
- - -
-
- - -
-
+
+

Additional Comment

+
+ +
+
-
-

Invoice Items

-
- - - - - - - - - - - - - - - - - - - -
DescriptionUnit PriceQuantityTotal Price
+
+
+
+ + +
+
+ +
- - - -
-
+
-
-
-

Invoice Preview

+
+

Invoice Items

+
+ + + + + + + + + + + + + + + + + + + +
DescriptionUnit PriceQuantityTotal Price
- -
-
-
-
[Company Name]
-
[Street Address]
-
[City, ST ZIP Code]
-
Phone: [Phone]
-
Email: [Email]
-
-
Bank: [Bank Name]
-
Account: [Account No.]
-
IFSC/SWIFT: [IFSC/SWIFT]
-
Holder: [Holder Name]
-
+ + + + +
+
+ +
+
+

Invoice Preview

+
+ +
+
+
+
[Company Name]
+
[Street Address]
+
[City, ST ZIP Code]
+
Phone: [Phone]
+
Email: [Email]
+
+
Bank: [Bank Name]
+
Account: [Account No.]
+
IFSC/SWIFT: [IFSC/SWIFT]
+
Holder: [Holder Name]
+
+
+
+
+
-
-
- +
+
+ +
-
-
- - -
-
- - -
+
+ +
+
-
-

TO:

-
[Client Name]
-
[Client Company]
-
[Client Address]
-
[City, ZIP]
-
Phone: [Phone]
-
Email: [Email]
-
+
+

TO:

+
[Client Name]
+
[Client Company]
+
[Client Address]
+
[City, ZIP]
+
Phone: [Phone]
+
Email: [Email]
+
-
-

Comments:

-
[Any special instructions or comments]
-
+
+

Comments:

+
[Any special instructions or comments]
+
-
-

Invoice Items

- - - - - - - - - - - -
DescriptionUnit PriceQtyTotal
-
+
+

Invoice Items

+ + + + + + + + + + + +
DescriptionUnit PriceQtyTotal
+
-
-
- Subtotal: - $0.00 -
-
- Tax: - $0.00 -
-
- Total Due: - $0.00 -
+
+
+ Subtotal: + $0.00 +
+
+ Tax: + $0.00
+
+ Total Due: + $0.00 +
+
-
-
-

Make all checks payable to [Company Name]

-
-
-

If you have any questions concerning this invoice, contact

-

[Phone]

-

[Email]

-
-
-

THANK YOU FOR YOUR BUSINESS!

-
+
+
+

Make all checks payable to [Company Name]

+
+
+

If you have any questions concerning this invoice, contact

+

[Phone]

+

[Email]

+
+
+

THANK YOU FOR YOUR BUSINESS!

-
-
- -
- -
+
+
+
+ +
+
+
+ + + - - \ No newline at end of file diff --git a/script.js b/script.js index 3d17618..aeaf0be 100644 --- a/script.js +++ b/script.js @@ -12,7 +12,7 @@ function getThemeElements() { themeToggleBtn: document.getElementById("theme-toggle"), moonIcon: document.querySelector(".moon-icon"), sunIcon: document.querySelector(".sun-icon"), - body: document.body + body: document.body }; } @@ -30,12 +30,19 @@ function applySavedTheme() { if (!themeToggleBtn || !moonIcon || !sunIcon || !body) return; const isDark = savedTheme === "dark"; - body.classList.toggle("dark-theme", isDark); - toggleThemeIcons(moonIcon, sunIcon, isDark); + body.classList.toggle("dark-theme", isDark); + toggleThemeIcons(moonIcon, sunIcon, isDark); +} + +function updateLogo(isDark) { + const logo = document.getElementById("logoImage"); + if (!logo) return; + + logo.src = isDark ? "gilogo.png" : "gil.png"; } function initializeEventListeners() { - const { themeToggleBtn, moonIcon, sunIcon, body } = getThemeElements(); + const { themeToggleBtn, moonIcon, sunIcon, body } = getThemeElements(); // Attach click listener to the theme toggle button. if (themeToggleBtn && moonIcon && sunIcon && body) { @@ -48,7 +55,8 @@ function initializeEventListeners() { } catch (e) { console.warn("Failed to save theme preference:", e); } - toggleThemeIcons(moonIcon, sunIcon, isDark); + toggleThemeIcons(moonIcon, sunIcon, isDark); + updateLogo(isDark); }); }