Add page for Orion's Dynamic Window Color feature

docs/.vitepress/config.ts

@@ -413,6 +413,7 @@ function sidebarOrion() {
                         { text: 'Programmable Buttons', link: '/orion/features/programmable-buttons' },
                         { text: 'Custom Blocklists', link: '/orion/features/custom-blocklists' },
                         { text: 'Page Tweaks', link: '/orion/features/page-tweaks' },
+                        { text: 'Dynamic Window Color', link: '/orion/features/dynamic-window-color' },
                     ]
                 },
                 {

docs/orion/features/dynamic-window-color.md

@@ -0,0 +1,16 @@
+# Dynamic Window Color
+
+<br />
+
+<video src="./media/macos_dynamic_window_color.mp4" width="720" type="video/mp4" autoplay muted loop playsinline disablepictureinpicture />
+
+When using the Compact tab layout, Orion for Mac automatically adapts the window color to match the current website's color scheme, providing a more immersive and visually seamless browsing experience.
+
+This feature enhances the continuity between your tabs and the active website, making your browsing more aesthetically pleasing and intuitive.
+
+To enable or disable this feature:
+
+1. Go to **Orion** > **Settings** > **Appearance**.
+2. Toggle the **Show website color in compact tabs** checkbox.
+
+Please note that this option is only available when using the Compact tab layout.