From e1ccbf205f3a706a911eeb1cab9921afb35703f6 Mon Sep 17 00:00:00 2001 From: deadvey Date: Tue, 8 Oct 2024 23:11:49 +0100 Subject: [PATCH] dark/light mode toggle --- README.md | 1 + README.md~ | 0 assets/moon.png | Bin 0 -> 6494 bytes assets/sun.png | Bin 0 -> 1656 bytes components/header.html | 23 +++++++++++++++-------- index.html | 3 ++- style.css | 20 ++++++++++++++++++++ 7 files changed, 38 insertions(+), 9 deletions(-) create mode 100644 README.md create mode 100644 README.md~ create mode 100644 assets/moon.png create mode 100644 assets/sun.png diff --git a/README.md b/README.md new file mode 100644 index 0000000..c5ce284 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +Javalsai's website https://javalsai.dynv6.net/ \ No newline at end of file diff --git a/README.md~ b/README.md~ new file mode 100644 index 0000000..e69de29 diff --git a/assets/moon.png b/assets/moon.png new file mode 100644 index 0000000000000000000000000000000000000000..16c1040e6b8a5fe4c591302ac0f47b54dbcad763 GIT binary patch literal 6494 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 ON-R%TKbLh*2~7Y=YX|87 literal 0 HcmV?d00001 diff --git a/components/header.html b/components/header.html index bea4378..c0a14af 100644 --- a/components/header.html +++ b/components/header.html @@ -1,10 +1,17 @@
- + +
diff --git a/index.html b/index.html index c635bcc..404dc14 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ - +
@@ -96,6 +96,7 @@ and no, no light mode, I have enough with this

+ diff --git a/style.css b/style.css index 64f267a..ff74633 100644 --- a/style.css +++ b/style.css @@ -21,6 +21,26 @@ body { color: var(--text); caret-color: var(--primary); } +.light-mode { + background-color: white; + color: black; + .theme-toggle-image { + content:url("/assets/moon.png"); + } + button { + background-color: white; + border: 0px; + margin: 0px + } +} +.theme-toggle-image { + content:url("/assets/sun.png"); +} +button { + background-color: black; + border: 0px; + margin: 0px +} *, *::before, *::after { transition: all .3s ease-out;