Update <text> markup to look clean in dark theme

pradoslaw · Oct 17, 2024 · 2ec3023 · 2ec3023
1 parent 77a674e
commit 2ec3023
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/app/Services/Parser/Parsers/Latex.php b/app/Services/Parser/Parsers/Latex.php
@@ -7,14 +7,12 @@ protected function parseHashed(string $text): string
     {
         return \preg_replace_callback(
             "#<tex>(.*?)</tex>#si",
-            function ($match) {
-                return sprintf(
-                    '<img src="https://latex.codecogs.com/gif.latex?%s" alt="%s">',
-                    rawurlencode($match[1]),
-                    htmlspecialchars($match[1])
-                );
-            },
-            $text
+            fn(array $match): string => \sPrintF(
+                '<img src="https://latex.codecogs.com/svg.latex?%s" alt="%s" class="latex">',
+                \rawUrlEncode($match[1]),
+                \htmlSpecialChars($match[1]),
+            ),
+            $text,
         );
     }
 }
diff --git a/resources/sass/components/forms/_markdown.scss b/resources/sass/components/forms/_markdown.scss
@@ -1,3 +1,5 @@
+@import "../../../feature/theme/theme";
+
 .editor {
   border: 1px solid $border-color;
   padding: $input-padding-y 0;
@@ -77,3 +79,9 @@
     }
   }
 }
+
+img.latex {
+  @include dark {
+    filter: invert(1);
+  }
+}