From ad9fc2f6976fb07c05e5a9c461b388c49ff94a9e Mon Sep 17 00:00:00 2001
From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com>
Date: Mon, 29 Mar 2021 22:03:50 +0800
Subject: [PATCH] add private browsing indicator

---
 chrome/navbar/navbar.css | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/chrome/navbar/navbar.css b/chrome/navbar/navbar.css
index 6432e66..245e87b 100644
--- a/chrome/navbar/navbar.css
+++ b/chrome/navbar/navbar.css
@@ -48,14 +48,42 @@ panel .toolbarbutton-badge
 	pointer-events: none !important;
 }
 
+#navigator-toolbox #fxa-toolbar-menu-button {
+	margin-inline: 5px !important;
+	border-radius: 99px !important;
+	margin-block: -2px !important;
+}
+
+#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
+{
+	width: 30px !important;
+	height: 30px !important;
+}
+
+#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
+{
+	padding: 3px !important;
+	background: 0 !important;
+}
+
+#fxa-avatar-image {
+	width: 24px !important;
+	height: 24px !important;
+}
+
 /* show "Private" label for en languages only */
-:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before
+:root[privatebrowsingmode] #fxa-toolbar-menu-button::before
 {
 	content: "Private" !important;
 	display: -moz-box !important;
 	margin-inline-start: 12px !important;
 	margin-inline-end: 6px !important;
 }
+:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button {
+	background-color: var(--private-browinging-indicator) !important;
+	color: white !important;
+	margin-inline: 0 !important;
+}
 
 #nav-bar-customization-target
 {