ui5-smart-access/js/blueLightFilter.js

A custom accessibility popover for SAP UI5 applications.

function getFilter(level) {
    const sepia = (level / 100) * 0.6;
    const hue = -20 * (level / 100);
    const brightness = 1 - (level / 100) * 0.1;
    return `brightness(${brightness}) sepia(${sepia}) hue-rotate(${hue}deg)`;
}

export const enableBlueLightFilter = (level = 50) => {
    document.documentElement.style.filter = getFilter(level);
};

export const updateBlueLightFilter = (level = 50) => {
    document.documentElement.style.filter = getFilter(level);
};

export const disableBlueLightFilter = () => {
    document.documentElement.style.filter = '';
};