From 03aaa2e58b39a3f9f52db32e42f9e8054a2cfe14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?=
 <59940332+patrycjakalinska@users.noreply.github.com>
Date: Tue, 5 Nov 2024 08:33:50 +0100
Subject: [PATCH] docs: Manage system color scheme changes (#6627)

This PR introduces persistance between system color theme and user
selected color theme.

Before:


https://github.com/user-attachments/assets/94a00142-b3fd-4b5e-8e29-f1bdb69363d7


After:


https://github.com/user-attachments/assets/b36cb663-b322-4eff-a507-6f6d8a3264cc
---
 packages/docs-reanimated/docusaurus.config.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/docs-reanimated/docusaurus.config.js b/packages/docs-reanimated/docusaurus.config.js
index 70064f95235d..f9b5fa05a0d2 100644
--- a/packages/docs-reanimated/docusaurus.config.js
+++ b/packages/docs-reanimated/docusaurus.config.js
@@ -78,6 +78,9 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       image: 'img/og-image.png',
+      colorMode: {
+        respectPrefersColorScheme: true,
+      },
       metadata: [
         { name: 'og:image:width', content: '1200' },
         { name: 'og:image:height', content: '630' },