Index: gc_lang/fr/webext/content_scripts/panel_gc.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel_gc.css +++ gc_lang/fr/webext/content_scripts/panel_gc.css @@ -32,40 +32,34 @@ margin: 0 0 5px 10px; } div.grammalecte_paragraph_button { display: inline-block; - background-color: hsl(0, 0%, 50%); text-align: center; margin-left: 2px; padding: 1px 4px 3px 4px; cursor: pointer; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 14px; color: hsl(0, 0%, 96%); border-radius: 2px; } -div.grammalecte_paragraph_button:hover { - background-color: hsl(0, 0%, 40%); - color: hsl(0, 0%, 100%); -} div.grammalecte_paragraph_actions .grammalecte_green { - background-color: hsl(120, 30%, 50%); - color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 80%); } div.grammalecte_paragraph_actions .grammalecte_green:hover { background-color: hsl(120, 50%, 40%); color: hsl(0, 0%, 100%); } div.grammalecte_paragraph_actions .grammalecte_red { - background-color: hsl(0, 30%, 50%); - color: hsl(0, 0%, 96%); + font-weight: bold; + color: hsl(0, 50%, 80%); } div.grammalecte_paragraph_actions .grammalecte_red:hover { background-color: hsl(0, 50%, 40%); - color: hsl(0, 0%, 100%); + color: hsl(0, 50%, 96%); } @keyframes grammalecte-pulse { 0% { box-shadow: 0 0 0 1px hsla(0, 100%, 50%, .4); } 50% { box-shadow: 0 0 0 3px hsla(0, 100%, 50%, .4); } Index: gc_lang/fr/webext/content_scripts/panel_gc.js ================================================================== --- gc_lang/fr/webext/content_scripts/panel_gc.js +++ gc_lang/fr/webext/content_scripts/panel_gc.js @@ -216,13 +216,13 @@ xParagraph.contentEditable = "true"; let nStart = parseInt(xParagraph.dataset.caret_position_start); let nEnd = parseInt(xParagraph.dataset.caret_position_end); oGrammalecte.setCaretPosition(xParagraph, nStart, nEnd); this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).textContent = "A"; - this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).style.backgroundColor = "hsl(120, 30%, 50%)"; + this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).style.backgroundColor = ""; this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).style.animation = ""; - setTimeout(() => { this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).style.boxShadow = ""; }, 1000); + setTimeout(() => { this.xParent.getElementById("grammalecte_check"+xParagraph.dataset.para_num).style.boxShadow = ""; }, 500); } applySuggestion (sNodeSuggId) { // sugg try { let sErrorId = this.xParent.getElementById(sNodeSuggId).dataset.error_id;