Yif
f2db686404
hiddenInset titlebar with traffic lights over a vibrancy sidebar, darwin-only via data-platform set by the desktop preload: transparent chain to the window material, native-theme sync from the app theme source, sidebar top strip + full hide when collapsed with reopen controls in the new conversation.session.header.leading slot, title-row drag regions, and fullscreen right-sidebar traffic-light clearance via the dockkit strip inset.
34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
/** Mirrors the Web UI's theme source into the macOS native theme so window vibrancy follows the app palette. */
|
|
|
|
import { ipcRenderer } from 'electron'
|
|
import { DESKTOP_IPC } from './ipc.ts'
|
|
|
|
/** Root attribute written by the Web UI's theme bootstrap and presenter (ui-theme / ui-layout). */
|
|
const THEME_SOURCE_ATTRIBUTE = 'data-ds-theme-source'
|
|
|
|
/**
|
|
* On macOS, watches `html[data-ds-theme-source]` and forwards each value to
|
|
* the main process, which sets `nativeTheme.themeSource` — the sidebar
|
|
* vibrancy material then follows the app's theme preference instead of the
|
|
* OS appearance, while `system` keeps following the OS. Other platforms
|
|
* never send.
|
|
*/
|
|
export function syncNativeTheme(): void {
|
|
if (process.platform !== 'darwin') return
|
|
let sent: string | undefined
|
|
const send = (): void => {
|
|
const value = document.documentElement.getAttribute(THEME_SOURCE_ATTRIBUTE)
|
|
if (value === null || value === sent) return
|
|
sent = value
|
|
ipcRenderer.send(DESKTOP_IPC.nativeThemeSet, value)
|
|
}
|
|
const observe = (): void => {
|
|
new MutationObserver(send).observe(document.documentElement, { attributeFilter: [THEME_SOURCE_ATTRIBUTE] })
|
|
send()
|
|
}
|
|
// The preload runs before the document root exists; the theme bootstrap
|
|
// script writes the attribute before DOMContentLoaded.
|
|
if (document.readyState === 'loading') window.addEventListener('DOMContentLoaded', observe)
|
|
else observe()
|
|
}
|