From 828251940617a1bd7b7509cdd1a8d7cbdb754f6e Mon Sep 17 00:00:00 2001 From: Mathias Jakobsen Date: Fri, 26 Jun 2026 12:57:20 +0100 Subject: [PATCH] Merge pull request #35022 from overleaf/mj-review-styles-fix [web] Fix review panel styles GitOrigin-RevId: ceb252e494adfbeef770be2f7e55510a96c93377 --- .../pages/editor/review-panel.scss | 29 +++++-------------- 1 file changed, 7 insertions(+), 22 deletions(-) diff --git a/services/web/frontend/stylesheets/pages/editor/review-panel.scss b/services/web/frontend/stylesheets/pages/editor/review-panel.scss index c6d4068b35..ef5261b249 100644 --- a/services/web/frontend/stylesheets/pages/editor/review-panel.scss +++ b/services/web/frontend/stylesheets/pages/editor/review-panel.scss @@ -11,31 +11,16 @@ $rp-type-blue: #6b7797; --review-panel-width: 230px; --review-panel-width-mini: 24px; --review-panel-color-scheme: dark; - --review-mode-switcher-reviewing-bg: var(--yellow-10); - --review-mode-switcher-reviewing-hover-bg: var(--yellow-20); - --review-mode-switcher-reviewing-color: var(--yellow-60); - - @include theme('default') { - .ide-redesign-main { - --review-panel-bg-color: var(--bg-dark-secondary); - --review-panel-color: var(--content-primary-dark); - --review-panel-color-secondary: var(--content-secondary-dark); - --review-panel-header-bg-color: var(--bg-dark-primary); - --review-panel-footer-bg-color: var(--bg-dark-primary); - --review-panel-entry-bg-color: var(--bg-dark-primary); - --review-panel-empty-state-bg-color: var(--bg-dark-primary); - --review-panel-button-hover-bg-color: var(--bg-dark-tertiary); - --review-panel-border-color: var(--border-divider-dark); - --review-panel-color-scheme: dark; - --review-mode-switcher-reviewing-bg: var(--yellow-70); - --review-mode-switcher-reviewing-hover-bg: var(--yellow-60); - --review-mode-switcher-reviewing-color: var(--yellow-10); - } - } + --review-mode-switcher-reviewing-bg: var(--yellow-70); + --review-mode-switcher-reviewing-hover-bg: var(--yellow-60); + --review-mode-switcher-reviewing-color: var(--yellow-10); } @include theme('light') { --review-panel-color-scheme: light; + --review-mode-switcher-reviewing-bg: var(--yellow-10); + --review-mode-switcher-reviewing-hover-bg: var(--yellow-20); + --review-mode-switcher-reviewing-color: var(--yellow-60); } .review-panel-container { @@ -782,7 +767,7 @@ del.review-panel-content-highlight { &:hover, &:focus-within { .review-mode-switcher-toggle-button.editing { - background-color: var(--review-panel-button-hover-bg-color); + background-color: var(--bg-tertiary-themed); } .review-mode-switcher-toggle-button.reviewing {