feat: support user color scheme preferences

Microflash · Jul 23, 2024 · 38e9308 · 38e9308
1 parent 7a6da61
commit 38e9308
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 17 deletions.
diff --git a/banner.png b/banner.png
diff --git a/dist/preset.css b/dist/preset.css
@@ -1,4 +1,4 @@
-/*! Preset v4.0.3 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.1.0 | MIT License | https://github.com/Microflash/preset */
 *, :before, :after {
   box-sizing: border-box;
 }
@@ -16,6 +16,7 @@
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
+  color-scheme: light dark;
   hanging-punctuation: first last;
   block-size: 100%;
 }

diff --git a/dist/preset.min.css b/dist/preset.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@microflash/preset",
-	"version": "4.0.3",
+	"version": "4.1.0",
 	"description": "A modern CSS preset",
 	"keywords": [
 		"css",
@@ -27,9 +27,9 @@
 	},
 	"devDependencies": {
 		"lightningcss-cli": "^1.25.1",
-		"sass": "^1.77.6"
+		"sass": "^1.77.8"
 	},
-	"packageManager": "pnpm@9.5.0",
+	"packageManager": "pnpm@9.6.0",
 	"browserslist": [
 		"defaults"
 	]

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/preset.css b/src/preset.css
@@ -1,4 +1,4 @@
-/*! Preset v4.0.3 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.1.0 | MIT License | https://github.com/Microflash/preset */
 *, ::before, ::after {
   box-sizing: border-box;
 }
@@ -15,6 +15,7 @@
 :where(html) {
   block-size: 100%;
   text-size-adjust: 100%;
+  color-scheme: light dark;
   hanging-punctuation: first last;
 }
 @media (prefers-reduced-motion: no-preference), (update: fast) {

diff --git a/src/preset.scss b/src/preset.scss
@@ -1,4 +1,4 @@
-/*! Preset v4.0.3 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.1.0 | MIT License | https://github.com/Microflash/preset */
 
 // sets the default value of `box-sizing` from `content-box` to `border-box`
 // so that `inline-size` is not affected by `padding` or `border`
@@ -25,6 +25,8 @@
 	block-size: 100%;
 	// prevents adjustments of `font-size` after orientation changes
 	text-size-adjust: 100%;
+	// opt into user's color scheme preferences
+	color-scheme: light dark;
 	// keeps hanging punctuation outside the line box (supported in Safari for now)
 	hanging-punctuation: first last;