feat: inject stylesheet into DOM

src/content.tsx

@@ -18,3 +18,13 @@ if (document.readyState === 'loading') {
 } else {
   init()
 }
+
+// injects a copy of stylesheets so that other extensions(e.g. dark reader) could read
+function injectStyles(url: string) {
+  var linkElement = document.createElement('link')
+  linkElement.rel = 'stylesheet'
+  linkElement.setAttribute('href', url)
+  document.head.appendChild(linkElement)
+}
+
+injectStyles(browser.extension.getURL('content.css'))

src/manifest.json

@@ -8,27 +8,12 @@
     "128": "icons/Gitako-128x128.png"
   },
   "homepage_url": "https://github.com/EnixCoda/Gitako",
-  "permissions": [
-    "storage",
-    "*://*.github.com/*",
-    "*://*.sentry.io/*"
-  ],
-  "web_accessible_resources": [
-    "icons/vscode/*"
-  ],
+  "permissions": ["storage", "*://*.github.com/*", "*://*.sentry.io/*"],
+  "web_accessible_resources": ["icons/vscode/*", "content.css"],
   "content_scripts": [
     {
-      "matches": [
-        "https://github.com/*"
-      ],
-      "css": [
-        "content.css"
-      ],
-      "js": [
-        "firefox-shim.js",
-        "browser-polyfill.js",
-        "content.js"
-      ]
+      "matches": ["https://github.com/*"],
+      "js": ["firefox-shim.js", "browser-polyfill.js", "content.js"]
     }
   ]
-}
+}