Index: gc_lang/fr/webext/content_scripts/panel_tf.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel_tf.css +++ gc_lang/fr/webext/content_scripts/panel_tf.css @@ -81,24 +81,30 @@ text-align: center; cursor: pointer; } #grammalecte_tf_reset { - background-color: hsl(210, 100%, 50%); + background-color: hsl(210, 50%, 50%); color: hsl(210, 0%, 100%); } +#grammalecte_tf_reset:hover { + background-color: hsl(210, 50%, 40%); +} #grammalecte_tf_progressbar { width: 400px; } #grammalecte_tf_time_res { width: 60px; padding: 5px 10px; } #grammalecte_tf_apply { - background-color: hsl(120, 100%, 50%); + background-color: hsl(120, 50%, 50%); color: hsl(150, 0%, 100%); } +#grammalecte_tf_apply:hover { + background-color: hsl(120, 50%, 40%); +} #grammalecte_progressbarbox { display: inline-block; padding: 10px 20px; } Index: gc_lang/fr/webext/content_scripts/panel_tf.js ================================================================== --- gc_lang/fr/webext/content_scripts/panel_tf.js +++ gc_lang/fr/webext/content_scripts/panel_tf.js @@ -69,13 +69,13 @@ xColumn2.appendChild(xStruct); xOptions.appendChild(xColumn1); xOptions.appendChild(xColumn2); // Actions let xActions = createNode("div", {id: "grammalecte_tf_actions"}); - let xDefaultButton = createNode("div", {id: "grammalecte_tf_reset", textContent: "Par défaut", className: "grammalecte_button", style: "background-color: hsl(210, 50%, 50%)"}); + let xDefaultButton = createNode("div", {id: "grammalecte_tf_reset", textContent: "Par défaut", className: "grammalecte_button"}); xDefaultButton.addEventListener("click", () => { this.reset(); }); - let xApplyButton = createNode("div", {id: "grammalecte_tf_apply", textContent: "Appliquer", className: "grammalecte_button", style: "background-color: hsl(180, 50%, 50%)"}); + let xApplyButton = createNode("div", {id: "grammalecte_tf_apply", textContent: "Appliquer", className: "grammalecte_button"}); xApplyButton.addEventListener("click", () => { this.saveOptions(); this.apply(); }); xActions.appendChild(xDefaultButton); xActions.appendChild(createNode("progress", {id: "grammalecte_tf_progressbar"})); xActions.appendChild(createNode("span", {id: "grammalecte_tf_time_res", textContent: "…"})); xActions.appendChild(xApplyButton);