diff --git a/chrome/global/colors.css b/chrome/global/colors.css
index 25dd6af..0840f38 100644
--- a/chrome/global/colors.css
+++ b/chrome/global/colors.css
@@ -124,3 +124,11 @@
 :root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels {
   background-color: var(--lwt-accent-color) !important;
 }
+
+/* needed for theming the private browsing indicator  */
+:root:not([style*="--button-primary-bgcolor"]) {
+	--button-primary-bgcolor: unset !important;
+	--button-primary-hover-bgcolor: unset !important;
+	--button-primary-active-bgcolor: unset !important;
+	--button-primary-color: unset !important;
+}
diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css
index 6158ba8..8b13c12 100644
--- a/chrome/toolbar/navbar.css
+++ b/chrome/toolbar/navbar.css
@@ -42,3 +42,30 @@
 :root[fxastatus="signedin"] #fxa-avatar-image {
 	scale: 1.5 !important;
 }
+
+:root[privatebrowsingmode] #fxa-toolbar-menu-button::before {
+  content: "Private" !important;
+  display: -moz-box !important;
+	font-size: 12px !important;
+}
+
+:root[privatebrowsingmode] #fxa-toolbar-menu-button {
+  background: var(--button-primary-bgcolor, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention))) !important;
+	margin: 4px !important;
+	padding-inline: 8px 0 !important;
+	color: var(--button-primary-color, var(--toolbar-bgcolor)) !important;
+	fill: currentColor !important;
+}
+
+:root[privatebrowsingmode] #fxa-toolbar-menu-button:hover {
+  background: var(--button-primary-hover-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 90%, transparent)) !important;
+}
+
+:root[privatebrowsingmode] #fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active) {
+  background: var(--button-primary-active-bgcolor, color-mix(in srgb, var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention)) 70%, transparent)) !important;
+}
+
+:root[privatebrowsingmode] #nav-bar #fxa-toolbar-menu-button > .toolbarbutton-badge-stack {
+  background: transparent !important;
+	margin-inline: 0 !important;
+}
diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css
index d0ff971..f3a88d7 100644
--- a/chrome/toolbar/tabbar.css
+++ b/chrome/toolbar/tabbar.css
@@ -183,7 +183,8 @@
 	display: -moz-box !important;
 }
 
-.titlebar-spacer[type="pre-tabs"] {
+.titlebar-spacer[type="pre-tabs"],
+.private-browsing-indicator {
 	display: none !important;
 }