Merge pull request #24 from welpo/style/no-image-border

Style/no image border

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);
@@ -138,6 +142,10 @@ h5 {
   font-weight: bold;
 }
 
+img {
+  border: none;
+}
+
 @media only screen and (max-width: 1000px) {
   .content {
     max-width: var(--normal-layout-width);

templates/shortcodes/invertable_image.html

@@ -0,0 +1 @@
+<img class="invertable-image" {% if src %}src="{{ src }}"{% endif %} {% if alt %}alt="{{ alt }}"{% endif %}/>