mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 05:14:53 -05:00
60 lines
2.3 KiB
JavaScript
60 lines
2.3 KiB
JavaScript
rootStyles.setProperty('--background-color', '#1c1c1c')
|
|
rootStyles.setProperty('--background-color-contrast', '#111')
|
|
rootStyles.setProperty('--interactable-color', '#333')
|
|
rootStyles.setProperty('--interactable-selected-color', '#555')
|
|
rootStyles.setProperty('--input-color', '#3a3a3a')
|
|
rootStyles.setProperty('--font-color', '#fff')
|
|
rootStyles.setProperty('--font-color-contrast', '#eee')
|
|
rootStyles.setProperty('--body-background', 'url(images/lowpoly.png)')
|
|
setCookie('colorPalette', 'darkMode')
|
|
|
|
//Cycles through a rainbow!
|
|
if (currentColorIndex == undefined) {
|
|
document.getElementById('inputColorPalette').addEventListener('change', function() {
|
|
clearInterval(raveMode)
|
|
})
|
|
}
|
|
var raveMode = setInterval(changeColor, 250)
|
|
var regularAdjust = 0//60
|
|
var lightAdjust = 64//100
|
|
var lightLead = 255
|
|
var currentColorIndex = 0
|
|
function changeColor() {
|
|
var colors = indexToColor(currentColorIndex)
|
|
var lightColors = indexToColor(currentColorIndex + lightLead)
|
|
rootStyles.setProperty('--background-color', 'linear-gradient(to bottom right, ' + "rgb(" + parseInt(colors[0] + regularAdjust) + "," + parseInt(colors[1] + regularAdjust) + "," + parseInt(colors[2] + regularAdjust) + ")" + ', ' + "rgb(" + parseInt(lightColors[0] + lightAdjust) + "," + parseInt(lightColors[1] + lightAdjust) + "," + parseInt(lightColors[2] + lightAdjust) + ")" + ')')
|
|
currentColorIndex += 2.5 * 153 / 180 //The second number is how many seconds it takes to do a full loop
|
|
}
|
|
function indexToColor(colorIndex) {
|
|
var red = 0, green = 0, blue = 0
|
|
var realColorIndex = colorIndex - Math.floor(colorIndex / 1530) * 1530
|
|
var colorStage = Math.floor(realColorIndex / 255)
|
|
switch(colorStage) {
|
|
case 0:
|
|
green = 255
|
|
red = realColorIndex - Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
case 1:
|
|
red = 255
|
|
green = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
case 2:
|
|
red = 255
|
|
blue = realColorIndex - Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
case 3:
|
|
blue = 255
|
|
red = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
case 4:
|
|
blue = 255
|
|
green = realColorIndex - Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
case 5:
|
|
green = 255
|
|
blue = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
|
|
break
|
|
}
|
|
return [red, green, blue]
|
|
}
|