Pages: New private tab theming (#401)

theme/colors/dark.css

@@ -96,5 +96,14 @@
 		--gnome-private-inactive-headerbar-background: #1C2438;
 		--gnome-private-inactive-headerbar-border-color: #3A4152;
 		--gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow);
+
+		/* Text color for Firefox Logo in new private tab */
+		--gnome-private-wordmark: #FBFBFE;
+
+		/* New private tab background */
+		--gnome-private-in-content-page-background: #1C2438;
+
+		/* Private browsing info box */
+		--gnome-private-text-primary-color: #FBFBFE;
 	}
 }

theme/colors/light.css

@@ -96,5 +96,14 @@
 	--gnome-private-inactive-headerbar-background: #EAF0F7;
 	--gnome-private-inactive-headerbar-border-color: #D8DEE4;
 	--gnome-private-inactive-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow);
+
+	/* Text color for Firefox Logo in new private tab */
+	--gnome-private-wordmark: #20123A;
+
+	/* New private tab background */
+	--gnome-private-in-content-page-background: #EAF0F7;
+
+	/* Private browsing info box */
+	--gnome-private-text-primary-color: #15141A;
 }
 

theme/pages/privatebrowsing.css

@@ -0,0 +1,16 @@
+/* about:privatebrowsing */
+
+@-moz-document url("about:privatebrowsing") {
+    html.private {
+        --in-content-page-background: var(--gnome-private-in-content-page-background) !important;
+
+        /* Used by headings in promo boxes Firefox shows (like an ad for Firefox Focus) */
+        --in-content-text-color: var(--gnome-private-text-primary-color) !important;
+    }
+    .wordmark {
+        fill: var(--gnome-private-wordmark) !important;
+    }
+    .showPrivate {
+        color: var(--gnome-private-text-primary-color);
+    }
+}

userContent.css

@@ -2,3 +2,4 @@
 @import "theme/colors/dark.css";
 
 @import "theme/pages/newtab.css";
+@import "theme/pages/privatebrowsing.css"