Merge pull request #29899 from overleaf/mj-dark-mode-file-flash

[web] Avoid background color flash when switching files

GitOrigin-RevId: e5d2fbb631fd54d195b9cb51b2a9db584d205138
This commit is contained in:
Mathias Jakobsen
2025-11-27 09:05:29 +00:00
committed by Copybot
parent ff5b469b20
commit 7c1a225be4
15 changed files with 145 additions and 85 deletions
@@ -1308,49 +1308,49 @@ const defaultUserValues = () => ({
})
const THEME_LIST = [
'cobalt',
'dracula',
'eclipse',
'monokai',
'overleaf',
'overleaf_dark',
'textmate',
{ name: 'cobalt', dark: true },
{ name: 'dracula', dark: true },
{ name: 'eclipse', dark: false },
{ name: 'monokai', dark: true },
{ name: 'overleaf', dark: false },
{ name: 'overleaf_dark', dark: true },
{ name: 'textmate', dark: false },
]
const LEGACY_THEME_LIST = [
'ambiance',
'chaos',
'chrome',
'clouds',
'clouds_midnight',
'crimson_editor',
'dawn',
'dreamweaver',
'github',
'gob',
'gruvbox',
'idle_fingers',
'iplastic',
'katzenmilch',
'kr_theme',
'kuroir',
'merbivore',
'merbivore_soft',
'mono_industrial',
'nord_dark',
'pastel_on_dark',
'solarized_dark',
'solarized_light',
'sqlserver',
'terminal',
'tomorrow',
'tomorrow_night',
'tomorrow_night_blue',
'tomorrow_night_bright',
'tomorrow_night_eighties',
'twilight',
'vibrant_ink',
'xcode',
{ name: 'ambiance', dark: true },
{ name: 'chaos', dark: true },
{ name: 'chrome', dark: false },
{ name: 'clouds', dark: false },
{ name: 'clouds_midnight', dark: true },
{ name: 'crimson_editor', dark: false },
{ name: 'dawn', dark: false },
{ name: 'dreamweaver', dark: false },
{ name: 'github', dark: false },
{ name: 'gob', dark: true },
{ name: 'gruvbox', dark: true },
{ name: 'idle_fingers', dark: true },
{ name: 'iplastic', dark: false },
{ name: 'katzenmilch', dark: false },
{ name: 'kr_theme', dark: true },
{ name: 'kuroir', dark: false },
{ name: 'merbivore', dark: true },
{ name: 'merbivore_soft', dark: true },
{ name: 'mono_industrial', dark: true },
{ name: 'nord_dark', dark: true },
{ name: 'pastel_on_dark', dark: true },
{ name: 'solarized_dark', dark: true },
{ name: 'solarized_light', dark: false },
{ name: 'sqlserver', dark: false },
{ name: 'terminal', dark: true },
{ name: 'tomorrow', dark: false },
{ name: 'tomorrow_night', dark: true },
{ name: 'tomorrow_night_blue', dark: true },
{ name: 'tomorrow_night_bright', dark: true },
{ name: 'tomorrow_night_eighties', dark: true },
{ name: 'twilight', dark: true },
{ name: 'vibrant_ink', dark: true },
{ name: 'xcode', dark: false },
]
const ProjectController = {