Replace == with <mark>

assets/styles/base.scss

@@ -619,3 +619,6 @@ header {
   }
 }
 
+mark {
+  background-color: var(--highlighted);
+}

assets/styles/custom.scss

@@ -11,6 +11,7 @@
   --lightgray: #f0f0f0;
   --outlinegray: #dadada;
   --million-progress-bar-color: var(--secondary);
+  --highlighted: #f5dfaf;
 }
 
 [saved-theme="dark"] {
@@ -23,6 +24,7 @@
   --gray: #d4d4d4 !important;
   --lightgray: #292633 !important;
   --outlinegray: #343434 !important;
+  --highlighted: #574010;
 }
 
 

layouts/partials/textprocessing.html

@@ -96,4 +96,11 @@
   {{ $content = $content | replaceRE "blockquote class=callout" "blockquote" }}
 {{end}}
 
+{{/* Make ==text== into <mark>text</mark> */}}
+{{$mark := findRE "(?Us)==([^\\$]+)==" $content}}
+{{range $mark}}
+  {{$fixed := printf "<mark>%s</mark>" (replace . "==" "")}}
+  {{$content = replace $content . $fixed}}
+{{end}}
+
 {{ $content | safeHTML }}