Merge pull request #26735 from overleaf/mj-system-theme

[web] Add new system theme to the editor

GitOrigin-RevId: b65083c5e96abc493556e901c861689cb7e3bbf7
This commit is contained in:
Mathias Jakobsen
2025-07-14 08:05:37 +00:00
committed by Copybot
parent 72aca352fc
commit 39b4581e1d
8 changed files with 85 additions and 22 deletions
@@ -37,6 +37,7 @@ import { FullProjectSearchResults } from './full-project-search-results'
import { signalWithTimeout } from '@/utils/abort-signal'
import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
import RailPanelHeader from '@/features/ide-redesign/components/rail-panel-header'
import { useActiveOverallTheme } from '@/shared/hooks/use-active-overall-theme'
const FullProjectSearchUI: FC = () => {
const { t } = useTranslation()
@@ -57,6 +58,7 @@ const FullProjectSearchUI: FC = () => {
() => userStyles(userSettings),
[userSettings]
)
const activeOverallTheme = useActiveOverallTheme()
const abortControllerRef = useRef<AbortController | null>(null)
@@ -183,7 +185,7 @@ const FullProjectSearchUI: FC = () => {
<div
className="full-project-search"
style={variableStyle}
data-bs-theme={userSettings.overallTheme === 'light-' ? 'light' : 'dark'}
data-bs-theme={activeOverallTheme === 'light' ? 'light' : 'dark'}
>
{newEditor ? (
<RailPanelHeader title={t('search')} />