This commit is contained in:
Kyle
2020-07-24 17:36:08 -07:00
parent 5329616139
commit 2abb6c7aed
7 changed files with 15 additions and 4 deletions

View File

@@ -1,3 +1,4 @@
var currentPalette = 'darkMode'
rootStyles.setProperty('--site-background', '#3a3838') rootStyles.setProperty('--site-background', '#3a3838')
rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#242424') rootStyles.setProperty('--layer-background', '#242424')

View File

@@ -1,3 +1,4 @@
var currentPalette = 'dayRave'
rootStyles.setProperty('--site-background', '#f5f5f5 url("/data/images/site/backgrounds/lowpolyLightGreen.svg") left/cover no-repeat fixed') 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('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#e4e4e4 url("/data/images/site/backgrounds/lowpolyLightGray.svg") left/cover no-repeat fixed') rootStyles.setProperty('--layer-background', '#e4e4e4 url("/data/images/site/backgrounds/lowpolyLightGray.svg") left/cover no-repeat fixed')
@@ -14,8 +15,10 @@ if (document.getElementById('inputColorPalette') != null) {
} }
function removeEventListener() { function removeEventListener() {
if (currentPalette != 'dayRave') {
clearInterval(colorCycle) clearInterval(colorCycle)
document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false) document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false)
}
} }
//Shifts the hue //Shifts the hue

View File

@@ -1,3 +1,4 @@
var currentPalette = 'lightMode'
rootStyles.setProperty('--site-background', '#f5f5f5') rootStyles.setProperty('--site-background', '#f5f5f5')
rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#e4e4e4') rootStyles.setProperty('--layer-background', '#e4e4e4')

View File

@@ -1,3 +1,4 @@
var currentPalette = 'lowpolyBlue'
rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkBlue.svg") left/cover no-repeat fixed') rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkBlue.svg") left/cover no-repeat fixed')
rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed') rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')

View File

@@ -1,3 +1,4 @@
var currentPalette = 'lowpolyGreen'
rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed') 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('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed') rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')

View File

@@ -1,3 +1,4 @@
var currentPalette = 'lowpolyRed'
rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkRed.svg") left/cover no-repeat fixed') rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkRed.svg") left/cover no-repeat fixed')
rootStyles.setProperty('--site-background-filter', 'none') rootStyles.setProperty('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed') rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')

View File

@@ -1,3 +1,4 @@
var currentPalette = 'nightRave'
rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed') 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('--site-background-filter', 'none')
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed') rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
@@ -14,8 +15,10 @@ if (document.getElementById('inputColorPalette') != null) {
} }
function removeEventListener() { function removeEventListener() {
if (currentPalette != 'nightRave') {
clearInterval(colorCycle) clearInterval(colorCycle)
document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false) document.getElementById('inputColorPalette').removeEventListener('change', removeEventListener, false)
}
} }
//Shifts the hue //Shifts the hue