From 3407f59b2312e09d09a7fe651d551c2561650e74 Mon Sep 17 00:00:00 2001
From: Mathias Jakobsen <mathias.jakobsen@overleaf.com>
Date: Mon, 2 Mar 2026 10:44:29 +0000
Subject: [PATCH] Merge pull request #31885 from
 overleaf/mj-avoid-browser-default-input-bgs

[web] Specify background colors of input fields

GitOrigin-RevId: 8fbdddfe73840b75503ea8ab32ca6887cf43146f
---
 .../web/frontend/stylesheets/pages/editor/pdf.scss |  4 +++-
 .../stylesheets/pages/editor/review-panel.scss     | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/stylesheets/pages/editor/pdf.scss b/services/web/frontend/stylesheets/pages/editor/pdf.scss
index d2e9678a3d..85cbf7904b 100644
--- a/services/web/frontend/stylesheets/pages/editor/pdf.scss
+++ b/services/web/frontend/stylesheets/pages/editor/pdf.scss
@@ -362,7 +362,9 @@
   gap: var(--spacing-02);
 
   input {
-    border: 1px solid var(--neutral-60);
+    background-color: var(--bg-primary-themed);
+    color: var(--content-primary-themed);
+    border: 1px solid var(--border-primary-themed);
     width: 32px;
     height: 24px;
     border-radius: var(--border-radius-base);
diff --git a/services/web/frontend/stylesheets/pages/editor/review-panel.scss b/services/web/frontend/stylesheets/pages/editor/review-panel.scss
index 64a4e574d8..7fa11fec01 100644
--- a/services/web/frontend/stylesheets/pages/editor/review-panel.scss
+++ b/services/web/frontend/stylesheets/pages/editor/review-panel.scss
@@ -423,7 +423,7 @@ del.review-panel-content-highlight {
   font-size: var(--rp-base-font-size);
   padding: 2px var(--spacing-03);
   border-radius: var(--border-radius-base);
-  border: solid 1px var(--neutral-60);
+  border: solid 1px var(--border-primary-themed);
   resize: vertical;
   color: var(--review-panel-color-secondary);
   background-color: var(--review-panel-entry-bg-color);
@@ -431,6 +431,10 @@ del.review-panel-content-highlight {
   min-height: 25px;
   overflow-x: hidden;
   max-height: 400px;
+
+  &::placeholder {
+    color: var(--content-placeholder-themed);
+  }
 }
 
 .review-panel-comment-edit {
@@ -548,6 +552,14 @@ del.review-panel-content-highlight {
   padding: var(--spacing-01) var(--spacing-03);
   resize: vertical;
   min-height: 44px;
+  background: var(--bg-primary-themed);
+  color: var(--content-primary-themed);
+  border: 1px solid var(--border-primary-themed);
+  border-radius: var(--border-radius-base);
+
+  &::placeholder {
+    color: var(--content-placeholder-themed);
+  }
 }
 
 .review-panel-add-comment-buttons {