mozilla · silvererudite · Oct 18, 2019 · Oct 18, 2019 · Oct 25, 2019 · Oct 25, 2019
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,40 @@
+# CONTRIBUTING
+
+Everyone is welcome to contribute to Facebook Containers. Reach out to team members if you have questions:
+
+- IRC: #containers on irc.mozilla.org
+- Email: [email protected]
+
+## Filing bugs
+
+If you find a bug with Facebook Container, please file a issue.
+
+Check first if the bug might already exist: https://github.com/mozilla/contain-facebook/issues
+
+[Open an issue](https://github.com/mozilla/contain-facebook/issues/new)
+
+1. Visit about:support
+2. Click "Copy raw data to clipboard" and paste into the bug. Alternatively copy the following sections into the issue:
+  - Application Basics
+  - Nightly Features (if you are in nightly)
+  - Extensions
+  - Experimental Features
+3. Include clear steps to reproduce the issue you have experienced.
+4. Include screenshots if possible.
+*****
+
+## Sending Pull Requests
+
+Patches should be submitted as pull requests. When submitting patches as PRs:
+
+- You agree to license your code under the project's open source license (MPL 2.0).
+- Base your branch off the current master (see below for an example workflow).
+- Add both your code and new tests if relevant.
+- Run `npm test` to make sure all tests still pass.
+- Please do not include merge commits in pull requests; include only commits with the new relevant code.
+
+See the main [README](https://github.com/mozilla/contain-facebook/blob/master/README.md) for information on prerequisites, installing, running and testing.
+
+
+
+
diff --git a/src/manifest.json b/src/manifest.json
@@ -49,7 +49,8 @@
         "storage",
         "tabs",
         "webRequestBlocking",
-        "webRequest"
+        "webRequest",
+        "theme"
     ],
 
     "background": {

diff --git a/src/panel.css b/src/panel.css
@@ -166,6 +166,7 @@ a:hover {
 
 .highlight-on-hover span {
   pointer-events: none;
+
 }
 
 .allowed-site-wrapper {
@@ -218,7 +219,7 @@ a:hover {
 
 .allowed-site-wrapper:hover,
 .highlight-on-hover:hover {
-  background-color: var(--grey20);
+  background-color: rgb(94, 141, 230);
   transition: var(--transition);
 }
 

diff --git a/src/panel.html b/src/panel.html
@@ -5,6 +5,7 @@
     <title>Facebook Container</title>
     <link rel="stylesheet" href="panel.css">
     <script src="panel.js"></script>
+    <script src="theme-change.js"></script>
   </head>
   <body class="panel">
   </body>

diff --git a/src/panel.js b/src/panel.js
@@ -97,10 +97,36 @@ const addFullWidthButton = (fragment, listenerClass) => {
 
   let contentWrapper = addDiv(fragment, "fw-bottom-btn");
   contentWrapper.appendChild(button);
+  //adds the ability to change background text color to suit the current theme color
+  /* eslint-disable indent */
+      function style(themeInfo) {
+      if (themeInfo.colors) 
+      {
+      const link_button=document.getElementsByClassName("highlight-on-hover");
+      for(var i=0;i<link_button.length;i++){
+          link_button[i].style.color =themeInfo.colors.tab_background_text;
+      }
+      }
+
+    }
+    async function getThemeInfo() 
+    {
+      var themeInfo = await browser.theme.getCurrent();
+
+      style(themeInfo);
+    }
+
+    getThemeInfo();
   return button;
 };
 
 
+
+
+
+
+
+
 const addSpan = (wrapper, stringId) => {
   const span = document.createElement("span");
   span["id"] = stringId;

diff --git a/src/theme-change.js b/src/theme-change.js
@@ -0,0 +1,27 @@
+/* eslint-disable indent */
+function getStyle(themeInfo) 
+{
+  if (themeInfo.colors) {
+
+    document.body.style.backgroundColor= themeInfo.colors.toolbar;
+    document.body.style.color=themeInfo.colors.tab_background_text;
+
+    const link_button=document.getElementsByClassName("highlight-on-hover");
+    for(var i=0;i<link_button.length;i++){
+      link_button[i].style.color =themeInfo.colors.tab_background_text;
+    }
+    }
+
+}
+
+
+async function getCurrentThemeInfo() 
+{
+  var themeInfo = await browser.theme.getCurrent();
+
+  getStyle(themeInfo);
+}
+
+getCurrentThemeInfo();
+
+