diff --git a/package-lock.json b/package-lock.json
index 1de433a9..b26a6d47 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,17 +1,17 @@
{
"name": "coryd.dev",
- "version": "2.0.2",
+ "version": "2.1.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
- "version": "2.0.2",
+ "version": "2.1.0",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.6.0",
"@cdransf/select-pagination": "^1.3.1",
- "@cdransf/theme-toggle": "^3.0.0",
+ "@cdransf/theme-toggle": "^3.1.0",
"@daviddarnes/mastodon-post": "^1.3.0",
"http-proxy-middleware": "3.0.3",
"minisearch": "^7.1.0",
@@ -391,9 +391,9 @@
"license": "MIT"
},
"node_modules/@cdransf/theme-toggle": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-3.0.0.tgz",
- "integrity": "sha512-e7QdXP9nq2L3oTNdOoUwMncrkJ0neXE+oEG80J/hzX5wLkEKS1afOOePNbHTRTRnTAf2X3ongsXAMftezHw9Eg==",
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/@cdransf/theme-toggle/-/theme-toggle-3.1.0.tgz",
+ "integrity": "sha512-uNX0cVc9M9u7p5o8Kl1hGGDtS/6gvuoGgJCQ5NWW4AwV+/bASBLOPZnlr2MH8K5UhYgakYAkTld/ex3fxj/VGQ==",
"license": "MIT"
},
"node_modules/@daviddarnes/mastodon-post": {
diff --git a/package.json b/package.json
index 6da805b1..07f00f65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "coryd.dev",
- "version": "2.0.2",
+ "version": "2.1.0",
"description": "The source for my personal site. Built using 11ty (and other tools).",
"type": "module",
"engines": {
@@ -28,7 +28,7 @@
"dependencies": {
"@cdransf/api-text": "^1.6.0",
"@cdransf/select-pagination": "^1.3.1",
- "@cdransf/theme-toggle": "^3.0.0",
+ "@cdransf/theme-toggle": "^3.1.0",
"@daviddarnes/mastodon-post": "^1.3.0",
"http-proxy-middleware": "3.0.3",
"minisearch": "^7.1.0",
diff --git a/src/assets/styles/components/theme-toggle.css b/src/assets/styles/components/theme-toggle.css
index 4707fbd1..3b3e8478 100644
--- a/src/assets/styles/components/theme-toggle.css
+++ b/src/assets/styles/components/theme-toggle.css
@@ -28,6 +28,23 @@ theme-toggle {
stroke: var(--moon);
}
+ & > .auto svg {
+ & path:nth-of-type(3) {
+ stroke: var(--moon);
+ }
+
+ & path:nth-of-type(2),
+ & path:nth-of-type(4),
+ & path:nth-of-type(5),
+ & path:nth-of-type(6) {
+ stroke: var(--sun);
+ }
+
+ & path:nth-of-type(7) {
+ stroke: var(--twilight);
+ }
+ }
+
.light,
.dark {
display: none;
diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css
index af5a3fcf..728a65cb 100644
--- a/src/assets/styles/defaults/vars.css
+++ b/src/assets/styles/defaults/vars.css
@@ -51,6 +51,7 @@
--moon: #6a5acd;
--sun: #ffa500;
+ --twilight: #9e7485;
--article: light-dark(#007272, #00ffff);
--about: light-dark(#e4513a, #ff967d);
diff --git a/src/includes/nav/theme-toggle.liquid b/src/includes/nav/theme-toggle.liquid
index 85b86200..6129d02f 100644
--- a/src/includes/nav/theme-toggle.liquid
+++ b/src/includes/nav/theme-toggle.liquid
@@ -1,7 +1,10 @@
-
-