diff --git a/data/scripts/palettes/dayRave.js b/data/scripts/palettes/dayRave.js index f6404333..79362616 100644 --- a/data/scripts/palettes/dayRave.js +++ b/data/scripts/palettes/dayRave.js @@ -1,4 +1,3 @@ -var currentPalette = 'dayRave' rootStyles.setProperty('--site-background', '#f5f5f5 url("/data/images/site/backgrounds/lowpolyLightGreen.svg") left/cover no-repeat fixed') rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--layer-background', '#e4e4e4 url("/data/images/site/backgrounds/lowpolyLightGray.svg") left/cover no-repeat fixed') @@ -12,10 +11,12 @@ setCookie('colorPalette', 'dayRave') //Stops the hue shift when another palette is loaded if (document.getElementById('inputColorPalette') != null) { document.getElementById('inputColorPalette').addEventListener('change', removeEventListener, false) +} else { + setTimeout(function() {document.getElementById('inputColorPalette').addEventListener('change', removeEventListener, false)}, 1000) } function removeEventListener() { - if (currentPalette != 'dayRave') { + if (document.getElementById('inputColorPalette').value != 'dayRave') { clearInterval(colorCycle) document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false) } diff --git a/data/scripts/palettes/nightRave.js b/data/scripts/palettes/nightRave.js index 46d4b4b8..4fa93014 100644 --- a/data/scripts/palettes/nightRave.js +++ b/data/scripts/palettes/nightRave.js @@ -1,4 +1,3 @@ -var currentPalette = 'nightRave' rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed') rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed') @@ -12,10 +11,12 @@ setCookie('colorPalette', 'nightRave') //Stops the hue shift when another palette is loaded if (document.getElementById('inputColorPalette') != null) { document.getElementById('inputColorPalette').addEventListener('change', removeEventListener, false) +} else { + setTimeout(function() {document.getElementById('inputColorPalette').addEventListener('change', removeEventListener, false)}, 1000) } function removeEventListener() { - if (currentPalette != 'nightRave') { + if (document.getElementById('inputColorPalette').value != 'nightRave') { clearInterval(colorCycle) document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false) }