fix kslambert#4

combines dark mode and light mode into 1 css file using media queries
additionally tried to fix
kslambert#3
by using kslambert#5

content.js

@@ -1,8 +1,18 @@
-/* This runs after a web page loads */
-var getHeader = document.getElementsByTagName('head').item(0);
-var linkStyle = document.createElement("link");
-var url = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Press+Start+2P&display=swap";
+const header = document.getElementsByTagName('head').item(0);
+
+// set the padding for the top bar
+document.getElementById("hnmain").firstElementChild.firstElementChild.firstElementChild.setAttribute("style", "padding:16px");
+
+//set font-url
+const meta = document.createElement("meta");
+meta.setAttribute("http-equiv", "Content-Security-Policy");
+meta.setAttribute("content", "default-src https://*; font-src https://*; style-src https://*;")
+header.appendChild(meta);
+
+//get font
+const linkStyle = document.createElement("link");
+const url = "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Press+Start+2P&display=swap";
 linkStyle.href = url;
 linkStyle.rel = 'stylesheet';
-linkStyle.type = "text/css"; 
-getHeader.appendChild(linkStyle);
+linkStyle.type = "text/css";
+header.appendChild(linkStyle);