Fix anchor path

build/package.sh

@@ -33,7 +33,7 @@ sh mithril/build.sh
 sh panzoom/build.sh
 sh prism/build.sh
 sh remark/build.sh
-sh themes/build.sh
+sh themes/build.sh $browser
 
 # copy files
 mkdir -p tmp

build/themes/build.sh

@@ -1,5 +1,7 @@
 #!/bin/bash
 
+browser=$1
+
 # set current working directory to directory of the shell script
 cd "$(dirname "$0")"
 
@@ -49,4 +51,4 @@ npx csso --input cleanrmd/inst/resources/writ/writ.css --output ../../themes/wri
 # after
 rm -rf node_modules/ cleanrmd/
 
-node fix-themes.js
+node fix-themes.js $browser

build/themes/fix-themes.js

@@ -3,17 +3,22 @@ var fs = require('fs')
 var path = require('path')
 var themes = path.resolve(__dirname, '../../themes/')
 
+var prefix = {
+  chrome: 'chrome',
+  firefox: 'moz'
+}[process.argv[2] || 'chrome']
+
 fs.writeFileSync(
   path.resolve(themes, 'github.css'),
   fs.readFileSync(path.resolve(themes, 'github.css'), 'utf8')
-    .replaceAll(/mask-image:url\(".*?"\)/g, 'mask-image:url("chrome-extension://__MSG_@@extension_id__/content/anchor.svg")'),
+    .replaceAll(/mask-image:url\(".*?"\)/g, `mask-image:url("${prefix}-extension://__MSG_@@extension_id__/content/anchor.svg")`),
   'utf8'
 )
 
 fs.writeFileSync(
   path.resolve(themes, 'github-dark.css'),
   fs.readFileSync(path.resolve(themes, 'github-dark.css'), 'utf8')
-    .replaceAll(/mask-image:url\(".*?"\)/g, 'mask-image:url("chrome-extension://__MSG_@@extension_id__/content/anchor.svg")'),
+    .replaceAll(/mask-image:url\(".*?"\)/g, `mask-image:url("${prefix}-extension://__MSG_@@extension_id__/content/anchor.svg")`),
   'utf8'
 )
 

content/index.css

@@ -259,9 +259,18 @@ body._toc-right { padding-right: 300px !important; }
   content: ' ';
   display: inline-block;
   background-color: currentColor;
-  -webkit-mask-image: url("chrome-extension://__MSG_@@extension_id__/content/anchor.svg");
   mask-image: url("chrome-extension://__MSG_@@extension_id__/content/anchor.svg");
 }
+@supports (-moz-appearance: none) {
+  .markdown-theme h1:hover .anchor .octicon-link:before,
+  .markdown-theme h2:hover .anchor .octicon-link:before,
+  .markdown-theme h3:hover .anchor .octicon-link:before,
+  .markdown-theme h4:hover .anchor .octicon-link:before,
+  .markdown-theme h5:hover .anchor .octicon-link:before,
+  .markdown-theme h6:hover .anchor .octicon-link:before {
+    mask-image: url("moz-extension://__MSG_@@extension_id__/content/anchor.svg");
+  }
+}
 
 .markdown-theme h1 .octicon-link,
 .markdown-theme h2 .octicon-link,