From 95793037e6d311e0ed245c7cf0f511204fdc0971 Mon Sep 17 00:00:00 2001
From: Jakob Ackermann <jakob.ackermann@overleaf.com>
Date: Fri, 10 Apr 2026 07:37:45 +0200
Subject: [PATCH] [web] turn nav-bar and toolbar red when having admin powers
 (#32582)

GitOrigin-RevId: 69c518ea113b6988002156c4ab6a97bbb9704d19
---
 services/web/app/views/layout-base.pug             |  1 +
 .../frontend/stylesheets/pages/admin/admin.scss    | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/services/web/app/views/layout-base.pug b/services/web/app/views/layout-base.pug
index 85f7fc1b82..b33284a8aa 100644
--- a/services/web/app/views/layout-base.pug
+++ b/services/web/app/views/layout-base.pug
@@ -103,6 +103,7 @@ html(
 			'thin-footer': showThinFooter,
 			'website-redesign': isWebsiteRedesign === true || websiteRedesignOverride,
 			'application-page': isApplicationPage,
+			'user-has-admin-access': hasFeature('saas') && hasAdminAccess(),
 		}
 		data-theme='light'
 	)
diff --git a/services/web/frontend/stylesheets/pages/admin/admin.scss b/services/web/frontend/stylesheets/pages/admin/admin.scss
index 91426e9173..dc162141e5 100644
--- a/services/web/frontend/stylesheets/pages/admin/admin.scss
+++ b/services/web/frontend/stylesheets/pages/admin/admin.scss
@@ -1,3 +1,17 @@
+.user-has-admin-access {
+  .navbar-default {
+    background: linear-gradient(
+      to right,
+      var(--navbar-bg) 10rem,
+      var(--red-50) 40rem
+    );
+  }
+
+  .ide-redesign-toolbar {
+    --redesign-toolbar-background: var(--red-50);
+  }
+}
+
 #survey-form,
 #split-test-edit,
 #split-test-create {