Function getModifiedScrollbarStyle

src/inject/dynamic-theme/modify-css.ts:224–242

(theme: Theme)

}

function getModifiedScrollbarStyle(theme: Theme) {
    let colorTrack: string;
    let colorThumb: string;
    if (theme.scrollbarColor === 'auto') {
        colorTrack = modifyBackgroundColor({r: 241, g: 241, b: 241}, theme);
        colorThumb = modifyBackgroundColor({r: 176, g: 176, b: 176}, theme);
    } else {
        const rgb = parseColorWithCache(theme.scrollbarColor)!;
        const hsl = rgbToHSL(rgb);
        const darken = (darker: number) => ({...hsl, l: clamp(hsl.l - darker, 0, 1)});
        colorTrack = hslToString(darken(0.4));
        colorThumb = hslToString(hsl);
    }
    return [
        `* {`,
        `    scrollbar-color: ${colorThumb} ${colorTrack};`,
        `}`,
    ].join('\n');
}

export function getModifiedFallbackStyle(theme: Theme, {strict}: {strict: boolean}): string {
    const factory = fallbackFactory || defaultFallbackFactory;