From 80e81efb9491d3c9b8c9342f22ed876ac2b382fa Mon Sep 17 00:00:00 2001
From: silvererudite <shamima.hossain19@gmail.com>
Date: Thu, 24 Oct 2019 20:42:40 +0600
Subject: [PATCH] added theme-changing to edit-panel which was unresponsive
 previously

---
 src/js/check-theme.js |  1 +
 src/js/popup.js       | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/js/check-theme.js b/src/js/check-theme.js
index 42615a0..c1bc01a 100644
--- a/src/js/check-theme.js
+++ b/src/js/check-theme.js
@@ -21,6 +21,7 @@ function getStyle(themeInfo) {
     document.getElementById('sort-containers-link').style.color=themeInfo.colors.tab_background_text;
  
     
+    
   }   
 
 }
diff --git a/src/js/popup.js b/src/js/popup.js
index 6ac44e7..13f2036 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -889,6 +889,7 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
           </div>
           <div class="container-name truncate-text"></div>
         </td>
+        
         <td class="edit-container pop-button edit-container-icon">
           <img
             src="/img/container-edit.svg"
@@ -903,15 +904,25 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
       tr.querySelector(".container-name").textContent = identity.name;
       tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`);
       tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`);
-      
+      //document.getElementById("halp").style.backgroundColor="red";
       function style(themeInfo){
         const tabl= document.getElementsByClassName("userContext-wrapper");
+        const inner_tabl1=document.getElementsByClassName("edit-container");
+        const inner_tabl2=document.getElementsByClassName("remove-container");
     
     // eslint-disable-next-line no-var
         for (var i = 0; i < tabl.length; i++) {
           tabl[i].style.backgroundColor=themeInfo.colors.toolbar;
+          //inner_tabl1[i].style.backgroundColor=themeInfo.colors.toolbar;
+          //inner_tabl2[i].style.backgroundColor=themeInfo.colors.toolbar;
           tabl[i].style.color=themeInfo.colors.tab_background_text;
-        } 
+          
+        }
+        // eslint-disable-next-line no-var
+        for(var j = 0; j < inner_tabl1.length; j++) {
+          inner_tabl1[j].style.backgroundColor=themeInfo.colors.toolbar;
+          inner_tabl2[j].style.backgroundColor=themeInfo.colors.toolbar;
+        }
       }
       async function getTheme() 
       {