[epiphany/gnome-3-22] Improve style for fullscreen overlay text

[Michael Catanzaro <mcatanzaro src gnome org>]

commit 643cb425453800de283d66470054af0e772f82fd
Author: Michael Catanzaro <mcatanzaro gnome org>
Date:   Mon Jan 16 10:13:04 2017 -0600

    Improve style for fullscreen overlay text

 src/resources/epiphany.css  |    8 +++++---
 src/resources/epiphany.scss |    9 +++++----
 2 files changed, 10 insertions(+), 7 deletions(-)
---
diff --git a/src/resources/epiphany.css b/src/resources/epiphany.css
index 10698b8..80c3c75 100644
--- a/src/resources/epiphany.css
+++ b/src/resources/epiphany.css
@@ -126,7 +126,9 @@ button.active-menu {
     .incognito-mode.titlebar entry:backdrop {
       box-shadow: none; }
 
-/* "Press $KEY to exit fullscreen" overlay text should be visible on dark pages */
+/* "Press $KEY to exit fullscreen" overlay text */
 #fullscreen-popup {
-  background-color: white;
-  padding: 6px; }
+  padding: 12px;
+  border-radius: 18px;
+  background: rgba(0, 0, 0, 0.65);
+  color: white; }
diff --git a/src/resources/epiphany.scss b/src/resources/epiphany.scss
index 56a1d76..8a8ce3f 100644
--- a/src/resources/epiphany.scss
+++ b/src/resources/epiphany.scss
@@ -111,9 +111,10 @@ $edge_color: lighten($incognito_color, 13%);
   }
 }
 
-/* "Press $KEY to exit fullscreen" overlay text should be visible on dark pages */
-
+/* "Press $KEY to exit fullscreen" overlay text */
 #fullscreen-popup {
-  background-color: white;
-  padding: 6px;
+  padding: 12px;
+  border-radius: 18px;
+  background: rgba(0, 0, 0, 0.65);
+  color: white;
 }