diff --git a/html_resources/main.css b/html_resources/main.css index 4949fef..5fc62f8 100644 --- a/html_resources/main.css +++ b/html_resources/main.css @@ -91,17 +91,17 @@ pre > div{ .categoryList:not(.blurred)+.categoryList, .hidden{ display: none !important } -.comment{ color: rgb(50,180,20) } -.selector{ color: palegoldenrod } +.comment{ color: rgb(50,180,90) } +.selector{ color: silver } .pseudo{ color: silver } -.id{ color: lightcoral } -.class{ color: lightgreen } -.attribute{ color: cyan } -.atrule{ color: mediumslateblue } +.id{ color: rgb(240, 148, 138) } +.class{ color: skyblue } +.attribute{ color: rgb(210,120,190) } +.atrule{ color: lime } .atvalue{ color: lightblue } -.property{ color: orange } +.property{ color: palegoldenrod } .value{ color: skyblue } -.curly{ color: orangered } +.curly{ color: magenta } @keyframes showDelayed{ from{ visibility: hidden } to{ visibility: visibile }} diff --git a/html_resources/selector.js b/html_resources/selector.js index c0aa673..d9cadd1 100644 --- a/html_resources/selector.js +++ b/html_resources/selector.js @@ -35,10 +35,10 @@ function fetchWithType(url){ } if(ext === "json"){ response.json() - .then(r=>resolve(r)) + .then(resolve) }else{ response.text() - .then(r=>resolve(r)) + .then(resolve) } },except => reject(except)) @@ -457,13 +457,15 @@ async function handleSearchQuery(){ return } - const codeBlock = document.querySelector("pre"); - let composedText = ""; - for(let file of files){ - composedText += await fetchWithType(`chrome/${file}`); - composedText += "\n"; - } - Highlighter.parse(codeBlock,composedText) + const codeBlock = document.querySelector("pre"); + const promises = files.map(file=>fetchWithType(`chrome/${file}`).catch(e=>"")); + + Promise.all(promises) + .then(responses => { + + Highlighter.parse(codeBlock,responses.join("\n\n/*************************************/\n\n")) + }); + } }