From c4493ebc905fd5da95a2315cf23782c69b0d56d2 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Wed, 12 Mar 2025 09:32:53 +0000
Subject: [PATCH] Merge pull request #24197 from
 overleaf/mj-ide-dark-color-scheme

[web] Editor redesign: Set color-scheme to dark in dark mode

GitOrigin-RevId: 6d62288e4ec9737629ed2e7a78865c6017ccea59
---
 .../stylesheets/bootstrap-5/pages/editor/ide-redesign.scss     | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
index 90187fb73f..879b7af7cd 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
@@ -2,15 +2,18 @@
   --ide-redesign-background: var(--bg-dark-primary);
   --ide-redesign-color: var(--content-primary-dark);
   --ide-redesign-resizing-background: var(--bg-dark-primary);
+  --ide-redesign-color-scheme: dark;
 }
 
 @include theme('light') {
   --ide-redesign-background: var(--bg-light-primary);
   --ide-redesign-color: var(--content-primary);
   --ide-redesign-resizing-background: var(--white);
+  --ide-redesign-color-scheme: light;
 }
 
 .ide-redesign-body {
+  color-scheme: var(--ide-redesign-color-scheme);
   display: flex;
   flex-grow: 1;
   background-color: var(--ide-redesign-background);