Add favicon to markdown content pages

background/inject.js

@@ -9,6 +9,7 @@ md.inject = ({storage: {state}}) => (id) => {
       themes: state.themes,
       content: state.content,
       compiler: state.compiler,
+      icon: state.icon,
     }],
     func: (_args) => {
       document.querySelector('pre').style.visibility = 'hidden'

content/index.js

@@ -7,6 +7,7 @@ var state = {
   themes: args.themes,
   content: args.content,
   compiler: args.compiler,
+  icon: args.icon,
   html: '',
   markdown: '',
   toc: '',
@@ -139,6 +140,7 @@ var render = (md) => {
 function mount () {
   $('pre').style.display = 'none'
   var md = $('pre').innerText
+  favicon()
 
   m.mount($('body'), {
     oninit: () => {
@@ -216,6 +218,13 @@ var toc = (() => {
   }
 })()
 
+var favicon = () => {
+  var favicon = document.createElement('link')
+  favicon.rel = 'icon'
+  favicon.href = chrome.runtime.getURL(`/icons/${state.icon ? 'light' : 'dark'}/16x16.png`)
+  $('head').appendChild(favicon)
+}
+
 if (document.readyState === 'complete') {
   mount()
 }

manifest.chrome.json

@@ -38,6 +38,8 @@
         "<all_urls>"
       ],
       "resources": [
+        "/icons/dark/16x16.png",
+        "/icons/light/16x16.png",
         "/themes/*",
         "/vendor/mathjax/fonts/*",
         "/vendor/prism.min.css",