29 lines
936 B
TypeScript
29 lines
936 B
TypeScript
|
import { useLayoutEffect, useRef } from 'react';
|
||
|
|
|
||
|
|
import type { TerminalTheme } from '../../domain/models';
|
||
|
|
import { applyTopTabsChromeThemeVars } from '../app/topTabsChromeTheme';
|
||
|
|
import {
|
||
|
|
clearTerminalLayerChromeSurfaceVars,
|
||
|
|
injectTerminalLayerChromeSurfaceVars,
|
||
|
|
} from '../../infrastructure/theme/terminalAppearanceVars';
|
||
|
|
|
||
|
|
/** Manual mode: side panel + host tree follow the focused session theme, not the global default. */
|
||
|
|
export function useManualTerminalChromeSurfaceInjection(
|
||
|
|
theme: TerminalTheme,
|
||
|
|
enabled: boolean,
|
||
|
|
): void {
|
||
|
|
const prevEnabledRef = useRef(enabled);
|
||
|
|
useLayoutEffect(() => {
|
||
|
|
const wasEnabled = prevEnabledRef.current;
|
||
|
|
prevEnabledRef.current = enabled;
|
||
|
|
if (enabled) {
|
||
|
|
injectTerminalLayerChromeSurfaceVars(theme);
|
||
|
|
applyTopTabsChromeThemeVars(theme);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (wasEnabled) {
|
||
|
|
clearTerminalLayerChromeSurfaceVars();
|
||
|
|
}
|
||
|
|
}, [enabled, theme.id, theme]);
|
||
|
|
}
|