Cor de fundo não altera

Oii pessoal, não estou conseguindo mudar a cor de fundo do projeto, já revisei o HTML pra ver se tinha inserido corretamente o arquivo JS e estava correto, mas mesmo assim não esta funcionando corretamente, não sei o que posso ter feito errado. Vou deixar o código a baixo.

const html = document.querySelector('html')
const focoBt = document.querySelector('.app__card-button--foco active')
const curtoBt = document.querySelector('.app__card-button--curto')
const longoBt = document.querySelector('.app__card-button--longo')

focoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'foco')
})

curtoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'descanso-curto')
})

longoBt.addEventListener('click', () => {
    html.setAttribute('data-contexto', 'descanso-longo')
})