Index: gc_lang/fr/webext/content_scripts/panel.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel.css +++ gc_lang/fr/webext/content_scripts/panel.css @@ -8,16 +8,16 @@ padding: 0; margin: 0; position: fixed; box-sizing: content-box; z-index: 2147483641; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */ - border: 2px solid hsl(210, 10%, 50%); + border: 2px solid hsl(210, 50%, 50%); border-radius: 10px 10px 10px 10px; background-color: hsl(210, 0%, 100%); color: hsl(0, 0%, 0%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; - box-shadow: 0 0 2px 1px hsla(210, 50%, 50%, .5); + box-shadow: 0 0 1px 6px hsla(210, 50%, 50%, .5); line-height: normal; text-shadow: none; text-decoration: none; text-align: left; hyphens: none; @@ -29,14 +29,14 @@ } div.grammalecte_panel_bar { position: sticky; width: 100%; - background-color: hsl(210, 0%, 90%); + background-color: hsl(210, 20%, 92%); border-radius: 10px 10px 0 0; - border-bottom: 1px solid hsl(210, 10%, 80%); - color: hsl(210, 10%, 4%); + border-bottom: 1px solid hsl(210, 20%, 86%); + color: hsl(210, 30%, 40%); font-size: 20px; } div.grammalecte_panel_title { padding: 10px 20px; } @@ -66,25 +66,25 @@ color: hsl(150, 0%, 100%); text-align: center; cursor: pointer; } div.grammalecte_copy_button:hover { - background-color: hsl(150, 100%, 40%); + background-color: hsl(150, 90%, 35%); } div.grammalecte_move_button { display: inline-block; padding: 2px 5px; - background-color: hsl(180, 80%, 50%); + background-color: hsl(180, 50%, 60%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 22px; font-weight: bold; color: hsl(180, 0%, 100%); text-align: center; cursor: pointer; } div.grammalecte_move_button:hover { - background-color: hsl(180, 100%, 60%); + background-color: hsl(180, 80%, 65%); } div.grammalecte_close_button { display: inline-block; padding: 2px 10px; border-radius: 0 8px 0 0;