about.css: Match HdyStatusPage styling

Apps in GNOME 40 are using HdyStatusPage for empty views. Since we use a
web page, we should match the styling as closely as we can.

Clean up the css, there was a lot of cruft in there, such as a grayscale
filter on an already monochrome icon.

1 files changed, 7 insertions, 8 deletions

diff --git a/src/resources/about.css b/src/resources/about.css
index 187ae1b19..5711536c2 100644
--- a/src/resources/about.css
+++ b/src/resources/about.css
@@ -43,8 +43,8 @@ html {
 }
 
 h1 {
-    opacity: 0.55; /* Adwaita's dim-label */
-    text-shadow: 0 1px 0 var(--base-color);
+    font-size: 24pt;
+    font-weight: 300;
     margin-bottom: 0;
 }
 
@@ -80,7 +80,6 @@ h1 {
 }
 
 #about-title {
-    opacity: 1;
     font-weight: 800;
 }
 
@@ -234,7 +233,6 @@ html.epiphany-html {
 }
 
 .incognito-body h1 {
-    opacity: 0.55; /* Adwaita's dim-label */
     text-align:center;
 }
 
@@ -393,20 +391,21 @@ html[dir="rtl"] .overview-item {
     margin-right: auto;
     height: 80%;
     max-width: 800px;
-    opacity: 0.55; /* Adwaita's dim-label */
     -webkit-user-select: none;
     -webkit-user-drag: none;
 }
 
 .overview-empty h1 {
     color: var(--text-color);
-    opacity: 0.55; /* Adwaita's dim-label */
-    text-shadow: none;
+}
+
+.overview-empty p {
+    text-align: center;
 }
 
 .overview-empty img {
     -webkit-user-select: none;
     -webkit-user-drag: none;
-    filter: grayscale(100%);
+    opacity: 0.55; /* Adwaita's dim-label */
     width: 128px;
 }