hematite 0.0.9 → 0.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3d623b260279dabc636598983bebf15e547d963ead82e21b5e8357572597bb48
-  data.tar.gz: 00bba21df3b38ea1db9bf57d631b3ce2da97c5f077c0680831550192cc4c58d7
+  metadata.gz: 1c347dece80da3456bf6c8cd42bc6daafc81212dd102ab9fffb664b4c49799e4
+  data.tar.gz: 6218c2a7ee4243942111a7a3e7dce23bfe1be5c96304a1fc671e044f16ab4906
 SHA512:
-  metadata.gz: 51bc1b4fbea55a7bf316d03ac9c291c3f233ab7e91fe163dd3412f23518e3f4b247c3aeafd0cc1b72bb941ec3f721b90dc949bed6cfb3572ee8a4b6ae5fff182
-  data.tar.gz: fe620903b815435c84c0a2d45b3edb1ca10c9d2727eb129ca24c0837b55adbf5fc384086feb0228b164084616419048fec8df8c62138ad976d4a8db990a1d79b
+  metadata.gz: cdadf907f31e447adbf62dcd7dd849d56418de2a7ba975d9460d5248494065ff4ab5ad12355c60f4858928e9a7e1099434140e14e970a471bf2aa25664cf4aca
+  data.tar.gz: '093443b534ad09677b988852815e543e027060407de67399ca46b1006e28b174ecaaaf3181d52e87750bbcadf20ed928d2bc71fb77a01f3d32276ac0a1f51f61'

data/_sass/_elements.scss

@@ -149,3 +149,31 @@ a.settings-btn {
         border: 1px solid var(--line-color-light);
     }
 }
+
+// Invert while trying to preserve color hue.
+@mixin img-invert {
+    filter: invert(1) hue-rotate(180deg);
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not(.lightTheme) main img.auto-invert {
+        @include img-invert;
+    }
+}
+
+:root.darkTheme main img.auto-invert {
+    @include img-invert;
+}
+
+// Users can `include' this to invert images automatically in dark mode.
+@mixin auto-invert-images {
+    @media (prefers-color-scheme: dark) {
+        :root:not(.lightTheme) main img:not(.no-invert) {
+            @include img-invert;
+        }
+    }
+
+    :root.darkTheme main img:not(.no-invert) {
+        @include img-invert;
+    }
+}

data/assets/style.scss

@@ -6,10 +6,6 @@ styles: true
 @import "hematite";
 
 {% if site.hematite.auto_invert_imgs %}
-// Auto-invert images in dark mode!
-@media (prefers-color-scheme: dark) {
-    main img:not(.no-invert) {
-        filter: invert(1) hue-rotate(180deg);
-    }
-}
+// In dark mode, invert the brightness of images
+@include auto-invert-images;
 {% endif %}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: hematite
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.0.10
 platform: ruby
 authors:
 - Henry Heino