feat: ✨ Added functions.js. Fixed styling on some websites. Added 2li…

…b.org to dark mode websites.

Functions.js is a central place for storing functions used when converting any website to dark mode. Added dark mode for 2lib.org. Fixed styling for: dw.com, bbc.com, theguardian.com.

src/js/2lib.js

@@ -0,0 +1,21 @@
+addStyle(`
+  .jscommentsCommentBox, .dropdown-menu > li > a, .moreBtn > div > span {
+    color: #000000!important;
+  }
+  .dropdown-menu .dropdown-menu-muted {
+    color: #888!important;
+  }
+  #searchModeTabs li.active, #searchModeTabs li.active a, #advSearch, .cBox1 a, button span {
+    color: #000000!important;
+  }
+  .b-search-input .button input, .b-search-input .button button > span, {
+    color: #000000!important;
+  }
+  #searchResultBox {
+    background: #000000;
+    color: #ffffff!important;
+  }
+  div.resItemFuzzyMatch h3 a:link, div.resItemFuzzyMatch h3 a:visited {
+    color: #ffffff!important;
+  }
+`);

src/js/bbc.js

@@ -0,0 +1,11 @@
+addStyle(`
+  .article__body-content, .author-unit__container {
+    background-color: #000000;
+  }
+  [class$="MenuListContainer"] {
+    background-color: #000000!important;
+  }
+  .lx-c-sticky {
+    color: #000000;
+  }
+`);

src/js/digi24.js

@@ -7,12 +7,6 @@ for (i = 0; i < toWhite.length; i++) {
 var adjustPadding = document.querySelector('.footer-network-nav');
 adjustPadding.style.setProperty('padding-top', '20px');
 
-function addStyle(styleString) {
-  const style = document.createElement('style');
-  style.textContent = styleString;
-  document.head.append(style);
-}
-
 addStyle(`
 ::selection {
   color: black;

src/js/dw.js

@@ -0,0 +1,16 @@
+addStyle(`
+  div#footerSection {
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+  }
+  div.adsContainer {
+    background-color: transparent;
+  }
+  div#navMain ul#navLevel1 li div.flyout ul.sitemap li a {
+    color: #000000!important;
+  }
+  div#navMain ul#navLevel1 li a:hover {
+    color: #000000!important;
+  }
+`);

src/js/functions.js

@@ -0,0 +1,6 @@
+
+function addStyle(styleString) {
+  const style = document.createElement('style');
+  style.textContent = styleString;
+  document.head.append(style);
+}

src/js/theguardian.js

@@ -0,0 +1,14 @@
+addStyle(`
+  .u-faux-block-link--hover {
+    background-color: rgba(255,255,255,0.2)!important;
+  }
+  .most-viewed-right ~ a {
+    color: #ffffff!important;
+  }
+  body {
+    color: #ffffff!important;
+  }
+  a:-webkit-any-link {
+    color: #ffffff!important;
+  }
+`);

src/manifest.json

@@ -2,7 +2,7 @@
   "name": "DarkMode News",
   "action": {},
   "manifest_version": 3,
-  "version": "0.1",
+  "version": "0.2",
   "description": "News Websites will automatically go to dark mode.",
   "permissions": [
     "activeTab",
@@ -16,12 +16,28 @@
   },
   "content_scripts": [
     {
-      "matches": ["*://*.digi24.ro/*", "*://*.theguardian.com/*", "*://*.reuters.com/*", "*://*.bbc.com/*", "*://*.foreignaffairs.com/*", "*://*.dw.com/*", "*://*.ft.com/*", "*://*.chicagotribune.com/*", "*://*.apnews.com/*", "*://*.europa.eu/*"],
-      "js": ["run.js"]
+      "matches": ["*://*.digi24.ro/*", "*://*.theguardian.com/*", "*://*.reuters.com/*", "*://*.bbc.com/*", "*://*.foreignaffairs.com/*", "*://*.dw.com/*", "*://*.ft.com/*", "*://*.chicagotribune.com/*", "*://*.apnews.com/*", "*://*.europa.eu/*", "*://*.2lib.org/*"],
+      "js": ["/js/functions.js", "run.js"]
     },
     {
       "matches": ["*://*.digi24.ro/*"],
       "js": ["/js/digi24.js"]
+    },
+    {
+      "matches": ["*://*.dw.com/*"],
+      "js": ["/js/dw.js"]
+    },
+    {
+      "matches": ["*://*.bbc.com/*"],
+      "js": ["/js/bbc.js"]
+    },
+    {
+      "matches": ["*://*.theguardian.com/*"],
+      "js": ["/js/theguardian.js"]
+    },
+    {
+      "matches": ["*://*.2lib.org/*"],
+      "js": ["/js/2lib.js"]
     }
   ],
   "background": {