From 389c724fe07e9c124c079220fecb839a127ff46a Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Fri, 10 Feb 2023 02:36:23 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20add=20invertable=20image=20?=
 =?UTF-8?q?shortcode=20Useful=20to=20invert=20diagrams,=20graphs,=20etc.?=
 =?UTF-8?q?=20in=20dark=20theme.=20To=20use=20it=20in=20a=20markdown=20fil?=
 =?UTF-8?q?e,=20add=20a=20line=20like:=20{{=20invertable=5Fimage(src=3D"/i?=
 =?UTF-8?q?mg.png",=20alt=3D"alt=20text")=20}}?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss                             | 6 +++++-
 templates/shortcodes/invertable_image.html | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 templates/shortcodes/invertable_image.html

diff --git a/sass/main.scss b/sass/main.scss
index 81185d9..f09325d 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -41,7 +41,6 @@
   --meta-color: rgb(53, 53, 53);
   --accent-color: #aacb73;
 }
-
 [data-theme='dark'] {
   --bg-0: #818181;
   --bg-1: rgba(133, 133, 133, 0.5);
@@ -60,7 +59,12 @@
   --input-color: #294797;
   --meta-color: rgb(198, 197, 197);
   --accent-color: #ff9a8c;
+
+  .invertable-image {
+    filter: invert(1);
+  }
 }
+
 html {
   background-color: var(--background-color);
   color: var(--text-color);
diff --git a/templates/shortcodes/invertable_image.html b/templates/shortcodes/invertable_image.html
new file mode 100644
index 0000000..0a02ac6
--- /dev/null
+++ b/templates/shortcodes/invertable_image.html
@@ -0,0 +1 @@
+<img class="invertable-image" {% if src %}src="{{ src }}"{% endif %} {% if alt %}alt="{{ alt }}"{% endif %}/>