mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 05:14:53 -05:00
restyle
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
var currentPalette = 'darkMode'
|
||||
rootStyles.setProperty('--site-background', '#3a3838')
|
||||
rootStyles.setProperty('--site-background-filter', 'none')
|
||||
rootStyles.setProperty('--layer-background', '#242424')
|
||||
rootStyles.setProperty('--site-background', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(100) hue-rotate(0deg)')
|
||||
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#1d1d1d')
|
||||
rootStyles.setProperty('--interactable-unselected', '#666666')
|
||||
rootStyles.setProperty('--interactable-selected', '#99ee99')
|
||||
|
@@ -1,5 +1,5 @@
|
||||
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', 'grayscale(0) hue-rotate(0deg)')
|
||||
rootStyles.setProperty('--layer-background', '#e4e4e4 url("/data/images/site/backgrounds/lowpolyLightGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#cccccc')
|
||||
rootStyles.setProperty('--interactable-unselected', '#aaaaaa')
|
||||
@@ -27,7 +27,7 @@ var colorCycle = setInterval(shiftHue, 200)
|
||||
var currentHueRotation = 0
|
||||
|
||||
function shiftHue() {
|
||||
rootStyles.setProperty('--site-background-filter', 'hue-rotate(' + currentHueRotation + 'deg)')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(0) hue-rotate(' + currentHueRotation + 'deg)')
|
||||
currentHueRotation += 1
|
||||
if (currentHueRotation == 360) {
|
||||
currentHueRotation = 0
|
||||
|
@@ -1,7 +1,6 @@
|
||||
var currentPalette = 'lightMode'
|
||||
rootStyles.setProperty('--site-background', '#f5f5f5')
|
||||
rootStyles.setProperty('--site-background-filter', 'none')
|
||||
rootStyles.setProperty('--layer-background', '#e4e4e4')
|
||||
rootStyles.setProperty('--site-background', '#f5f5f5 url("/data/images/site/backgrounds/lowpolyLightGreen.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(100) hue-rotate(0deg)')
|
||||
rootStyles.setProperty('--layer-background', '#e4e4e4 url("/data/images/site/backgrounds/lowpolyLightGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#cccccc')
|
||||
rootStyles.setProperty('--interactable-unselected', '#aaaaaa')
|
||||
rootStyles.setProperty('--interactable-selected', '#00aa00')
|
||||
|
@@ -1,6 +1,5 @@
|
||||
var currentPalette = 'lowpolyBlue'
|
||||
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', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(0) hue-rotate(90deg)')
|
||||
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#1d1d1d')
|
||||
rootStyles.setProperty('--interactable-unselected', '#666666')
|
||||
|
@@ -1,6 +1,5 @@
|
||||
var currentPalette = 'lowpolyGreen'
|
||||
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', 'grayscale(0) hue-rotate(0deg)')
|
||||
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#1d1d1d')
|
||||
rootStyles.setProperty('--interactable-unselected', '#666666')
|
||||
|
@@ -1,6 +1,5 @@
|
||||
var currentPalette = 'lowpolyRed'
|
||||
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', '#3a3838 url("/data/images/site/backgrounds/lowpolyDarkGreen.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(0) hue-rotate(245deg)')
|
||||
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#1d1d1d')
|
||||
rootStyles.setProperty('--interactable-unselected', '#666666')
|
||||
|
@@ -1,5 +1,5 @@
|
||||
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', 'grayscale(0) hue-rotate(0deg)')
|
||||
rootStyles.setProperty('--layer-background', '#242424 url("/data/images/site/backgrounds/lowpolyDarkGray.svg") left/cover no-repeat fixed')
|
||||
rootStyles.setProperty('--layer-background-selected', '#1d1d1d')
|
||||
rootStyles.setProperty('--interactable-unselected', '#666666')
|
||||
@@ -27,7 +27,7 @@ var colorCycle = setInterval(shiftHue, 200)
|
||||
var currentHueRotation = 0
|
||||
|
||||
function shiftHue() {
|
||||
rootStyles.setProperty('--site-background-filter', 'hue-rotate(' + currentHueRotation + 'deg)')
|
||||
rootStyles.setProperty('--site-background-filter', 'grayscale(0) hue-rotate(' + currentHueRotation + 'deg)')
|
||||
currentHueRotation += 1
|
||||
if (currentHueRotation == 360) {
|
||||
currentHueRotation = 0
|
||||
|
Reference in New Issue
Block a user