rowan/multi-account-containers
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added theme-changing to edit-panel which was unresponsive previously

Browse source
This commit is contained in:
silvererudite 2019-10-24 20:42:40 +06:00
parent b54f5334d1
commit 80e81efb94
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/js/check-theme.js
View file

@ -21,6 +21,7 @@ function getStyle(themeInfo) {
document.getElementById('sort-containers-link').style.color=themeInfo.colors.tab_background_text; document.getElementById('sort-containers-link').style.color=themeInfo.colors.tab_background_text;
} }
} }

15
src/js/popup.js
View file

@ -889,6 +889,7 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
</div> </div>
<div class="container-name truncate-text"></div> <div class="container-name truncate-text"></div>
</td> </td>
<td class="edit-container pop-button edit-container-icon"> <td class="edit-container pop-button edit-container-icon">
<img <img
src="/img/container-edit.svg" src="/img/container-edit.svg"
@ -903,15 +904,25 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
tr.querySelector(".container-name").textContent = identity.name; tr.querySelector(".container-name").textContent = identity.name;
tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`); tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`);
tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`); tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`);
//document.getElementById("halp").style.backgroundColor="red";
function style(themeInfo){ function style(themeInfo){
const tabl= document.getElementsByClassName("userContext-wrapper"); 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 // eslint-disable-next-line no-var
for (var i = 0; i < tabl.length; i++) { for (var i = 0; i < tabl.length; i++) {
tabl[i].style.backgroundColor=themeInfo.colors.toolbar; 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; 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() async function getTheme()
{ {