feature: Optional bg image and neon borders (#2897)

* init

* working

lnbits/static/js/account.js

@@ -12,7 +12,12 @@ window.AccountPageLogic = {
         'confettiStars',
         'confettiTop'
       ],
-      borderOptions: ['retro-border', 'hard-border', 'no-border'],
+      borderOptions: [
+        'retro-border',
+        'hard-border',
+        'neon-border',
+        'no-border'
+      ],
       tab: 'user',
       credentialsData: {
         show: false,
@@ -96,6 +101,8 @@ window.AccountPageLogic = {
     toggleGradient() {
       this.gradientChoice = !this.gradientChoice
       this.applyGradient()
+      this.$q.localStorage.set('lnbits.backgroundImage', '')
+      this.applyBorder()
       if (!this.gradientChoice) {
         window.location.reload()
       }
@@ -103,13 +110,21 @@ window.AccountPageLogic = {
     reactionChoiceFunc() {
       this.$q.localStorage.set('lnbits.reactions', this.reactionChoice)
     },
+    backgroundImageFunc() {
+      this.$q.localStorage.set('lnbits.backgroundImage', this.backgroundImage)
+      this.applyBackgroundImage()
+    },
     changeColor(newValue) {
       document.body.setAttribute('data-theme', newValue)
       this.$q.localStorage.set('lnbits.theme', newValue)
       this.setColors()
+      this.applyBorder()
       if (this.$q.localStorage.getItem('lnbits.gradientBg')) {
         this.applyGradient()
       }
+      if (this.$q.localStorage.getItem('lnbits.backgroundImage')) {
+        this.applyBackgroundImage()
+      }
     },
     async updateAccount() {
       try {