diff --git a/.github/workflows/default.yaml b/.github/workflows/default.yaml
index 5205f8a..3991fd3 100644
--- a/.github/workflows/default.yaml
+++ b/.github/workflows/default.yaml
@@ -63,6 +63,9 @@ jobs:
restore-keys: |
${{ runner.os }}-pnpm-store-
+ - name: Checkout LFS Files
+ run: git lfs pull
+
- name: Install, build, and upload your site output
run: pnpm i && pnpm build
diff --git a/src/components/ThemeToggle.svelte b/src/components/ThemeToggle.svelte
index 7ef2942..1e14f36 100644
--- a/src/components/ThemeToggle.svelte
+++ b/src/components/ThemeToggle.svelte
@@ -20,39 +20,36 @@
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c401658..8ff493d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -64,6 +64,11 @@ const { title, width = "compact" } = Astro.props;
--neutral-100: #d5d5d7;
--neutral-000: #f1f1f4;
--fill: #cb5a5a;
+
+ --border-radius-md: 20px;
+
+ --spacing-sm: 10px;
+ --spacing-md: 20px;
}
body {
@@ -74,16 +79,11 @@ const { title, width = "compact" } = Astro.props;
--text: var(--neutral-800);
--text-light: black;
- --border-radius-md: 20px;
-
- --spacing-sm: 10px;
- --spacing-md: 20px;
-
- background-color: var(--layer100);
+ background-color: var(--neutral-100);
transition: background-color 0.1s;
color: var(--text);
font-family: "Nunito Sans", sans-serif;
- background-color: var(--neutral-000);
+ background-color: var(--background-dark);
}
.dark body {
@@ -98,7 +98,15 @@ const { title, width = "compact" } = Astro.props;
--outline: var(--neutral-300);
--text: var(--neutral-100);
--text-light: white;
- background-color: var(--neutral-1000);
+ }
+
+ .dark .icon-tabler-sun,
+ .light .icon-tabler-moon {
+ display: none;
+ }
+ .dark .icon-tabler-moon,
+ .light .icon-tabler-sun {
+ display: block;
}