Function highlightActivePattern

voice-control.js:14–26

(index)

const patternListItems = patternListElement.querySelectorAll('li');

function highlightActivePattern(index) {
    patternListItems.forEach((item, i) => {
        if (i === index) {
            item.style.color = '#f700ff';
            item.style.fontSize = '32px';
            item.style.fontWeight = 'bold';
        } else {
            item.style.color = '#ffffff';
            item.style.fontSize = '18px';
            item.style.fontWeight = 'normal';
        }
    });
}

function transitionToNamedPattern(name) {
    const index = patternNames.findIndex(p => p.toLowerCase() === name.toLowerCase());