Function getScrollbarColorModifier

src/inject/dynamic-theme/modify-css.ts:729–743

(value: string)

}

export function getScrollbarColorModifier(value: string): string | CSSValueModifier | null {
    const colorsMatch = value.match(/^\s*([a-z]+(\(.*\))?)\s+([a-z]+(\(.*\))?)\s*$/);
    if (!colorsMatch) {
        return value;
    }

    const thumb = parseColorWithCache(colorsMatch[1]);
    const track = parseColorWithCache(colorsMatch[3]);
    if (!thumb || !track) {
        logWarn("Couldn't parse color", ...([thumb, track].filter((c) => !c)));
        return null;
    }

    return (theme) => `${modifyForegroundColor(thumb, theme)} ${modifyBackgroundColor(track, theme)}`;
}

export function getColorSchemeModifier(): CSSValueModifier {
    return (theme: Theme) => theme.mode === 0 ? 'dark light' : 'dark';