From 09763ffbe75ad9ddb1e860764dbd7627e066bbd4 Mon Sep 17 00:00:00 2001 From: SindreKjelsrud Date: Sat, 7 Sep 2024 16:41:06 +0200 Subject: [PATCH] :lipstick: update lightmode link & hover Signed-off-by: SindreKjelsrud --- README.md | 6 +++--- src/components/Footer.astro | 14 +++++++------- src/styles/global.css | 6 +++--- 3 files changed, 13 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index db94e7e..842bf70 100644 --- a/README.md +++ b/README.md @@ -34,9 +34,9 @@ The webpage offers a variety of features including a blog, bookmarks, ways to re | Dark Olive Green Text | ![#2E4033](https://via.placeholder.com/10/2E4033?text=+) `#2E4033` | | Sage Green Secondary Text | ![#5F7A6D](https://via.placeholder.com/10/5F7A6D?text=+) `#5F7A6D` | | Mint Green Accents | ![#88A597](https://via.placeholder.com/10/88A597?text=+) `#88A597` | -| Mint Green Accents (for hover states) | ![#88A597](https://via.placeholder.com/10/88A597?text=+) `#88A597` | -| Darker Moss Green Links | ![#3B6656](https://via.placeholder.com/10/3B6656?text=+) `#3B6656` | -| Light Mint Blockquote | ![#CCE3CC](https://via.placeholder.com/10/CCE3CC?text=+) `#CCE3CC` | +| Dark Mint Green | ![#789085](https://via.placeholder.com/10/789085?text=+) `#789085` | +| Spring Green | ![#00CC6A](https://via.placeholder.com/10/00CC6A?text=+) `#00CC6A` | +| Light Mint | ![#CCE3CC](https://via.placeholder.com/10/CCE3CC?text=+) `#CCE3CC` | ### Dark mode diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 1770f5a..a9bd2a5 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -10,8 +10,8 @@ const today = new Date(); const updateSvgForTheme = () => { const currentTheme = document.documentElement.classList.contains("dark") ? "dark" : "light"; - const strokeColor = currentTheme === "dark" ? "#89b4fa" : "#3B6656"; - const hoverColor = currentTheme === "dark" ? "#b4c0f4" : "#88A597"; + const strokeColor = currentTheme === "dark" ? "#89b4fa" : "#00CC6A"; + const hoverColor = currentTheme === "dark" ? "#b4c0f4" : "#789085"; const addHoverEffect = (svg, strokeOrFill) => { const paths = svg.querySelectorAll("path"); @@ -55,15 +55,15 @@ const today = new Date();
+ d="M9.29183 21V18.4407L9.3255 16.6219C9.36595 16.0561 9.58639 15.5228 9.94907 15.11C9.95438 15.1039 9.95972 15.0979 9.9651 15.0919C9.9791 15.0763 9.96988 15.0511 9.94907 15.0485V15.0485C7.52554 14.746 5.0005 13.7227 5.0005 9.26749C4.9847 8.17021 5.3427 7.10648 6.00437 6.27215C6.02752 6.24297 6.05103 6.21406 6.07492 6.18545V6.18545C6.10601 6.1482 6.11618 6.09772 6.10194 6.05134C6.10107 6.04853 6.10021 6.04571 6.09935 6.04289C6.0832 5.9899 6.06804 5.93666 6.05388 5.88321C5.81065 4.96474 5.86295 3.98363 6.20527 3.09818C6.20779 3.09164 6.21034 3.08511 6.2129 3.07858C6.22568 3.04599 6.25251 3.02108 6.28698 3.01493V3.01493C6.50189 2.97661 7.37036 2.92534 9.03298 4.07346C9.08473 4.10919 9.13724 4.14609 9.19053 4.18418V4.18418C9.22901 4.21168 9.27794 4.22011 9.32344 4.20716C9.32487 4.20675 9.32631 4.20634 9.32774 4.20593C9.41699 4.18056 9.50648 4.15649 9.59617 4.1337C11.1766 3.73226 12.8234 3.73226 14.4038 4.1337C14.4889 4.1553 14.5737 4.17807 14.6584 4.20199C14.6602 4.20252 14.6621 4.20304 14.6639 4.20356C14.7174 4.21872 14.7749 4.20882 14.8202 4.17653V4.17653C14.8698 4.14114 14.9187 4.10679 14.967 4.07346C16.6257 2.92776 17.4894 2.9764 17.7053 3.01469V3.01469C17.7404 3.02092 17.7678 3.04628 17.781 3.07946C17.7827 3.08373 17.7843 3.08799 17.786 3.09226C18.1341 3.97811 18.1894 4.96214 17.946 5.88321C17.9315 5.93811 17.9159 5.9928 17.8993 6.04723V6.04723C17.8843 6.09618 17.8951 6.14942 17.9278 6.18875C17.9289 6.18998 17.9299 6.19121 17.9309 6.19245C17.9528 6.21877 17.9744 6.24534 17.9956 6.27215C18.6573 7.10648 19.0153 8.17021 18.9995 9.26749C18.9995 13.747 16.4565 14.7435 14.0214 15.015V15.015C14.0073 15.0165 14.001 15.0334 14.0105 15.0439C14.0141 15.0479 14.0178 15.0519 14.0214 15.0559C14.2671 15.3296 14.4577 15.6544 14.5811 16.0103C14.7101 16.3824 14.7626 16.7797 14.7351 17.1754V21" stroke="#00CC6A" stroke-width="2" stroke-linecap="round"stroke-linejoin="round">
- + - + @@ -79,7 +79,7 @@ const today = new Date(); @@ -90,7 +90,7 @@ const today = new Date();
- + diff --git a/src/styles/global.css b/src/styles/global.css index c6a4f3a..855cc49 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -3,9 +3,9 @@ --light-1: #2E4033; /* Dark Olive Green Text */ --light-2: #5F7A6D; /* Sage Green Secondary Text */ --light-3: #88A597; /* Mint Green Accents */ - --light-hover: #88A597; /* Mint Green Accents (for hover states) */ - --light-link: #3B6656; /* Darker Moss Green Links */ - --light-blockquote: #CCE3CC; /* Light Mint Blockquote */ + --light-hover: #789085; /* Darker Moss Green */ + --light-link: #00CC6A; /* Spring Green */ + --light-blockquote: #CCE3CC; /* Light Mint */ --dark-bg: #1e1e2e; /* Midnight Navy */ --dark-1: #cdd6f4; /* Lavender Mist */ --dark-2: #8f5cf4; /* Amethyst Glow */