Index: gc_lang/fr/webext/content_scripts/panels_content.css
==================================================================
--- gc_lang/fr/webext/content_scripts/panels_content.css
+++ gc_lang/fr/webext/content_scripts/panels_content.css
@@ -8,28 +8,32 @@
     Wrapper
 */
 .grammalecte_wrapper {
     padding: 5px;
     border-radius: 3px;
-    background-color: hsl(210, 50%, 50%);
+    background-color: hsl(210, 40%, 96%);
+    border: 1px solid hsl(210, 40%, 92%);
+    box-shadow: 0 0 2px hsla(210, 40%, 0%, .5);
     font-family: "Trebuchet MS", "Liberation Sans", sans-serif;
-    color: hsl(210, 10%, 90%);
+    color: hsl(210, 40%, 50%);
 }
 
 .grammalecte_wrapper_button {
     display: inline-block;
     padding: 0 5px;
     margin-left: 5px;
-    background-color: hsl(210, 50%, 60%);
+    background-color: hsl(210, 60%, 80%);
     border-radius: 2px;
-    color: hsl(210, 0%, 96%);
+    border: 1px solid hsl(210, 60%, 70%);
+    color: hsl(210, 40%, 40%);
     cursor: pointer;
 }
 .grammalecte_wrapper_button:hover {
-    background-color: hsl(210, 50%, 55%);
-    box-shadow: 0 0 1px 1px hsl(210, 50%, 20%);
-    color: hsl(210, 0%, 100%);
+    background-color: hsl(210, 80%, 70%);
+    border: 1px solid hsl(210, 80%, 60%);
+    box-shadow: 0 0 1px 1px hsl(210, 80%, 80%);
+    color: hsl(210, 80%, 30%);
 }
 .grammalecte_wrapper_toolbar {
     display: flex;
     justify-content: flex-end;
     margin-top: 5px;