Merge pull request #31885 from overleaf/mj-avoid-browser-default-input-bgs

[web] Specify background colors of input fields

GitOrigin-RevId: 8fbdddfe73840b75503ea8ab32ca6887cf43146f
This commit is contained in:
Mathias Jakobsen
2026-03-06 09:10:47 +00:00
committed by Copybot
parent 8ec9942114
commit 3407f59b23
2 changed files with 16 additions and 2 deletions
@@ -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);
@@ -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 {